前端开发

黑马程序员：从零基础到精通的前端学习路线 随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！ 那么前端开发到底需要学什么？应该怎么学？接下来黑马程序员前端学院教你如何从零基础学习前端。 一、前端开发入门 在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。 这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。 二、前端开发初级 在接下来的这一个阶段

阅读目录 开始 第一代技术：生成客户端代理脚本调用服务端 新技术的改进方向 第二代技术：jQuery直接调用WebService 第三代技术：更简单的数据格式 第四代技术：直接提交表单 多submit按钮的提交（用jQuery.form实现） 批量输入控件的提交（用jQuery.form实现） 提交复杂表单（用jQuery.form实现） 各种AJAX开发方法的对比与总结 相关链接 AJAX技术经过这么多年的发展，出现了一些框架或类库用于简化开发工作，不同的框架类库的使用方法也各不相同。 现在，再回头看看这些技术，看看这些框架类库，我们能感受到技术在不断地发展，AJAX开发越来越容易了。 本文收集了 在ASP.NET平台上 ，一些具体代表性的AJAX开发方法，我将用实际的示例代码来演示如何使用它们， 让您感受AJAX的进化历程，同时也希望将一些优秀的AJAX开发方法介绍给您。 为了方便地介绍这些AJAX开发方法，我将它们划分为四代技术。 注意：按代划分AJAX技术纯属我个人的观点，只为了更好了区分它们。 此外，一些不借助任何框架类库的原始AJAX开发方法，本文将不讨论它们。 回到顶部 第一代技术：生成客户端代理脚本调用服务端 这类技术展示了第一代的AJAX框架的主要设计思想：在服务端为客户端生成代理脚本， 然后由这些代理脚本调用服务端，调用者可以不必知道整个调用过程是如何实现的，

WijmoJS（前端开发工具包） 2018年度第三个大版本已经正式发布，本次更新除了全面支持Angular7之外，还允许用户使用Web Workers在前端更高效地导出PDF、智能的分组表头属性、全新的Ribbon主题示例以及OLAP功能增强。 ​ ​ ​ 本次主要更新特性有： WijmoJS 全面支持Angular7 更高效的纯前端 PDF 导出功能 智能的分组表头属性 轻松创建 Ribbon 主题示例 OLAP 数据切片器及其功能增强 葡萄城免费公开课预告： 主题：WijmoJS 前端开发工具包 - 新功能详解 时间：2018/11/29（星期四）下午14：00 讲师：李欣 -- 葡萄城 WijmoJS 产品经理 直播地址： http://live.vhall.com/763947560 ​ ​ 以下是本次更新详细内容，让我们去了解一下： WijmoJS全面支持Angular7 ​ WijmoJS拥有一流的Angular支持。随着最新版Angular的发布，您已经可以使用2018 V3版本的WijmoJS来构建Angular 7应用程序了。 >>点击此处，阅读WijmoJS 全面Angular 7的技术博客。 使用Web Workers让前端 PDF 导出效率更高效 做过前端开发的应该都深有体会，PDF导出通常会降低Web应用程序的速度，这是由于导出发生在浏览器的UI线程中

前言：（面试让介绍webpack，你可以这么答）简单地说，Webpack其最核心的功能就是 解决模板之间的依赖，把各个模块按照特定的规则和顺序组织在一起，最终合并成一个JS文件（比如bundle.js） 。这个整个过程也常常被称为是 模块打包 。换句话说，Webpack是一个指令集合的配置文档，然后通过配置好的这些指令去驱动程序做一些指令要求要做的事情。而这些动作都是通过自己写的规则去做编译，而且通过JavaScript的引入（ import ）语法让Webpack知道需要它帮忙编译什么东西（比如Pug、Sass等等）。所以我们始终会有一个入口文件（比如 index.js ）注入那些Preprocess，让那些Preprocess可以通过这些入口文件的JavaScript让Webpack去根据相关的配置指令编译它，然后打包到一个出口文件中，比如 bundles.js 。 用vue-cli1/2搭建一个vue项目时，可以看到有很多关于webpack配置的文件。我们不需要知道那些繁琐的配置文件有什么作用，只需在控制台输入 npm run dev ，项目自动启动，我们就可以愉快的写业务代码了。 虽然vue-cli帮我们做好了一切，我们就能不用学webpack了吗？NoNoNo...现代前端工程师必备的技能就是模块化构建打包项目，不信去那些招聘网站的前端JD看看。废话不多说

1、浏览器内核: 主流浏览器内核介绍（前端开发值得了解的浏览器内核历史） 浏览器内核历史介绍： 在android 4.4之前，浏览器用的还是webkit 在android 4.4之后，google就抛弃了webkit，只是保留了webkit中关于排版渲染方面的代码，同时还把Browser应用给去掉了引擎方面已经换成了一个叫​C​h​ro​m​i​u​m​的内核。 Blink 其实是 WebKit 的分支，如同 WebKit 是 KHTML 的分支 Trident(IE内核) Gecko(Firefox 内核) WebKit 前身是 KDE 小组的 KHTML 引擎，可以说 WebKit 是 KHTML 的一个开源的分支。当年苹果在比较了 Gecko 和 KHTML 后，选择了后者来做引擎开发，是因为 KHTML 拥有清晰的源码结构和极快的渲染速度。 2、腾讯x5浏览器内核: X5是腾讯QQ浏览器产品部推出的，面向第三方开放X5内核引擎的产品服务。从目前来看，微信、手Q、空间和QQ浏览器都已经内置了X5内核，基本上所有的手机用户手机里都有QQ浏览器X5内核了。所以第三方只要通过很小的sdk就可以调用到这些app里面的X5。 TBS(腾讯浏览服务) 官方接入文档 运行条件： 1) 手机ROM版本高于或等于 2.2版本 2) 手机 RAM大于500M ，该RAM值通过手机 /proc

