1.windows下做html5开发用什么工具
2.React组件设计-仿网易有道翻译主页
3.购买了一家网络公司出售的触屏触屏网站模版，貌似是网站网站仿制了别人正在使用的网站，这样会不会存在隐患？会不会侵权？
windows下做html5开发用什么工具
windows下做html5开发用什么工具？
工具/原料
Adobe Dreamweaver CS6
Adobe Edge
DevExtreme
JetBrains WebStorm
Sencha Architect
Initializr
HTML5demos
HTML5 Tracker
HTML5 visual cheat sheet
Switch To HTML5
HTML5 Test
Lime JS
款程序员必备的HTML 5开发工具
方法/步骤1:
1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的触屏触屏网页设计软件。由于Dreamweaver支持代码、网站网站拆分、源码源码心理测验网站php源码设计、触屏触屏实时视图等多种方式来创作、网站网站编写和修改网页，源码源码对于初级人员，触屏触屏你可以无需编写任何代码就能快速创建Web页面。网站网站其成熟的源码源码代码编辑工具更适用于Web开发高级人员的创作！
方法/步骤2:
2. Adobe Edge
Adobe Edge是触屏触屏一个用HTML5、CSS、网站网站小型酒店管理源码Java开发动态互动内容的源码源码设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
方法/步骤3:
3. DevExtreme
DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，简单推荐系统源码Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS//集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。
方法/步骤4:
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、网游游戏源码格式“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
方法/步骤5:
5. Sencha Architect
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。
方法/步骤6:
6、Initializr
Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的html图片按钮源码特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。
方法/步骤7:
7、HTML5demos
想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。
方法/步骤8:
8、HTML5 Tracker
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。
方法/步骤9:
9、HTML5 visual cheat sheet
想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。
方法/步骤:
、Switch To HTML5
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。
方法/步骤:
、HTML5 Test
你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
方法/步骤:
、Lime JS
LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。
React组件设计-仿网易有道翻译主页
前言
React组件化开发非常有利于搭建项目，也提高了组件的复用性。由于频繁使用网易有道翻译这个软件，让我萌生出想要征服ta的冲动。开发过程中遇到了些许问题，页面还有很多功能还未完善，现在只有一个首页，后续功能持续完善中。
前期准备在组件页面成型之初需要几个开源组件库：
axios：它是一个基于promise的网络请求库，用于获取后端数据（fastmock网站可以让你在没有后端程序的情况下能真实地在线模拟ajax请求），是前端常用的数据请求工具；
antd-mobile：由蚂蚁金融团队推出的一个开源的react组件库,这个组件库拥有很多使用的组件；
swiper：能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。
styled-compenonts：真正的cssinjs，增强CSS以对React组件系统进行样式设置的结果，具有简单的动态样式、轻松维护等优点。
正文组件展示?
组件设计思路顶部：用flex布局，方便快捷（一切皆可flex）
搜索栏：使用antd-mobile组件库的SearchBar，点击转跳到搜索页面
图标轮播和轮播图：主要使用swiper进行设计，实现自动轮播效果
底部栏：用fixed固定住
组件封装先对项目进行脚手架的建构（使用vite脚手架，使用起来快速方便）
npminit@viteja/appsrc下的目录内容
api：存放与数据相关的链接，组件所有的数据将会在这一个文件夹下的request.js中使用ajax进行数据请求
assets：存放静态资源，font、image等
components：放置重复使用的组件
config：存放页面标题配置
modules：配置页面自适应横竖屏
pages：各个页面
routes：页面的路由
搜索栏直接使用antd-mobile的SearchBar
importReactfrom'react'import{ SearchBar}from'antd-mobile'import{ Link}from'react-router-dom'import{ Wrapper}from'./style'exportdefaultfunctionSearch(){ return(
{ /*点击搜索框跳转搜索页面*/})}```
数据请求前端页面数据的展示不能写死在代码里面，需要数据请求，fastmock则走入了我的视野，在线接口Mock工具fastmock?在线模拟ajax请求（fastmock在没有后端程序的情况下可以实现ajax请求，有需要的小伙伴可以去尝试）
api文件夹下的request.js进行axios数据请求
importaxiosfrom'axios'exportconstgetBanners=()=>axios.get('/post/购买了一家网络公司出售的网站模版，貌似是仿制了别人正在使用的网站，这样会不会存在隐患？会不会侵权？
不会，就像现在的触屏手机，外观都差不多一样了，要是侵权现在好多的公司都不能生产直板触屏机了。不过要小心，在你的网站上不能使用别的网站标志（应该是商标？），名称等。
安全隐患肯定有，毕竟你的网站源代码都是别的公司提供的，人家如果没有商业道德留下后门你也不知道，还有如果用同一模版的其他公司若爆出BUG，那么你的公司肯定也有同样的问题，所以真正的有实力的公司都有自己的网络部门。
不过话说回来，如果是小公司，又不涉及到电商方面的内容，主要是在网上介绍自己的产品，用模版网站也可以的，毕竟可以节省开支。
