前端

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。 Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。 ViewModel负责连接 View 和 Model，保证视图和数据的一致性，这种轻量级的架构让前端开发更加高效、便捷。 为什么会出现 MVVM 呢？ 我接触MVVM 是在2015年，可以说2015年是MVVM 最火热的一年，而在这之前，我所知道的就是MVC, MVC 大约是在5年前，也就是2011年的时候接触的，那时候刚学编程语言，学的Java，而Java 中经典的 SSH 框架就用来构建一个标准的MVC 框架。说实话，MVC 用了这么多年，但始终没有很深刻的理解，只停留在用的层面， 一直到接触 Vue.js 之后，研究了MVVM 架构思想，然后再回头看 MVC ，才有一种豁然开朗的感觉~ MVC 即 Model-View-Controller 的缩写，就是 模型-视图-控制器 , 也就是说一个标准的Web 应用程式是由这三部分组成的： View

因为经常和前端同事调接口，知道公司的前端及客户端[andr/ios]的内容都是用vue写的，所以自学了一下前端MVVM框架Vue。 1，了解MVVM 对于没怎么了解过前端框架的人来说，需要先了解什么是MVVM<Model-View-ViewModel>, 其实它和MVC一样 。主要是分离视图View和模型Model。从它的词面可以看出它分为三部分，Model就是数据部分，对应前端就是JS对象；View是视图部分，对应前端就是DOM；那么ViewModel就是连接视图和数据的中间件，实现一个Observer观察者，起到一个通讯的作用，~~观察者模式顺便了解一波~~。 当数据发生变化，ViewModel能够观察到数据的变化，然后通知到对应的视图做自动更新。当用户操作视图，ViewModel也能实时监听到视图的变化，然后通知数据做改动。这就实现了数据的双向绑定。这样好多挺多，比如前端做一些数据操作的的时候，可以做ajax请求对数据持久化，不需要刷新整个页面<一个页面太昂贵>，只需要改动DOM里需要改动的数据。 so~~~~~ 有图有真相 2，vue vue的简介具体可以百度/Google，这具体介绍一下它的核心思想：数据驱动，组件化 数据驱动： 前端以前是事件驱动，需要监听各种事件，然后做数据处理，这样做虽然很直观，但是在大型项目里不合适。 在Vue里基本不会用js去操作DOM

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

1, 蓝色理想 http://www.blueidea.com/ ; 诞生于1999年10月的蓝色理想，以建设网站设计与开发人员之家为宗旨，以介绍网络开发技术与网站创作设计交流为主要内容，是国内最大的设计类站点之一。 2, W3School http://www.w3school.com.cn/index.html ; W3School是最完善的在线教程站，包括 XHTML教程、XML教程JavaScript & AJAX、网站构建等前端开发人员必备的系统性学习教材。 3, 前端观察 http://www.qianduan.net/ ; 前端观察是一个纯粹的前端技术分享网站，本站的目的是为前端技术人员提供所需的资讯及资源，挖掘国内优秀的原创设计及内容，加以高度的整理。 4, CSS88 http://www.css88.com/ ; CSS88专注前端开发，关注用户体验，是一个资深的Web前端开发站，不仅传播前端技术，更重要的是关注前端设计从业者的生存状态，有多个开放的前端交流群。 5, CssRain http://www.cssrain.cn/ ; CssRain实用的前端技术信息，原创和搜集前端开发中细节的内容，一本jQuery新书推荐<<锋利的jQuery>>你值得拥有。 6, 我爱CSS http://www.52css.com/ ; 我爱CSS

初始博客的初衷源于“前端攻城狮”，有人很疑惑为啥因为它呢？那就让我们一起来了解“前端攻城狮”吧！ 首先，前端攻城狮是取得前端工程师的谐音！它是一个职位，对于这个职位有几个字可以概括：高薪，有前景，累，苦逼。 前景： 这个职位是近五年才兴起的一个职位，在之前是被鄙视的一个！有句话说得好风水轮流转，现在这个职位风生水起了，它的市场是可以说是供不应求！ 如何了解前端？ 　　 前端是做什么的？ 　　--- 产品经理（PM或者叫PD）根据可行性调研后提需求，然后和视觉（UE）确定交互视觉稿，由前端和后端进行开发。后端负责数据和接口设计，前端负责页面呈现和交互功能 　　 前端工程师要会哪些东西？ 　　---前端不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等　　　　 　　以上只是初步的说下这个职位...... 来源： https://www.cnblogs.com/rainheader/p/4573690.html

