原文地址:《React 的 lifecycle(生命周期)》在进行lifecycle前，先来说一下 React 的虚拟DOM（virtual Dom Tree）。首先了解这一点：我们看到的每一个网页在数据结构上是一个 DOM Tree。html是根节点，然后 head、body…树枝不断的增多，再经过浏览器的渲染，就成了我们看到网页。在之前的Web开发，都是直接操作的这个 DOM Tree。而使用 React 开发，我们并不直接和这个实际的 DOM Tree 打交道，更多的是和 React virtual Dom 打交道。我们看到的每个 React 应用，都是由 React virtual Dom 对 DOM Tree 映射而成的。也就是说，每一个 React 应用，首先都是 构建出它自己的 virtual Dom，然后是 React 通过其算法，以 Virtual Dom 为基础，构建出 DOM Tree（看到的网页）。图示：（配图来源网络）由上面的解释，也就可以理解为什么每个 React Component 的 Render 必须返回一个根节点。如果返回两个甚至多个节点，那应该选哪个节点挂在“树枝”上呢？而 React Component 的 lifecycle（生命周期） 就是指 Component 被挂载到 虚拟DOM（Tree）、在 虚拟DOM（Tree）上存活状态 和 ...继续阅读 (53)

什么是jwt这个文章已经解释得很清楚了传送门jwt和session的区别session：一般用于服务端存储信息，其生命周期会随服务器重启而终止，或者由代码清除。 常常用于web应用登录状态的保存，但是在ios/android应用中，网络请求不包含session信息，因此服务端session无法使用，这是就产生了token。token：作为用户状态的凭证。用户登录成功后，服务端生成一条token信息，该token可以包含用户id，过期时间等信息，经过加密算法返回给客户端，客户端访问时将该token带上，服务端做权限校验。废话少说，直接上代码auth.service.js核心代码，用于生成token和验证token：1、安装express-jwtgithub地址2、定义产生token方法，role为附加信息，用来做角色权限控制 config.secrets.session为密钥，一个字符串。module.exports.signToken = (id, role) => { return jwt.sign({_id: id, role}, config.secrets.session, { expiresIn: 60 * 60 * 5 // 过期时间 表示5小时过期 }) }3、定义验证token方法isAuthenticated，以 ...继续阅读 (38)

遇到了{ TOPClientError: Remote service error, code 15; isv.BUSINESS_LIMIT_CONTROL: 触发业务流控 at H:\cnodejs\cnode\sdk-nodejs-2016-06-07\topClient.js:127:23 at done (H:\cnodejs\cnode\sdk-nodejs-2016-06-07\node_modules\urllib\lib\urllib.js:444:5) at H:\cnodejs\cnode\sdk-nodejs-2016-06-07\node_modules\urllib\lib\urllib.js:693:9 at decodeContent (H:\cnodejs\cnode\sdk-nodejs-2016-06-07\node_modules\urllib\lib\urllib.js:517:14) at IncomingMessage.(H:\cnodejs\cnode\sdk-nodejs-2016-06-07\node_modules\urllib\lib\urllib.js:658:7) at emitNone (events.js:91:20) at IncomingMessage.emit (events.js:185:7) at endRea ...继续阅读 (51)

Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. ...继续阅读 (29)

在使用axios发送请求时，服务器端设置 res.header(“Access-Control-Allow-Origin”, “*”);可以正确得到结果当服务器端不设置允许跨域时，使用jsonp方式发送就不行了，提示错误如下XMLHttpRequest cannot load http://localhost:3000/axios?cb=cb. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.那个小伙伴在Vue中使用axios发送跨域请求，请赐教！ ...继续阅读 (51)

端午节结束了。虽然接下来的四个月都没有节假日，但笔者一点都不烦恼。因为 Node.js 8 在端午后第一个工作日就正式发布，这足以让我与 Node.js 的激情燃烧一个夏天！本文挑选了笔者认为 Node.js 8 最令人兴奋的四大新功能，与大家分享。async/await 与 util.promisifyNode.js 一直以来的关键设计就是把用户关在一个“异步编程的监狱”里，以换取非阻塞 I/O 的高性能，让用户轻易开发出高度可扩展的网络服务器。这从 Node.js 的 API 设计上就可见一斑，很多API——如 fs.open(path, flags[, mode], callback)——要求用户必须把该操作执行成功后的逻辑放在最后参数里，作为函数传递进去；而 fs.open 本身是立即返回的，用户不能把依赖于 fs.open 结果的逻辑与 fs.open 本身线性地串联起来。在这座“异步编程的监狱”里，不掌握异步编程就寸步难行。而我们习惯性地使用线性思维去思考业务问题，却在实现的时候，被迫把业务逻辑被切成很多小片段去书写，就是一件很痛苦的事情了。为了减轻异步编程的痛苦，几年间我们见证了数个解决方案的出现：从深度嵌套的回调金字塔，到带有长长的 then() 链条的 Promise 设计模式，再到 Generator 函数，到如今 Node.js 8 的 async/await ...继续阅读 (46)

什么是好的代码？你的代码是否健壮、安全、规范、可维护？你的 Coding 能力是否在提高？ 洋葱猴今天为大家准备了一份礼物——码力值。Coding 知码力，来为你的代码跑个分！码力值是基于各项编程语言，利用机器学习算法，对程序员个人经验，代码健壮性，可维护性及安全性等多方面的编码能力进行综合评测得出的评测结果。简单的说就是用程序员写的代码以及写代码过程中的行为特征而评测出来的编程能力的分数，码力值的增长需要程序员通过日积月累的编写代码点点滴滴地累积才能逐步提高。现在进入你的 Coding 主页，点击“开始评测”即可在 24 小时内得到你的码力值，然后在微博，冒泡和知乎晒出你的码力值吧；）码力值的评测逻辑是什么?码力值的评测逻辑采用的是行为式面试 (Behavioral Interview )的逻辑，也就是依据您过去的编写的代码以及编写代码过程中的行为特征, 来综合评测您的编程技能。为什么显示我没有码力值?可能的原因有如下几种情况：没有 push 过代码您擅长的编程语言，目前还不支持，我们正在努力，不久后, 会支持更多的编程语言．目前，评测支持的语言有: Java，JavaScript， PHP 和 Python您可能刚刚提交代码, 请耐心等待，一般代码提交后需要２－３天的时间, 才能评测出来码力值的评测结果为什么上传了代码还是没有码力值?请检查是否存在下面几种情况:您可能刚刚提交代 ...继续阅读 (47)

现在项目遇到了一点问题，表现是命令行有打印，能收到请求，但是不吐数据， 经坛友指点，现在怀疑是资源没释放导致的，所以想加一个超时处理， 然后看了express的教程，貌似可以用connect-timeout中间件解决 但是这个中间件在项目里始终要报can’t set headers after they are sent. 目前也没什么好的解决办法，各位有主意吗？ ...继续阅读 (32)

唠叨最近公司在开发一个社交管理后台，看一遍线框图后发现需要富文本编辑器我便找会上两年开发的vue-tinymce组件，可惜的是组件支持还是vue1，所以这个组件需要升级支持vue2。然后有朋友问我为何不用现有的？因为看一圈回来发觉比较不靠谱的啊，全部都需要赋予id值（明明可以内部处理的为何要外部传入？），实在看不下去结果还是完善自己写的这个没多少收藏的库吧:)关于 vue-tinymcevue-tinymce只是基于tinymce封装的vue组件，让用vue的同学能快速使用tinymce富文本编辑器。过程从tinymce开始接下来分享一些开发过程中的一些问题，首先要学会初次化，我们先来看看tinymce的官方例子：DOCTYPE html</script> </head> Next, get a free TinyMCE Cloud API key!</textarea>

沪ICP备19023445号-2号

友情链接