摘要: 开发环境配置 在开发环境下,我们首先考虑的是方便开发,方便代码调试,不需要考虑代码合并和css样式分离这些。 这里主要说三个 :1.css模块化;2.模块热替换功能;3.source map(代码映射) 生产环境 相比开发环境,生产环境打包是要最后发布到服务器部署的代码,我们需要尽量保持代码简洁,加 阅读全文
posted @ 2018-03-15 17:08 若水若鱼 阅读(7178) 评论(1) 推荐(0) 编辑
摘要: 以前自己写一小项目时,webpack的配置基本就是一套配置,没有考虑生产环境和开发环境的区分,最近在做一个复杂的商城项目接触到了webpack的高级配置,经过两天的研究,写出了一份目前来说比叫满意的配置,在这里分享一下。 如何区分开发环境和生产环境? 众所周知,webpack时基于node.js平台 阅读全文
posted @ 2018-02-28 13:48 若水若鱼 阅读(6925) 评论(0) 推荐(0) 编辑
摘要: 最近一段一直在加班做项目,几乎每天都要加班到晚上9点,每周也只休息一天,一直没有时间把eact全家桶,再整体熟悉一遍。索性,就在最近的项目中,借鉴了react redux的思想,维护状态和发布action。 用了几次发现状态管理思想,确有独特之处。会使你项目中有哪些状态一目了然,状态的管理也更加透明 阅读全文
posted @ 2018-02-11 22:24 若水若鱼 阅读(292) 评论(0) 推荐(0) 编辑
摘要: IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return false;”但是,这个在火狐下不起作用,但是火狐下可以用css样式来达到这个效果,即添加 moz user select:none;就可以兼容ie,google,firefox了,即代码如下所示: 阅读全文
posted @ 2018-01-31 15:19 若水若鱼 阅读(643) 评论(0) 推荐(0) 编辑
摘要: redux 是一个状态管理的库。 redux认为页面所有的变化,都是基于状态的改变触发的,所以我们维护一个应用的时候,都是在维护这些状态。而 redux 就是为了维护状态而生的。 API createStore( reducer, [initialState], enhancer ) 函数: 创建应 阅读全文
posted @ 2018-01-17 16:47 若水若鱼 阅读(144) 评论(0) 推荐(0) 编辑
摘要: webpack.config.js package.json 阅读全文
posted @ 2017-12-13 23:29 若水若鱼 阅读(618) 评论(0) 推荐(0) 编辑
摘要: 常见SVN图标的含义 灰色向右箭头:本地修改过蓝色向左箭头:SVN上修改过灰色向右且中间有个加号的箭头:本地比SVN上多出的文件蓝色向左且中间有个加号的箭头:SVN上比本地多出的文件灰色向右且中间有个减号的箭头:本地删除了,而SVN上未删除的文件蓝色向左且中间有个减号的箭头:SVN上删除了 阅读全文
posted @ 2017-12-08 10:34 若水若鱼 阅读(5531) 评论(0) 推荐(0) 编辑
摘要: ref属性 当我们在 react组件中要访问真实的DOM元素时,你可能需要用到ref属性,ref接收一个函数作为属性值,函数接收一个参数,这个参数就是真实的DOM元素。真实的DOM元素渲染到页面上之后,ref函数就会执行。 ref属性也可以用在react组件上面,用在组件上时,ref函数接收的参数是 阅读全文
posted @ 2017-12-06 23:30 若水若鱼 阅读(209) 评论(0) 推荐(0) 编辑
摘要: JSX语法: HTML 语言直接写在 JavaScript 语言之中,不加任何引号 , JSX语法中不能使用js中的关键字,例如:class 需要改为className JSX语法中要写表达式的话,需要用{}包起来, 如果JSX语法中的表达式是一个数组,react会展开数组 JSX语法中增加自定义属 阅读全文
posted @ 2017-11-27 19:48 若水若鱼 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 单行写一个评级系统 CSS调试黑科技,所有元素加 随机色的outline [].forEach.call($$(" "),function(a){ a.style.outline="1px solid "+(~~(Math.random() (1 dom.style.outline = `1px s 阅读全文
posted @ 2017-11-24 09:55 若水若鱼 阅读(304) 评论(0) 推荐(0) 编辑