ES6引入的第七种数据类型,独一无二的Symbol

ES5的对象属性名都是字符串,这容易造成属性名的冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。

日期:2020年05月11日 阅读次数:2444 分类:ES6 [查看详情]

canvas中常见问题的解决方法及分析,踩坑填坑经历

canvas中画线条,线条效果比预期宽1像素且模糊问题分析及解决。canvas中实现圆角矩形。Canvas中实现内阴影效果。

日期:2019年12月24日 阅读次数:7550 分类:HTML5前端 [查看详情]

在Canvas中实现矩形、圆形、圆角矩形内阴影效果

1、给闭合线(如:矩形、圆等)设置阴影,然后把线以及线外部的阴影裁切掉,只留线内部的阴影。从而达到内阴影效果。2、矩形框和内阴影一起时,要先画内阴影。否则会有重叠(因为线是向两侧...

日期:2019年12月24日 阅读次数:9425 分类:HTML5前端 [查看详情]

在Canvas中绘制圆角矩形及逐步分析过程

方案1:圆弧(arc)+线(moveTo+lineTo)画矩形。分析:可以实现画圆角矩形,不过需要反复多次调用以上API(要画8条线),性能略差。方案2:使用两个切线之间的弧(arcTo)结合moveTo画矩形...

日期:2019年12月18日 阅读次数:3641 分类:HTML5javascript前端 [查看详情]

canvas中画线条,线条效果比预期宽1像素且模糊问题分析及解决方案

【问题】canvas中画线条,线条效果比预期宽1像素且模糊。【出现条件】这种情况一般是垂直或者水平的线,且坐标为整数,宽度不是偶数。【解决方法】坐标偏移0.5像素。

日期:2019年12月18日 阅读次数:4494 分类:HTML5javascript前端 [查看详情]

CSS模块化之styled-components

css文件一旦在一个文件里引用了,它是全局都生效的,这样子不同组件中的样式容易发生冲突。不建议在项目中直接引入css。建议使用一个第三方模块:Styled-Components对样式进行管理。

日期:2019年12月06日 阅读次数:2831 分类:cssreact前端 [查看详情]

使用Redux的combineReducers对数据拆分

随着项目建设,如果将所有变量和逻辑都写在reducer中,会导致reducer文件变得臃肿且逻辑复杂。所以需要对reducer进行拆分。使用combineReducers函数,对多个reducer进行整合。把多个小的redu...

日期:2019年12月06日 阅读次数:2975 分类:react前端 [查看详情]

六、使用react-redux、combineReducers、reducer、immutable搭建最佳redux解决方案

使用react-redux的Provider组件(提供器)包裹所有组件(或直接包裹根组件),使组件层级中的connect()方法都能够获得Reduxstore。使用combineReducers函数,把多个reducer(即多个模块)整合成...

日期:2019年12月06日 阅读次数:2643 分类:react前端 [查看详情]

五、Redux进阶:UI组件、容器组件、无状态组件、异步请求、Redux中间件:Redux-thunk、redux-saga,React-redux

一、UI组件和容器组件UI组件负责页面的渲染(傻瓜组件)容器组件负责页面的逻辑(聪明组件)当一个组件内容[…]

日期:2019年06月03日 阅读次数:2203 分类:react前端 [查看详情]

四、Redux入门:Antd、store、reducer、actionTypes、actionCreator

一、Redux概念简述Facebook:react在2013年开源的时候,还开源了flux(已经过时),fl[…]

日期:2019年05月29日 阅读次数:2608 分类:react [查看详情]