AlloyTeam： 腾讯腾讯全端 AlloyTeam 团队 Blog，更新比较频繁，涵盖面也比较广 http://www.alloyteam.com/ DIV.IO： 最近刚发现的前端社区，聚集了很多各大公司前端牛人，致力于打造高质量前端社区。不过需要邀请码才能注册 http://div.io/ FEX： 百度前端团队blog http://fex.baidu.com/ Taobao UED: 淘宝UED官方博客，内容丰富 http://ued.taobao.org/blog/ 还有很多个人博客，这里就不列举了，欢迎大家分享自己的收藏 来源： https://www.cnblogs.com/gardenliu/p/3833415.html

我先来： AlloyTeam： 腾讯腾讯全端 AlloyTeam 团队 Blog，更新比较频繁，涵盖面也比较广 http://www.alloyteam.com/ DIV.IO： 最近刚发现的前端社区，聚集了很多各大公司前端牛人，致力于打造高质量前端社区。不过需要邀请码才能注册 http://div.io/ FEX： 百度前端团队blog http://fex.baidu.com/ Taobao UED: 淘宝UED官方博客，内容丰富 http://ued.taobao.org/blog/ 还有很多个人博客，这里就不列举了，欢迎大家分享自己的收藏 来源： https://www.cnblogs.com/deng303359/p/3826991.html

国外网站 名称 网址 推荐理由 W3C http://www.w3.org/ 前端技术的规范标准几乎都是W3C制定的 ECMA http://www.ecmascript.org/ JavaScript最核心的内容就是ECMA Mozilla社区 https://developer.mozilla.org/zh-CN/ Mozilla社区包含了很多有关Web前端的文章，非常值得学习 H5实验室 http://html5labs.interoperabilitybridges.com/ 这个实验室是微软公司提供的，对于学习H5的内容很有帮助 国内前端博客 公司 地址 网易前端团队博客 http://uedc.163.com 腾讯前端团队博客 http://www.alloyteam.com 百度前端团队博客 http://fex.baidu.com 淘宝前端团队博客 http://ued.taobao.org/blog/ 360前端团队博客 http://www.75team.com 持续更新中… … 来源： https://www.cnblogs.com/tanlujia/p/6394262.html

自从去年12月份淘宝UED(User Experience Design)团队首次发起一个名为D2的前端开发论坛，第一届仅仅过去3个月，又宣布下个月在北京召开第二届的D2，效率不可说不高。 D2(Designer and Developer)前端技术论坛(简称D2)，为国内前端开发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行业的发展，以技术会友。这个论坛主要关注于讨论各种前端技术的发展与实践，包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears等“新兴”技术。 第一届是在杭州举行的，主题为： 《前端技术：未来一两年的发展与实践》。 第二届将在4月26和27日举行，主题为：“ 现代前端技术在网站中的应用 ”。 目前很多公司可能由于成本或资源的限制，大部分UI上的工作都由网站开发人员兼任了，很少有专门的美工，UI开发工程师。但是UI却是客户(包括公司高层或投资者，他们只看结果的)最关注的地方，用我们项目组的时髦话说就是要“外部简单内部强大复杂无比”。 有关淘宝UED团队的Blog，可以访问： http://ued.taobao.com/blog/ 相关文章： 12月18日，前端开发论坛“D2”邀请函 第一届D2前端技术论坛（照片、讲稿、视频） 第二届D2前端技术论坛将在北京举行 来源：

1、es6教程: http://es6.ruanyifeng.com 2、react官网: https://reactjs.org/ 3、react基础教程: http://www.runoob.com/react/react-tutorial.html 4、webpck教程： https://webpack.docschina.org/concepts/ 5、redux教程： http://www.redux.org.cn/ 6、less教程： http://www.bootcss.com/p/lesscss/#guide 7、react技术栈： http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html 8、fetch教程： https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API 9、mobx教程： https://cn.mobx.js.org/ 来源： https://www.cnblogs.com/zhizhi0810/p/11508278.html