前端框架
Volankey
这个作者很懒,什么都没留下…
展开
-
gulp的使用
创建npm的配置文件(cnpm 使用淘宝镜像)cnpm init添加一个gulp的依赖 cnpm install gulp --save-dev 当然你可能需要这些额外的库cnpm install --save-dev gulp-less gulp-concat gulp-uglify gulp-cssnano gulp-htmlmin gulp-autoprefixe原创 2017-04-12 21:02:09 · 378 阅读 · 0 评论 -
react-native无法显示图片的解决办法
<Image source={{ uri: "http://p0.meituan.net/165.220/movie/fbe5f97c016c9f4520109dc70f458d4d83363.jpg" }} style={nrStyle.image} />如上代码所示,问题是ios9以后默认只能是https传原创 2017-05-12 00:00:55 · 5629 阅读 · 3 评论 -
彻底理解React如何重新处理DOM(Diffing算法)
React提供了一个声明式的API,所以你不必担心每次DOM更新时内部会修改哪些东西。虽然在React中并不是那么明显地告诉你具体如何实现的,不过这也让编写应用变得更加容易。本文会详细解释在React中的“diffing”算法是怎么做的,以便组件更新是可预测的,从而让高性能应用变得足够快。动机当使用React时,在单个时间点,您可以将render()函数看做是在创建Reac转载 2017-05-10 16:27:56 · 5433 阅读 · 0 评论 -
React 之 组件与组件抽离
抽离组件永远不要害怕将组件拆分成更小的组件。例如,考虑这个Comment组件:import React from 'react';import ReactDOM from 'react-dom';function formatDate(date) { return date.toISOString();}function Comment(props) {转载 2017-05-03 10:24:35 · 3516 阅读 · 0 评论 -
react 之 事件处理
事件处理使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异:React事件使用驼峰命名法,而不是全部小写命名。使用JSX你传递一个函数作为事件处理程序,而不是一个字符串。例如,HTML:button onclick="activeLasers()"> Active Lasersbutton>在React中转载 2017-05-04 14:09:52 · 5929 阅读 · 0 评论 -
【重点】React.Component用法
组件(Components)允许您将UI拆分为独立的可重用的部分,并单独的考虑每个部分。总览React.Component是一个抽象基类。这意味着直接引用React.Component是毫无意义的。你可以实现一个它的子类,并且至少定义一个render()方法即可使用。你可以使用ES6中class定义一个React组件:class Greeting extends Rea转载 2017-05-10 21:59:53 · 17161 阅读 · 1 评论 -
React顶级API
全局变量React是React库的入口。如果你通过一个script标签使用的React,那么它的顶级API都会在全局环境下一个名称为React的变量上。如果你是通过npm使用的ES6,你可以这样写:import React from 'react';。你是通过npm使用的ES5,你可以这样写var React = require('react');。总览Components转载 2017-05-10 18:31:11 · 935 阅读 · 0 评论 -
angular 之 ng-cloak,ng-cloak没效果
定义和用法ng-cloak 指令用于在 AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题。AngularJS 应用在加载时,文档可能会由于AngularJS 代码未加载完而出现显示 AngularJS 代码,进而会有闪烁的效果, ng-cloak 指令是为了防止该问题的发生{{ 5 + 5 }}但是在实际应用的过原创 2017-04-16 12:12:16 · 2325 阅读 · 0 评论 -
angula初探
使用bower安装angular: cd进入项目目录当然bower先来个初始化 bower init安装: bower install angular --saveHTML代码: 我是宝宝aa {{name}}原创 2017-04-13 18:13:15 · 406 阅读 · 0 评论 -
ReactDIFF和virtualdom
React常见面试题:https://segmentfault.com/a/1190000008102870文档阅读说明以 ==优化-== 开头的是阅读过程中关于react的优化操作React的合成事件react并不会吧事件真正绑定在真实的节点上,而是把所有事件绑定在了结构的最外层使用一个统一的事件监听器进行监听事件和处理函数,而且在浏览器兼容上实现了统一的接口Re...原创 2018-07-10 13:09:25 · 772 阅读 · 0 评论