⑴ Web前端该如何与后端合作
今天小编要跟大家分享的文章是关于web前端该如何与后端合作?为了帮助web前端工程师更好的从事工作，提高工作效率，下面来和小编一起看一看吧！
1、前后端分离
前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。
2、尽量避免后端模板渲染
web应用的渲染方式分为服务器端渲染和客户端渲染，当下比较推荐的方式是客户端渲染，数据使用全ajax的方式进行交互。
除非在一些不得不使用服务器端渲染的情况下(如门户、电商等)，应当尽量使用客户端渲染，因为客户端渲染更能使前后端分离(项目分离、代码解耦、协作分离、职责分离等)，也能更好的做本地接口模拟开发，提升开发效率。
即使用服务器端渲染，在技术支持的条件下，可以使用node
中间层(由前端人员开发)，代替传统的后端模板渲染，这样可以使后端与前端完全解耦，后端与前端只有数据上的往来。
3、尽量避免大量的线上调试
做好本地接口模拟开发(包括后端模板渲染)，避免大量的线上调试，因为线上调试很不方便，也很费事，并且每次更新代码，都需要重新构建，然后同步到服务器。
所以做好本地接口模拟开发，只要程序在本地运行是没问题的，一般线上就不会有太大的问题，这样就能大幅降低调试工作量，提升开发效率。
4、本地接口模拟开发
本地接口模拟就是在本地模拟一个与服务器差不多的环境，能够提供数据所需的接口，进行错误模拟处理等等。
本地接口模拟开发的意义就在于能够在本地完成几乎所有的开发与调试，尽量减少线上的调试，提高开发效率。
一些常用库：
§browser-sync：能让浏览器实时、快速响应文件更改(html、js、css、sass、less
等)并自动刷新页面，并且可以同时在PC、平板、手机等设备下进行调试。
§webpack-dev-middleware：。
§webpack-hot-middleware：热更新本地开发浏览器服务。
另外，本地接口模拟开发需要后端开发人员有规范的接口文档。
5、规范的接口文档
前端与后端协作提升开发效率的一个很重要的方法就是减少沟通：能够形成纸质的文档就不要口头沟通、能够把接口文档写清楚也不要口头沟通(参数、数据结构、字段含义等)，特别是线上协作的时候，面对面交流是很困难的。
一个良好的接口文档应当有以下的几点要求与信息：
1.格式简洁清晰：推荐用APIBlueprint
2.分组：当接口很多的时候，分组就很必要了
3.接口名、接口描述、接口地址
4.http方法、参数、headers、是否序列化
5.http状态码、响应数据
接口文档可以用一些文档服务(如leanote)来管理文档，也可以用git来管理;书写方式可以用markdown，也可以YAML、JSON
等。
推荐使用markdown方式写文档，用git管理文档。
6、去缓存
前端需要做好去客户端缓存的功能，保证用户始终都是使用的最新资源，不会因为因为缓存的问题而出现bug。
传统的去缓存是在静态资源url
上加上版本号或者时间戳，不过因为构建工具的出现以及一些浏览器已经不支持这种方式了的缘故，这种方式已经是过去时了。
现在去缓存是将文件hash化命名，只要文件变动，文件名就会不一样，以此才能彻底的去缓存。如果使用webpack进行打包，会自动将所有文件进行
hash化命名。
7、做好错误处理
前端与后端都需要各自做好错误处理，以便发生错误能够有友好的提示，也能在用户反馈时快速准确定位错误来源和原因。
一般前端的错误分为：
§脚本运行错误：js脚本错误，找到堆栈信息，然后解决
§接口错误：服务器报错、数据返回不对、没有响应数据、超时等
而接口错误分为：
§状态码错误(状态码非2XX)：服务器报错、超时等
§数据错误：没有响应数据、数据格式不对、数据内容不对
8、运行时捕捉js脚本错误
当用户在用线上的程序时，怎么知道有没有出bug;如果出bug了，报的是什么错;如果是js报错，怎么知道是那一行运行出了错?
所以，在程序运行时捕捉js脚本错误，并上报到服务器，是非常有必要的。
这里就要用到window.onerror了：
1.window.onerror=(errorMessage,scriptURI,lineNumber,columnNumber,
errorObj)=>{
2.constdata={
3.title:document.getElementsByTagName('title')[0].innerText,
4.errorMessage,
5.scriptURI,
6.lineNumber,
7.columnNumber,
8.detailMessage:(errorObj&&errorObj.message)||'',
9.stack:(errorObj&&errorObj.stack)||'',
10.userAgent:window.navigator.userAgent,
11.locationHref:window.location.href,
12.cookie:window.document.cookie,
13.};
14.
15.post('url',data);//上报到服务器
16.};
线上的js脚本都是压缩过的，需要用sourcemap文件与source-map查看原始的报错堆栈信息。
9、移动端远程调试、vConsole、TBSStudio
因为移动端的开发无法像pc端开发一样使用Chrome的开发者调试工具，所以调试移动端需要一些额外的技巧。
移动端应用一般都运行在微信浏览器中、webview中、手机浏览器中。
远程调试(RemoteDebugging)
远程调试就是通过USB连接、端口转发、搭建代理等方式，将一个设备的web页面映射到另一个设备上，比如将手机的webview映射到pc
上，达到调试的目的。
移动端web应用调试难题从一开始就有，不过后来浏览器厂商基本都推出自己的远程调试工具来解决这个问题，包括OperaMobile、
iOSSafari、ChromeforAndroid、UC浏览器等，另外还有一些第三方开发的远程调试工具，比如weinre等。
以Android为例，可以将webview、ChromeforAndroid中的页面映射到pc
端的ChromeDevTools，然后就可以在pc端调试移动端的页面了。
vConsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板(chrome开发者工具的便利实现)。
TBSStudio
因为微信浏览器是定制的浏览器，一般的远程调试方式都不可用，需要配合特定的工具，如微信开发者工具。
TBSStudio是另一个可以像Chrome一样调试远程微信浏览器页面的强大工具。
10、前后端并行开发
正常情况下，前端的开发在完成UI或者组件开发之后，就需要等后端给出接口文档才能继续进行，如果能做到前后端并行开发，也能提升开发效率。
前后端并行开发，就是说前端的开发不需要等后端给出接口文档就可以进行开发，等后端给出接口之后，再对接好后就基本上可以上线了。
在本地化接口模拟的实现下，就可以做到前后端并行开发，只是在代码层面需要对ajax进行封装。
11、友好的沟通
不管工具多么厉害，很多时候都免不了要当面沟通，友好、心平气和的沟通也是很重要的!
以上就是小编今天为大家分享的关于web前端该如何与后端合作的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利！
作者：深予之(@senntyou)
#/a/1190000016852780
⑵ 想问下各位前端大佬们，前端在本地开发时怎么解决和后端跨域连调的
两种方法，一种是在本地搭建服务环境，后台写完代码你通过SVN等工具现在到本地调试，另外就是自己使用nodejs等后台语言和页面打交道，直接调用远程的服务接口
⑶ 怎么学好web前端开发
入门
在我理解下的基础知识，就是我们可以写一些基本的样式，并能对页面的元素进行操作。举例来说，就是我们用Spring和JSP写了一个博客，然后我们可以用jQuery来对页面进行一些简单的操作，并可以调用一些API。因此，我们需要基本的HTML / CSS知识。只是要写好CSS并不是一件简单的事，这需要很多实战经验。随后，我们还需要有JavaScript的经验，要不怎么做前端呢？
同时，我们还需要对DOM有一些基础的了解，才能做一些基本的操作，如修改颜色等等。在这种情况下，最简单的方案就是使用jQuery这样的工具。不过，如果可以自己操作DOM是再好不过的了。
中级篇
中级篇就更有意思了，现在我们就需要对页面进行更复杂的操作。Ajax和JSON这两个技能是必须的，当我们要动态的改变页面的元素时，我们就需要从远程获取最新的数据结果。并且我们也需要提交表单到服务器，RESTful就是必须要学会的技能。未来我们还需要Fetch API，ReactiveX这些技能。
除此我们还需要掌握好HTML的语义化，像DIV / CSS这也会必须会的技能，我们应该还会使用模板引擎和SCSS / SASS。而这个层面来说，我们开始使用Node.js来完成前端的构建等等的一系列动作，这时候必须学会使用命令行这类工具。并且，在这时候我们已经开始构建单页面应用了。
高级篇
JavaScript是一门易上手的语言，也充满了相当多的糟粕的用法。几年前人们使用CoffeeScript编成成JavaScript来编写更好的前端代码，现在人们有了ES6、TypeScript和WebPack来做这些事。尽管现在浏览器支持不完善，但是他们是未来。同样的还有某些CSS3的特性，其对于某些浏览器来说也是不支持的。而这些都是基于语言本来说的，要写好代码，我们还需要掌握面向对象编程、函数式编程、MVC / MVVM / MV*这些概念。作为一合格的工程师，我们还需要把握好安全性（如跨域），做好 授权（如HTTP Basic、JWT等等）。
工程化
这个标题好像是放错了，这部分的内容主要都是自动构建的内容。首先，我们需要有基本的构建工具，无论你是使用gulp、grunt，还是只使用npm，这都不重要。重要的是，你可以自动化的完成构建的工具，编译、静态代码分析（JSLint、CSS Lint、TSLint）、对代码质量进行分析（如Code Climate，可以帮你检测出代码中的Bad Smell）、运行代码中的测试，并生成测试覆盖率的报告等等。这一切都需要你有一个自动构建的工作流。
兼容性
虽然我们离兼容IE6的时代已越来越远了，但是我们仍然有相当多的兼容性工作要做。基本的兼容性测试就是跨浏览器的测试，即Chrome，IE，Firefox，Safari等等。除此还有在不同的操作系统上对同一浏览器的测试，某些情况下可能表现不一致。如不同操作系统的字体大小，可能会导致一些细微的问题。
而随着移动设备的流行，我们还需要考虑下不同Android版本下的浏览器内核的表现不致，有时候还要一下不成器的Windows Phone。除此，还有同一个浏览器的不同版本问题，常见于IE。。
前端特定
除了正常的编码之外，前端还有一些比较有意思的东西，如CSS3和JavaScript动画。使用Web字体，可惜这个不太适合汉字使用。还有Icon字体，毕竟这种字体是矢量的。不过Icon字体还有一些问题，如浏览器对其的抗锯齿优化，还有一个痛是你得准备四种不同类型的字体文件。因此，产生了一种东西SVG Sprite，在以前这就是CSS Sprite，只是CSS Sprite不能缩放。最后，我们还需要掌握一些基本的图形和图表框架的使用。
软件工程
这一点上和大部分语言的项目一样，我们需要使用版本管理软件，如git、svn，又或者是一些内部的工具。总之你肯定要有一个，而不是 2016.07.31.zip这种文件。然后，你还需要一些依赖管理工具，对于那些使用Webpack、Browserify来将代码编写成前端代码的项目来说，npm还是挺好用的。不过就个人来说，对于传统的项目来说我总觉得bower有些难用。我们还需要模块化我们的源码文件，才能使其他人更容易开始项目。
调试
作为一个工程师来说，调试是必备的技能。大部分浏览器都自带有调试工具，他们都不错——如果你使用过的话。在调试的过程中，直接用Console就可以输出值、计算值等等。如果你的项目在构建的过程中有一些问题，你就需要debugger这一行代码了。
在一些调用远程API的项目里，我们还需要一些更复杂的工具，即抓包工具。在调试移动设备时，像Wireshark、Charles这一类的工具，就可以让我们看到是否有一些异常的请求。当然在这个时候，还有一个不错的工具就是像Chrome自带的远程设备调试。对于移动网站来说，还要有Responsive视图。
测试
我遇到的很多前端工程师都是不写测试的，于是我便把它单独地抽了出现。对于一个前端项目来说，正常情况下，我们要有单元测试、功能测试，还有要一些UI测试来验证页面间是否可以跳转。对于依赖于第三方服务的应用来说，还要有一个Mock的服务来方便我们测试。如果是前后端分离的项目，我们还需要有集成测试。
性能与优化
要对Web应用进行性能优化，可能不是一件容易的事，有时候我们还知道哪些地方可以优化。这时候人们就可以使用Yahoo的YSlow，或者我最喜欢的Google PageSpeed来检测页面的一些问题，如有没有开启GZip、有没有压缩、合并、Minify JS代码等等。
我们还应该借助于NetWork这一类的工具，查看页面加载时，一些比较漫的资源文件，并对其进行优化。在一些情况下，我们还需要借助如Chrome的Timline、Profiel等工具来查看可以优化的地方。
设计
前端工程师还需要具备基本的UI技能。多数情况下拿到的只是一张图，如果是一个完整的页面，我们就需要快速分割页面布局。而依赖于不同的页面布局，如响应式、网格、FlexBox布局也会有不同的设计。而有些时候，我们就需要自己规划，制作一个基本的线框图（Wireframe）等等。
⑷ 如何使用Mac远程调试iPhone/iPad 中的网页
我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最着名的 Firebug)对前端开发进行调试，而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯，直接对网页调试非常不方便，所以一直没有 Web 检查器这一类工具。 但是 iOS 6 的发布解决了这个问题。 iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector)，你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试。下面我讲讲详细的调试过程： 1. 要进行远程调试，首先要打开开启 iPhone/iPad 上的 Safari 的远程调试功能，“通过 设置 > Safari > 高级”开启： 2. 然后打开 Safari，开启你要调试的网页，当然原生应用中通过 WebView 开启的网页也是可以调试的。 3. 最后把 iPhone 或者 iPad 通过数据线连上 Mac 电脑，打开桌面版的 Safari(目前 iOS 6 的 Safari 远程调试只支持通过 Mac 上的桌面版的 Safari 进行，Safari for Windows 目前还没有此项功能)，点击开发菜单，选择你调试的 iPhone/iPad 的设备名，选择调试的网页。 4. 最后就是调用桌面版的 Safari 的 Web 检查器对 iPhone/iPad 上的 Safari 应用进行调试： 这个调试过程和我们平常在 Mac/PC 上调试基本一样，比如可以对 HTML 和 CSS 做些实时的改动，查看修改后的效果。查看 cookie，本地存储，session 等一些数据。查看 WebApp 的性能，网络请求等，也可以查看所有错误和警告信息对程序进行修正。 当然我们可以通过它来调试 Javascript，设置断点，定义未捕获的意外等。也可以访问 Console，直接执行 Javascript 代码。 另外它还支持触摸检查(Touch to inspect)：激活检查器上的手型图标，就可以通过在 iPhone/iPad 上触摸，就能立即找到检查器对应的 DOM 元素。 (Denis 供雷锋网专稿，转载请注明来自雷锋网及作者)
⑸ web前端开发工具排名是什么
编辑器: sublime, webstorm, atom, vim等
调试工具: 浏览器自带的devtools，移动端页面远程调试等
构建工具: gulp, grunt, webpack
包管理工具: bower
远程服务器工具: filezilla/shell
工具主要作用就是帮工程师减少工作量，自动化处理，如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库
前端入门操作都是非常简单
1、学习css，这个css没有包含css3，通常我们看到对于web前端工程师要求是要会使用css+div或css+html对界面进行布局，因此 css是辅助html来展示以及布局的，称之为css样式。上面说的css+div中的div就是html主要用在布局上的，div是核心要掌握的东 西。
而且css是一定需要配合div进行使用，所以学css要熟悉掌握position、height、float、width，并对于界面的最大最小、能 使用百分百、margin、overflow、padding等。这些关系到布局样式的一定要能够熟练掌握，实在不明白可以到杭州有码互联咨询 下，有码讲师都是有超过三年以上的项目经历。
2、html是web前端开发工具中最为基础和最简单的，在html中要掌握的有form table、span、p、div、ul li 、font这各类标签。 尤其是table和div，table虽然也能布局使用，但是不方便，通常是用table和数据打交道的。而div是用来布局。
3、学习web前端开发的话要是能够会些java、php等后台语言更是加分了。因为web前端的界面数据都是在后台那过来的，要是会后 台语言的话，就更节约时间，不仅知道如何于后台交互数据是最好的，也知道怎么写前端的代码会更加规范。就不会出现写法和后 端的数据不匹配，要重现编写的尴尬现象了。
4、掌握js，也许前面提到的大家都觉得还可以。但一说到js就晕了吧？事实上js的入门非常的简单，只要能够会根据某个name、 或id拿到网页的样式、值和dom。以及会给某些name或id的元素标签赋值、追html、追加数据，在按照逻辑推断。至于效果无疑就 是弹框、跳转、隐藏等。再把这些结合到其他的，代码其实就一点也不不会难了。学会了基础的js之后，其他的方面结合学习资料 多看多用基本上是没问题的。
5、学习jquery.jquery是把js封装了一套的一个js插件。最终就是希望代码简化、操作更方便。jquery入门也不难，它需要学的和 js一样，不同的是换成了jq的代码。其他结合别的学习资料就可以了。
6、最后是学习css3+html5了，这个目前是最流行的了，如果是搞后端的话，在工作里面也不怎么会用到，一般是在网站中出现问 题了，那就需要用到css3+html5去修改一下。
⑹ 如何把做好的前端网页上传到服务器上，让别人可以像浏览百度、新浪等各大网页一样可以访问得到
= =。首先你要有一个公网IP的服务器(重要，否别人无法直接在网址上访问你的页面)
linux 是服务器，用来24开机提供服务。
apache是引擎，用来提供别人访问你的网址能有东西出来。
ftp用来把你写的代码上传到linux上面去，有了这一步你的东西才能在服务器上被别人访问到。
只要远程目录上有你的东西就是上传成功了，端口默认是21
或者你可以上网买一些虚拟主机，有二级域名可以穿透，也可以外网访问
⑺ web前端开发需要掌握的几个必备技术
Web前端开发需要掌握的几个必备技术是：
HTML +_CSS核心、JavaScript、VUE框架
前端的应用非常广泛，基本网站、APP、HTML5小程序等都需要前端开发，所以只要是互联网产品基本都需要前端。
前端程序猿切页面写页面，Web上、H5上的炫酷效果，是前端开发大展身手的地方。最常见的用于前端开发的技术组合是：
HTML+CSS+JavaScript。
web前端是在开发人员中最直接面向产品、面向用户的设计人员，一个开发团队的成果是要靠web前端去展现，因为用户不会去关心后台的处理有多么强大。
后端开发是写后台，各种业务逻辑、数据处理、模块接口、客户端接口等等。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。电商平台点击筛选条件下面为你筛选出来的宝贝的功能以及付款人数数据的变化等都是由后台来实现提供的。
目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端去做。
前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间，app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
⑻ 前端用哪些常见的开发工具
Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员，好用的软件工具可以帮助他们更好的工作。今天优就业给大家分享一下Web前端开发用什么软件。
1、Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。
3、Visual Studio Code
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
4、HBuilder
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
想知道“Web前端开发用什么软件”，通过网上搜索你可以发现很多，而能否很好的借助这些软件完成项目，关键还要看你的技术。
⑼ web前端开发工具排名是什么
编辑器: sublime, webstorm, atom, vim等
调试工具: 浏览器自带的devtools，移动端页面远程调试等
构建工具: gulp, grunt, webpack
包管理工具: bower
远程服务器工具: filezilla/shell
工具主要作用就是帮工程师减少工作量，自动化处理，如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库
前端入门操作都是非常简单
1、学习css，这个css没有包含css3，通常我们看到对于web前端工程师要求是要会使用css+div或css+html对界面进行布局，因此 css是辅助html来展示以及布局的，称之为css样式。上面说的css+div中的div就是html主要用在布局上的，div是核心要掌握的东 西。
而且css是一定需要配合div进行使用，所以学css要熟悉掌握position、height、float、width，并对于界面的最大最小、能 使用百分百、margin、overflow、padding等。这些关系到布局样式的一定要能够熟练掌握，实在不明白可以到杭州有码互联咨询 下，有码讲师都是有超过三年以上的项目经历。
2、html是web前端开发工具中最为基础和最简单的，在html中要掌握的有form table、span、p、div、ul li 、font这各类标签。 尤其是table和div，table虽然也能布局使用，但是不方便，通常是用table和数据打交道的。而div是用来布局。
3、学习web前端开发的话要是能够会些java、php等后台语言更是加分了。因为web前端的界面数据都是在后台那过来的，要是会后 台语言的话，就更节约时间，不仅知道如何于后台交互数据是最好的，也知道怎么写前端的代码会更加规范。就不会出现写法和后 端的数据不匹配，要重现编写的尴尬现象了。
4、掌握js，也许前面提到的大家都觉得还可以。但一说到js就晕了吧？事实上js的入门非常的简单，只要能够会根据某个name、 或id拿到网页的样式、值和dom。以及会给某些name或id的元素标签赋值、追html、追加数据，在按照逻辑推断。至于效果无疑就 是弹框、跳转、隐藏等。再把这些结合到其他的，代码其实就一点也不不会难了。学会了基础的js之后，其他的方面结合学习资料 多看多用基本上是没问题的。
5、学习jquery.jquery是把js封装了一套的一个js插件。最终就是希望代码简化、操作更方便。jquery入门也不难，它需要学的和 js一样，不同的是换成了jq的代码。其他结合别的学习资料就可以了。
6、最后是学习css3+html5了，这个目前是最流行的了，如果是搞后端的话，在工作里面也不怎么会用到，一般是在网站中出现问 题了，那就需要用到css3+html5去修改一下。