从JavaScript属性描述器剖析Vue.js响应式视图

学习每一门语言,一般都是从其数据结构开始,JavaScript也是一样,而JavaScript的数据结构中对象(Object)是最基础也是使用最频繁的概念和语法,坊间有言,JavaScript中,一切皆对象,基本可以描述对象在JavaScript中的地位,而且JavaScript中对象的强大也使其地位名副其实,本篇介绍JavaScript对象属性描述器接口及其在数据视图绑定方向的实践,然后对Vue.js的响应式原理进行剖析。

webpack与SPA实践之管理CSS等资源

上一篇介绍了如何使用webpack搭建一个稳定的支持本地服务、自动刷新、模块热替换、使用ES6编写JavaScript的开发环境,本篇主要介绍webpack如何处理HTML应用三大元素的另一元素 - CSS及其他诸如图片、字体文件或者数据配置文件等资源。

webpack与SPA实践之开发环境搭建

目前,公司前端项目开发技术栈基本升级为使用gulp进行自动化构建,webpack进行项目模块化依赖管理,Vue+ Vuex + Vue-Router作为项目组件化开发框架,为了更深入的理解、使用当前技术栈并与读者分享、交流,计划推出一系列相关学习与实践文章。本篇为开篇,主要讲述如何使用webpack搭建开发环境。

由Vue实现限制文本框输入长度引发的思考

最近,公司产品线改成使用Vue主线开发,前几天有一个需求:一个标题输入文本框,需要限制其长度。google,百度搜索答案都不满意,现总结并扩展一下,可以实现很多需求,如过滤屏蔽某些输入,对某些输入数据做验证等等,希望能给Vue使用者带来一些帮助。

React DOM

为了性能和跨浏览器的兼容性,React实现了一个独立于浏览器的DOM系统。对于用户来说,不需要考虑很多不同的浏览器实现和行为。本篇介绍React中的DOM以及与HTML DOM的对比。

认识React的diff算法

React提供一种声明式API,使得我们不需要了解在每次更新时具体改变了什么。这使得开发应用很简单,但是React如何实现这一点并不明显。本篇文章介绍React的diff算法为何在满足高性能应用要求时,React组件的更新是可预测的。

React入门与进阶之路由

在传统的网页应用中,一般是根据用户的操作指向不同的url,然后服务器渲染出不同的html代码,后来有了ajax,在同一页面里,可以为不同操作,指定处理器函数,在不刷新页面的情况下更新局部视图,但是局限依然较大,一旦跳转了URL,依然需要服务器渲染模板返回;而在Backbone,Angular,React出现以后,在单页面应用中,我们可以给不同URL指定处理器函数,保持URL与视图的同步,渲染模板的功能已经转移到客户端进行,与服务器的交互只涉及到数据,这就是路由的功能。

React入门与进阶之Flux

[上一篇](http://blog.codingplayboy.com/2016/08/28/react_learn_02/),我们学习了React组件间的复合和通信,本篇我们详细介绍为React设计的架构模式Flux。Flux为React提供了一种单向数据流模式,使用此模式能够很方便的监控数据变化的原因和过程。

React入门与进阶之组件的复合与通信

在上一篇,我们学习了React基础知识,JSX语法;props和state;组件的生命周期和生命周期方法;组件的事件处理相关知识,对React有了一定的了解,但主要是对单个React组件的学习,本篇我们开始学习React组件的复合和通信。

React入门与进阶(首篇)

早期,我们开发web应用,只能是通过请求服务器,服务端响应请求,返回一个页面,,每次浏览器都得对页面加载,渲染,非常影响用户体验;直到出现了ajax,人们感觉web开发的春天终于来了,ajax使得我们可以在不刷新整个页面的情况下,更新页面局部,开发者开始使用各种类库在浏览器端渲染应用,但是随着应用越来越大,这种方式也越来越难整合。React的设计思路是将请求发生时渲染整个页面这种工作流放到客户端中。