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支持代码、网站网站拆分、源码源码万能的高抛低吸主图源码设计、触屏触屏实时视图等多种方式来创作、网站网站编写和修改网页，源码源码对于初级人员，触屏触屏你可以无需编写任何代码就能快速创建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，unity 迷宫 源码资源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 网站最好的入门辅助开发工具，你可以使用提供的tcp转发工具 源码特色模板快速生成网站，也可以自定义，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/app

       src下的目录内容

       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，那么你的公司肯定也有同样的问题，所以真正的有实力的公司都有自己的网络部门。

       不过话说回来，如果是小公司，又不涉及到电商方面的内容，主要是在网上介绍自己的产品，用模版网站也可以的，毕竟可以节省开支。