![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 80
努力的Frank
这个作者很懒,什么都没留下…
展开
-
Less
(二)Less/Sass扩展CSS问题概述:CSS太简陋缺少样式的加运算,每次都要重写,不能很好利用相同部分的样式。总而言之就是不能像编程语言一样灵活的操作CSS。(这也没办法,本来就是视图UI的事情,没想到程序员要求这么多)实际场景:.a{ color: red; margin-top: 30%; } .b{ color: red; margin-top: 30%;原创 2017-10-24 01:32:13 · 213 阅读 · 0 评论 -
Vue
(三)vue/angular构建MVVM视图 #问题描述 早期前端崇尚mvc,js css dom尽量分开,数据请求是在js中,所以要在js中追加dom。较为麻烦。 #实际场景 利用jquery请求一组数据在表格中显示 $.post('/getArray',{},function(data){ for(var i in data){ $('table'原创 2017-10-24 01:37:22 · 280 阅读 · 0 评论 -
Webpack
(一)WebPack打包js资源问题概述:var声明的变量作用域太大; js文件之间相互依赖则被依赖者必须写在前面加载; js文件如果依赖于其他js文件没有显式声明。实际场景:1 两个不同的js文件都声明了变量A,在任何一个js中改动A,都会导致另一个js文件中A的变化。 2.bootstrap.js依赖于jquery.js,如果先加载了bootstrap.js后jquery原创 2017-10-24 01:25:21 · 262 阅读 · 0 评论 -
React
(四)react加速dom渲染问题概述现在的web应用太复杂了,而且经常以ajax或WebSocket的形式获取数据,更新视图。而浏览器Dom渲染能力很差,每次数据更新都要更新dom树重新渲染性能很差。react demoreact在运行时构建了基于内存的虚拟dom,会在更新时和原来的dom进行对比(diff),然后只渲染不同的地方。提高了性能。组件是react中非常重要的概念,通过props可以将原创 2017-10-24 01:42:21 · 304 阅读 · 0 评论 -
React和Redux的状态处理
我们知道react中state是组件更新的唯一指标,并且只能通过组件的this.setState方法触发组件的重新渲染。这种形式导致了一个组件A想要触发另一个组件B更新,就必须触发组件B内部的this.setState。一般是通过一开始就在B中设置委托到组件A中。例如class B extends React.Component{ state={key:"value"} handle原创 2017-12-20 15:26:17 · 3366 阅读 · 1 评论 -
React Redux
ReactReact有两个重点props和state。props可以获取组件的属性,例如class原创 2017-12-07 15:43:40 · 717 阅读 · 0 评论 -
JS能写什么
JS能写什么Atwood 定律:“所有可以用 JavaScript 编写的程序,最终都会出现 JavaScript 的版本。”(Any application that can be written in JavaScript will eventually be written in JavaScript.)一开始人们以为js就是网页前端的脚本语言主要用来操作dom和网页与服务端交互。后来node原创 2018-02-19 00:08:33 · 3259 阅读 · 0 评论