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

理解CSS浮动与清理；JavaScript深入之作用域链；请用心练完这16个webpack小例子；使用 Nodejs 开发自己的 Cli 命令工具；请练完这16个webpack小例子；iOS HTTP/2 Server Push 探索；手动实现一个jsonwebtoken；基于electron-react-redux的桌面程序制作

理解CSS浮动与清理作为前端写了很多页面布局，但是浮动这块一直是我似懂非懂的盲点，一方面用浮动能实现很多布局，另一方面浮动造成的影响又会破坏布局让人头疼，所以今天就特地写篇博文解决这块盲点。本文主要讨论以下几个问题：…
JavaScript深入之作用域链前言在《JavaScript深入之执行上下文栈》中讲到，当JavaScript代码执行一段可执行代码(executable code)时，会创建对应的执行上下文(execution context)。对于每个执行上下文，都有三个重要属性：变量对象(Var…
请用心练完这16个webpack小例子 16个demo，webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下，你的github本身不能访问目录。例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying/vu
使用 Nodejs 开发自己的 Cli 命令工具使用 Nodejs 开发自己的命令工具，例如 Grunt，Webpack，react-cli，vue-cli…. 均是此类的服务 —— 由CainChu分享
请练完这16个webpack小例子16个demo，webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下，你的github本身不能访问目录。例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying…（显示404）但是在目录…
iOS HTTP/2 Server Push 探索本文由我们团队的李剑飞童鞋总结分享。 HTTP/2 Server Push 是什么当用户的浏览器和服务器在建立链接后，服务器主动将一些资源推送给浏览器并缓存起来，这样当浏览器接下来请求这些资源时就直接从缓存中读取，不会在从服务器上拉了，提升了速率。举一个例子就是：假如一…
手动实现一个jsonwebtoken写在前面本文会到你了解jwt的实现原理，以及base64编码的原理。同时本人也简单的实现了一下jwt的生成，点这里。 jwt是什么本质上它是一段签名的 JSON 格式的数据。由于它是带有签名的，因此接收者便可以验证它…
基于electron-react-redux的桌面程序制作基于electron-react-redux的桌面程序制作本文章将要讲述怎么将electron，react，redux结合起来，当中react+redux的结合很简单，主要是与electron的结合还有与webpack配合以及热加载的配置有一个我自己做的demo…
看redux的一些笔记redux 这个是好久之前写的，一直忘记粘过来，里面有一些是写作格式是我自己定义的，所以和segmentfault的markdown语法有出入，图片也不能加载，所以原文效果可以在原网站上浏览，敬请赐教。 <————文章…
关于下一代前端框架的一些个人想法断断续续想了一个多星期, 想不下去了, 索性写成文章看看对别人是否有用吧.中间有好多我不知道怎么解决的问题, 工具链不成熟, 特别是个人能力不够.问题是, 下一代的前端框架的是怎样的, 我如何实现出来?我原来在想…
《你不知道的 CSS》之等比例缩放的盒子元素实现等比缩放，很不错的技巧~ —— 由微风香水1470643633000分享
Javascript中的+运算符在网上或面试题中经常会看到一些“奇怪”的语句，比如 {代码…} 在Javascript中+运算符是个重载运算符，可用来拼接字符串，以及把两个“数字”相加。至于是哪种情况要看运算符两边参数的类型。在日常的开发中我们也…
Git rebase 和 Git merge 的用法 1 前言 git rebase和git merge常令人迷惑，都是合并分支，什么时候用rebase，什么时候用merge呢？下面通过两个实验彻底搞清楚这两个命令的区别。 2 准备工作 hello-git是一个已经有一些提交（C0-C5）的示例项目，我们下面的两个实验都基于hello-git，分别通过merge和rebase两种方法将topoic分支…
React 升级：Redux前言近期接触React项目，学到许多新知识点，网上教程甚多，但大多都把知识点分开来讲，初学者容易陷入学习的误区，摸不着头脑，本人在学习中也遇到许多坑。此篇文章是笔者看过的写得比较详细的具体的，同时能把…
回顾 JavaScript 严格模式 ECMAScript 5 的严格模式是 JavaScript 中的一种限制性更强的变种方式。严格模式不是一个子集：它在语义上与正常代码有着明显的差异。不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样，所以不要在未经严格模式特性测试情况下使用严格模式。严格模式可以与非严格模式共存，所以脚本可以逐渐的选择性加入严…
从 Timeline 探索 Vue2 源码（一）探索源码新方案 —— 由KevinHu-1024分享
html2canvas.js 小问题总结 html2canvas 一些踩坑总结 —— 由tinyZ分享
js-middleware：让代码像 Redux 一样容易扩展 Powerful Javascript Middleware Pattern Implementation, manage and apply middleweares for any object. Links Project overview Documentation GitHub repo Overview Middleware functions are functions that have access to the target function and it’s ar…
开源一个 Vue + Node.js 的后台管理系统 Vue 2+ Element UI 集成 wangEditor 富文本编辑器 (新浪表情包支持) 集成七牛云图片上传集成极光推送完整 Node.js 后端后端角色权限控制容易部署 ——– —— 由艹莓大魔王分享
JavaScript 的执行上下文本文介绍了 JavaScript 中的执行上下文（Execution Context），以及 VO/AO 等概念 —— 由kg-web分享
JavaScript 关于对象容易忽视但很重要的知识点分析 JavaScript 对象的的创建及属性状态维护分析 —— 由SimonZhang分享
《JS 的 new 到底是干什么的？》大部分讲 new 的文章会从面向对象的思路讲起，但是我始终认为，在解释一个事物的时候，不应该引入另一个更复杂的事物。今天我从「省代码」的角度来讲 new。（by 方应杭）
#前端头条#【移动前端经验速递】本文基于移动前端开发，探讨一些代码和设备的使用兼容性，和解决方法。作者分享了很多前沿的移动端知识，值得学习。 #前端开发博客#