技术涵盖（JavaWeb、HTML、Ajax、JQuery、Bootstrap ） 接触这一部分知识的时候，我们经常会做一些小Demo来练手，不可避免的就需要接触到一定量的数据，我们常常需要将 数据从数据库中回显到页面中 ，但是随着 数据量的增加 ，如果不对 数据的查询 或者 显示 进行一定的处理，那么会出现各式各样的问题，例如： 客户端：如果数据同时展示在一个页面中，用户体验效果比较差，操作也是极其不方便 服务端：一次请求，查询到所有的数据，数据传输量过大或导致超时或者响应速度变慢，对于服务器的负荷过大 分页方式 前端 JS 分页 - 不推荐 我们可以请求获取到所有数据后，使用 JavaScript 来进行数据分页显示，单纯的在数据的显示这一方面看确实 美观 了很多，并且这种分页方式要比后端分页 简单 很多 但是如果存在一定数据量的情况下，这种方式着实有一些尴尬，他并没有解决了我们服务端的任何问题，反而会让用户在等待响应数据 耗时过多 ， 体验不佳 ，不过它仍然是一种分页方式 在这里我们重点讲解后端分页，所以我们简单的演示一下，也把代码贴出来，由于我们 html 中使用的是 BootStrap 前端框架，所以我们借助了 bootstrap-table 这个前端分页插件 前端 JS 分页 演示代码： ![11.1-01-003](G:\公众号\markdown文件\11

可以从这关注实时动态，也可以fork之后push： https://github.com/jsfront/month 可以从这查看以往： http://www.kancloud.cn/jsfront/month/82796 1. Javascript 2. 移动Javascript开发 3. Html5 4. CSS 5. Angular 6. React, Webpack 7. Vue 8. jQuery 9. 看书学习 10. Git,Github 11. 创业 | 职业 | 管理 | 产品 12. IDE，编辑器，调试等工具类 13. 前端架构及工程化等 14. Sass，PostCSS 15. 工作 | 协同 | 流程 16. Nodejs 17. UI 18. 性能优化教程 19. 面试相关 20. mac ios 21. php 22. 英语 23. 其它 24. 特别推荐我联盟群几个高手的力作或个人网站 1. Javascript 视频-D2前端技术论坛——2015融合 不可错过的javascript迷你库 测试框架 Mocha 实例教程 为你详细解读HTTP请求头的具体含意 Markdown解析的js库simple-markdown 如果要用前端框架，开发流程是怎样的？ obeject.key与object[key]有什么区别 正确使用Github 的方法是什么？

随着智能手机、平板电脑等移动终端设备越来越普及，用户在移动端花的时间也越来越长。H5开始火热起来，以文字、图片、动画、声音等相结合的自媒体出现，给用户带来了全新体验，技术本身带来的新奇感让人们心生向往。 下面我们就来聊一聊H5入门的一些知识吧！ 详细的零基础web前端学习路线，开发工具、学习资料等可以点击有道云笔记链接链接： http://note.youdao.com/noteshare?id=5a59a01114c49200fce7646f411bfc80 什么是H5？ H5即HTML5，是指“HTML”的第5个版本，而“HTML”，则是指描述网页的标准语言。因此，HTML5，是第5个版本的“描述网页的标准语言”。 H5特性 H5 是 W3C 与 WHATWG 合作的结果，WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 H5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section

JavaScript简介 JavaScript一种 直译 式 脚本语言 ，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的 解释器 被称为JavaScript引擎，为 浏览器 的一部分，广泛用于 客户端 的脚本语言，最早是在 HTML （ 标准通用标记语言 下的一个应用）网页上使用，用来给 HTML 网页增加动态功能。 1.基本特点 JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 1.是一种解释性脚本语言（代码不进行预编译）。 2.主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 3.可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 4.跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。 Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。 2.日常用途 嵌入动态文本于HTML页面

　　如果你是一个人在自学前端开发，或者是对前端开发有比较浓厚的兴趣正想踏入前端领域，只要你在前端自学路上遇到了自己无法解决的技术难题，那么尽管将你的疑惑交给我的小伙伴儿们吧，我们都是一群在前端自学路上摸爬滚打的有志青年，希望你可以来和我们共同交流。同时也希望你能献出自己的一份力，帮助我的小伙伴儿们解决他们遇到的各种技术问题，希望我们在前端领域能够一起成长，共同迎接美好的未来！ 【本群面向的对象主要包括已从事web前端开发相关职业的和对前端开发具有浓厚兴趣的小伙伴，请自觉遵守群内秩序，欢迎大家在群内积极分享前端开发学习资料，与前端开发职业无关者和素质低下者请自觉绕道】本群讨论的技术包括但不限于HTML,CSS,JavaScript,jQuery,HTML5,CSS3,Less,Sass,Bootstrap,Photoshop,Fireworks,Dreamweaver,Requirejs,Seajs,Browserify,Underscore,Lodash,Mockjs,React,Angularjs,Vue,Avalon,Handlebars,ArtTemplate,Jade,EJS,Ionic,Bower,Yeoman,Grunt,Gulp,Webpack,Git,Karma,Jasmine,Protractor,Nodejs,Mongodb,SEO,Echarts,D3