20170622 前端开发日报-前端开发博客

深入贯彻闭包思想，全面理解JS闭包形成过程；19 个 JavaScript 常用的简写技术；用vue一个计算属性，实现一个常见表单交互效果；快到让你难以置信的 Weex 技术；使用RSA实现前端公钥加密后端私钥解密；说说我的web前端之路,分享些前端的好书；Webpack2 multiple entry：基于 webpack2 实现的多入口项目脚手架；React技术栈一览

深入贯彻闭包思想，全面理解JS闭包形成过程写这篇文章之前，我对闭包的概念及原理模糊不清，一直以来都是以通俗的外层函数包裹内层….来欺骗自己。并没有说这种说法的对与错，我只是不想拥有从众心理或者也可以说如果我们说出更好更低层的东西，逼格会提…
19 个 JavaScript 常用的简写技术
用vue一个计算属性，实现一个常见表单交互效果1.前言 vue.js是现在用的非常火热的一个前端框架，表单又是网站基本不会缺少的一环。用vue操作表单。表单的操作方式也是多种多样。今天我说的，就是我项目那里做的这一种操作。如上图，用户进入这个页面，但是必…
快到让你难以置信的 Weex 技术钉钉给微应用的开发者分享的如何使用 weex 来开发微应用 —— 由icepy分享
使用RSA实现前端公钥加密后端私钥解密项目中在用户登录时需要进行用户名和密码加密,这里选用了RSA非对称加密的方式. 公钥私钥:OpenSSL的公钥私钥(Node crypto模块限制) 前端: jsencrypt库加密后端: Node crypto模块使用openssl生成公钥私钥 linux生…
说说我的web前端之路,分享些前端的好书　　WEB前端研发工程师，在国内算是一个朝阳职业，这个领域没有学校的正规教育，大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程，目的是给想了解JavaScrip…
Webpack2 multiple entry：基于 webpack2 实现的多入口项目脚手架基于 webpack2 实现的多入口项目脚手架。主要使用extract-text-webpack-plugin实现js、css公共代码提取，html-webpack-plugin实现html多入口，less-loader实现less编译，postcss-loader配置autoprefixer实现自动添加浏览器兼容前缀，html-withimg-loader实现html内引入图片版本号添加和模板功能，babel-loader实…
React技术栈一览这些年，主攻后端，对于前端的掌握还停留在四五年前。当时的前端开发，就是写html+css+js，jquery的出现，使人很大程度上从浏览器兼容性编码中解脱出来。闲来没事封装几个jquery插件已算是最惬意的事了。现在，…
一看就懂的例子告诉你用react-redux的正确姿势whay write this: 很多小白在看过很多教程之后仍然在敲代码的时候不清楚应该以什么样的步骤进行，那么这篇文章就一步一步分解整个过程，慢动作回放让大家看的清清楚楚明明白白。这个小Demo的功能是在input标签中…
JavaScript：回调是什么鬼？
【盘点一下不能对程序员说的外行语录】今天给大家总结下，深受我们程序员排斥的一些外行语录！仅供娱乐，O(∩_∩)O 全文=> 今天给大家总结下，深受我们程序员排斥的一些外行语录！仅供娱乐，O(∩_∩)O哈哈~ 你写软件？那你写个微信出来呗～你写网站？写个淘宝出来看看啊！你学计算机的？那买些电子元件你能做出个电脑的吧？你会写汉字？咋不写个红楼梦出来~ 别给人打工了，你写点软件搞个专利，出来开公司…
【创业不谈钱，伤感情，给你股份！——惹毛程序员的20句话】全文=> 这个世界，永远不缺梦想我有一个改变世界的idea，什么都准备好了，就等你来写代码的了！这是投身创业这个坑的第一步——一个改变全人类的IDEA。一个想改变世界的CEO，会让你觉得，你是这个星球独一无二的。来么？就差你了！我要这么做，实现这些功能，什么？产品经理是干吗的？…
常用css3选择器{代码…} {代码…} X + Y 相邻选择器 X + Y : 相邻兄弟选择器选择匹配Y的元素，且该元素为所匹配X元素后面相邻的位置。 {代码…} X > Y 子选择器 X > Y:子包含选择器选择匹配Y的元素，且该元素为所匹…
2017-06-22 前端日报2017-06-22 前端日报精选 CSS 新的长度单位 fr 你知道么？高阶函数一点通png的故事：隔行扫描算法JavaScript专题之数组去重 · Issue #27 · mqyqingfeng/Blog[vue全家桶]每个人都能做的网易云音乐 – 腾讯Web前端 …
http 协议入门之缓存学习前端，http 协议是我们绕不过去的一个坎，而 http 协议中的缓存与我们的网站性能息息相关。 —— 由Sadness分享
JS 的反射学习和应用拓展你对 JS 的一些未知领域，增长见识。反射的学习就是新的学习开始起点 —— 由小兀666分享
《2017年前端框架、类库、工具大比拼》相比于JavaScript开发人员的数量，目前JavaScript框架、类库和工具的数量似乎更多一些。截至2017年5月，GitHub上的快速搜索显示，有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包，每月下载量近100亿次。（by 葡萄城控件）
【阅读笔记】JavaScript语言精粹对之前看《JavaScript高级程序设计》时没有注意到的一些知识点，结合本书做以补充语法注释源于PL/I的/* */型既可以出现在字符串字面量中，也可能出现在正则表达式字面量中，如 {代码…} 故一般建议使用//型注…
React 可视化开发工具 shadow-widget 的非可视开发方法Shadow Widget 提倡在可视设计器中开发用户界面，输出转义标签，而非 JSX。许多童鞋可能不知道 SW 同样支持用 JSX 设计界面，开发体验比原生 React 编程好出很多，本文就介绍这方面知识。 1. 被官方忽视的开发…
mobx-react 原理解析让刚学习 mobx 的同学对 mobx 有一个基本的认识，欢迎一起讨论 —— 由lovee分享
vue-koa2-blog 单用户博客 admin 篇分享下开发过程遇到的坑。 —— 由林烁圭分享
实现一个简单的 Promise 队列 Promise 本身的特性就是 “保证在未来某一时刻会完成”，因此可以透明地加入队列，只要在未来某一时刻取出并处理，就可以继续向后执行原有代码，不会改变原有结构。 —— 由ngtmuzi分享
boarder，快速开始一个 webpack 项目现在许多的项目都是基于 webpack 来构建的，并且自从 webpack 提供了中文官网后友好度大大的提高了，但是有些时候想快速开始一个 webpack 项目却只能把之前项目的一些 config 配置拿过来改改显得有点麻烦，所以写了一个简易的脚手架（真的很简易！！！） —— 由骗你是小猫咪分享
【悟透JavaScript（理解JS面向对象的好文章）】编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。全文=> 　　引子　　编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。　　数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。　　你看，数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是…
ReactRouter 升级 v2 to v4 ReactRouter 升级 v2 to v4 —— 由大轰分享
git inside –simplified –part '1' 本文并非 Git 入门指南，而是面向已经掌握 Git 常规操作的开发者。如果你还是新手，或者不知道 Git 是什么，请在浏览器地址栏输入 try.github.io，回车。除此之外，你最好已经掌握一些常用的 shell 命令。（本文作者米粽粽） —— 由XaYvier分享
在 Android 中集成 React Native 的经验分享在之前的一篇博客中，Allen已经为大家介绍了React Native在Glow的应用以及大体架构。由于React Native库本身的一些原因，其在Android的成熟度远不及iOS，因此也给在Android的应用带来了更多的挑战。在本文中，给大家分享一下在Android平台上集成React Native的过程中碰到的一些问题和解决办法。 64位支持 …