weixin_42052388的博客

原创 :last-child用法

我想选中   第四个p ，也就是body下面 最后一个p结果不生效才知道  这个伪类的意思是  先找到 p，然后 符合 找到的这个p元素是它父元素的最后一个元素  才生效即：...

转载 let const 会发生变量提升

转发自 https://stackoverflow.com/questions/31219420/are-variables-declared-with-let-or-const-not-hoisted-in-es6大佬问我 let const 特点   我说不会发生变量提升  被嘲笑了按他说的    let 确实存在提升。只不过由于暂时死区的限制，你不能在 let x 之前使用 le...

原创 React 生命周期 学习

什么是生命周期？从组件的角度React特点是组件化开发，每一个组件的定义是一个类（也可以函数式定义无状态组件，但是没有生命周期，不讨论），在实例化这个类的过程中             （组件挂载） 或存在过程中的某些事件触发      （组件更新） 或销毁这个实例的                        （组件从页面删除）所自动按照一定顺序调用的一些函数 称为生命周...

转载 react 缺点

问题一：ReactJS组件难以在复杂交互页面中复用ReactJS中的最小复用单位是组件。ReactJS的组件比AngularJS的Controller和View 要轻量些。 每个组件只需要前端开发者提供一个 render 函数，把 props 和 state 映射成网页元素。这样的轻量级组件在渲染简单静态页面时很好用， 但是如果页面有交互，就必须在组件间传递回调函数来处理事件。我将在《More t...

转载 flex布局

转载自：https://juejin.im/post/58e3a5a0a0bb9f0069fc16bb

原创 git diff命令是跟什么比较

git diff命令是跟什么比较结论：1，当工作区有改动的时候，临时区为空（没有进行git add），那么diff的对比是和上次的commit的记录进行对比的。 2，当工作区有改动，临时区有东西的时候，diff是和临时区进行比较的...

原创 js复制文字

三个API 1 navigator.clipboard.writeText2 document.execCommand('copy')3 document.addEventListener('copy', function(e) { // e.clipboardData is initially empty, but we can set it to the // data that we...

原创 react状态管理ppt

原创 51前端面试201806

1.html5标签2.es6用过的内容3.let  const   var 作用域 for循环settimeout4 es5写class6 es6模块化理解  与之前的模块化区别   a引用 b   b引用a7 promise为了解决什么    回调嵌套还能通过什么解决   合并请求原理all  计数器，除了计数器还能怎么办    发布订阅模式  promise原理8 react两个特点    为...

转载 javascript函数节流

转载自：https://keelii.github.io/2016/06/11/javascript-throttle/在浏览器 DOM 事件里面，有一些事件会随着用户的操作不间断触发。比如：重新调整浏览器窗口大小（resize），浏览器页面滚动（scroll），鼠标移动（mousemove）。也就是说用户在触发这些浏览器操作的时候，如果脚本里面绑定了对应的事件处理方法，这个方法就不停的触发。这并...

原创 解决火狐41无法识别webpack打包的react项目

问题原因：firefox41 是es3环境, webpack通过babel将es6转化为es5，但是es3依旧识别不了。比如会报错 include is not a function解决方法：根据浏览器版本动态引入polyfill.js，代码如下<script> /** * 动态加载JS * @param {string} url 脚本地址 * @par...

原创 websocket+sock js+ stomp简介

什么是websocket需求：前端展示类似待办todo-list每条记录的数量，初始值ajax获取接口返回，之后，后台数据库里记录数量改变，前端能够对其实时渲染解决方法：1轮询（缺点： 需要服务器有很快的处理速度和资源） 2websockethttp协议是单工的, 只能由client发请求再由server返回请求结果, 在http协议中server是不能主动发请求到client的.websocke...

原创 react+mirror webpack打包错误解决

问题描述：项目基于 react+mirror+elementReact+webpack实现，开发环境yarn start没有异常，但执行yarn build后，发现页面中为空，mirror的router不生效，没有渲染出组件排查过程：经过组件debug，发现原因是引入的mirror 路由不渲染组件，一下是mirror router官网简介可以看出，mirror只是对react-router4做了层...

原创 element-ui react Form 组件校验规则required=true失败

出现的错误required = true时，即使表单输入框有值，也会报错问题原因element-ui form校验通过async-validate实现，async-validate默认检验内容type=string，而此时我们输入框值为后台返回的Int (js里是 number)解决方法每个规则项加入 type  类型...

原创 mirror 异步请求effects里无法调用reducers

mirror.model  connect到我们的组件中，发现调用异步请求，回调里始终无法调用reducers里的方法，导致页面不能刷新，经检查，是react-loadable引发的BUG。项目采取按需加载，loadable我们的store连接的组件后，就会出现该问题。解决方法为：不用Loadable，直接Import。。。。...

原创 react-mirror发起异步请求

mirror 为阿里开源的状态管理工具。使用方法：https://github.com/mirrorjs/mirror/blob/master/README_zh.md异步请求：初学遇到的问题：每次异步请求都能触发，且返回值正确，但是在Promise.then里改变state，不能触发view更新，经检查，不能直接在异步回调或promise then里改变状态，需要调用reducers.代码如下m...