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

你不知道的Vuejs – 状态管理；Promise不会？？看这里史上最通俗易懂的Promise；前端开发：手机真机调试；使用 Css 获取用户密码；Promise不会？？看这里！！！史上最通俗易懂的Promise！！！；React 16 加载性能优化指南；人人都能懂的Vue源码系列(二)—Vue构造函数；飞冰 2.0 正式发布并支持 Vue 项目开发

你不知道的Vuejs – 状态管理小撸怡情，大撸伤身，强撸灰飞烟别，恩，大概是本人代码撸多了的缘故，我的女朋友就像复联3 结局一样，灰飞烟灭了（分手了，当然原因不只是这么简单，人总得给自己的失败找个借口，不是吗……）。所以从3月份开始，心情一直很差，文章也更新的越来越慢。恰巧今天是 520 ，从一大早起来开始，朋友圈…
Promise不会？？看这里史上最通俗易懂的Promise 一、什么是Promise？我们用Promise来解决什么问题？ Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态： pending(等待态)，fulfiled(成功态)，rejected(失败态) ；状态一旦改变…
前端开发：手机真机调试 1. 做好准备工作
使用 Css 获取用户密码
安全问题无处不在：在 github 上闲逛，发现了一个很有趣的项目，叫 CSS-Keylogging，这是一个演示如何用 css 去获取用户输入的密码的项目，这个项目与一两个月前的另外一个很火的项目 CrookedStyleSheets 类似，甚至于有可能 CSS-Keylogging 就是受 CrookedStyleSheets 启发才创建的。不一样的 css说到 css，大多数人的第一印象基本上就是用来配置界面样式的，甚至于连语言都称不上，但随着 web 技术的不停发展，其所具有的能力也与日俱新，不再是…
Promise不会？？看这里！！！史上最通俗易懂的Promise！！！觉得精华还是在后半部分，promise的简单实现：
React 16 加载性能优化指南关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公
人人都能懂的Vue源码系列(二)—Vue构造函数上篇博文中说到Vue源码的目录结构是什么样的，每个目录的作用应该也有所了解。我们知道core/instance目录主要是用来实例化Vue对象，所以我们在这个目录下去寻找Vue构造函数。果然找到了Vue构造函数的定义。 function Vue (options
飞冰 2.0 正式发布并支持 Vue 项目开发是否工程化的最后，都会走向ide：
JavaScript从初级往高级走系列————Virtual Dom 用JS模拟DOM结构 DOM变化的对比，放在JS层来做（图灵完备语言）提高重绘性能重绘和回流页面渲染过程：当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。当render tree中的一些元素需要更新属性，而这些属性只是影响…
看图学HTTPS前言之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的时间，通过参考一些文章，学习了…
前端要以正确的姿势学习编译原理（上）前言最近在我的 timline 上面出现了很多类似《前端为什么要学编译原理》这类文章以及《前端怎么学AST》这类的问题，但是却发现并没有人给大家介绍前端要如何以系统并且正确地学习编译原理，所以我就结合自己的经验以及走过的弯路来给大家分享点心得和经验，希望能让大家少走点弯路。最后我并…
趣谈js的call和apply两大召唤术前言在《趣谈js的bind牌胶水》这篇文章中，我聊到了js的bind胶水，这篇文章我来聊聊js的call和apply这对孪生兄弟。 Why？ ——> 为什么会出现apply和call？在《趣谈js的bind牌胶水》中，我通过js的相关历史讲述了bin
解锁多种JavaScript数组去重姿势 JavaScript数组去重，一个老生常谈的问题了，但这次是解锁多种JavaScript数组去重姿势。对以下所有的实现算法，都使用以下代码进行粗略测试： let arr = 之间的随机数 for (let i = 0;
React 快速上手 – 04 基础特性 JSX、Props、State、Lifecycle、Event、Style React 快速上手 – 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 目标掌握 react 的基础特性语法 JSX 属性 Props
lenneth — 基于koa2 的web极简框架说明封装 lenneth 旨在快速方便的搭建出一个 node web 应用，不过度封装也不随波逐流，koa 的 node 是简单的，lenneth 也是。基于 ES6+typescript 的一些特性，做了一些类似 spring 的注解，对开发本身不增加
【20180523 前端开发日报】前端要以正确的姿势学习编译原理（上篇）；用JS搞了一个自动翻译，从此不再头疼看英文书了；20180522 前端开发日报；精读《现代 js 框架存在的根本原因》；搭建自己的脚手架—“优雅”生成前端工程；CSS网格与Flexbox；记…详情→
解密Vuex: 从源码开始很多时候我们在开发一个Vue项目的时候，用一个Vue实例封装的EventBus来处理事件的传递从而达到组件间状态的共享。但是随着业务的复杂度提升，组件间共享的状态变得难以追溯和维护。因此我们需要将这些共享的状态通过一个全局的单例对象保存下来，在通过指定的方法去更新状态更新组件。回顾基础知识既然都说vuex是…
React 同构应用 PWA 改造实践原文地址前言最近在给我的博客网站 PWA 升级，顺便就记录下 React 同构应用在使用 PWA 时遇到的问题，这里不会从头开始介绍什么是 PWA，如果你想学习 PWA 相关知识，可以看下下面我收藏的一些文章：您
JavaScript 是如何工作的：深入网络层 + 如何优化性能和安全原文地址：How JavaScript Works: Inside the Networking Layer + How to Optimize Its Performance and Security 原文作者：Alexander Zlatkov 译文出自：
《【React进阶系列】从零开始手把手教你实现一个Virtual DOM（二）》在本文中，我们就来谈一谈VDom渲染的问题。（by zach5078 ）
Node.js util 模块解读 Node模块解读第四篇util模块，之前已经介绍过vm模块、Buffer模块、Event模块。 util模块最初的目的是为内部API提供一些工具支持，然而很多工具函数对于普通的开发者来说也十分有用，因此util模块将一些方法实现了对外暴露。本文主要探讨以下三
Digital Keyboard：无依赖、多类型、高质量的移动端数字键盘中文README Develop with native javascript, doesn’t rely on any frameworks and libraries. Support ID card, mobile number, integer, decimal, etc. Easy API, easy use. Development summary：How to release a Digital Keyboard npm package. Type …
《React源码分析(3)：全面剖析组件更新机制》React 是如何更新组件的？React 是如何对比出页面变化最小的部分？这篇文章会为你解答这些问题。（by 莫凡）
Node.js进阶：核心模块https入门模块概览这个模块的重要性，基本不用强调了。在网络安全问题日益严峻的今天，网站采用HTTPS是个必然的趋势。在nodejs中，提供了 https 这个模块来完成 HTTPS 相关功能。从官方文档来看，跟 http 模块用法非常相似。本文主要包含两部分：通过客户端、服务端的例子，对https模块进行入门讲解。如何…
React + Koa 实现服务端渲染(SSR) ⚛️React是目前前端社区最流行的UI库之一，它的基于组件化的开发方式极大地提升了前端开发体验，React通过拆分一个大的应用至一个个小的组件，来使得我们的代码更加的可被重用，以及获得更好的可维护性，等等还有其他很多的优点… 通过React, 我们通常会
NodeJS Event Loop 学习笔记最近想要深入了解下 NodeJS 中 Event Loop 的工作机制，但网上的文章重复性较高，还派生出一些很容易混淆的概念，而且有些文章里举的例子甚至无法自圆其说。所以自己参照 Node 官方给的一篇介绍文章，和 Medium 上看到的一个系列文章，很好地介绍了 Event Loop 的工作原理，现在把学习笔记做个梳理： Node 主要…
GIT指令学习笔记使用Git的操作流程 1.Git的下载与安装首先去 https://git-scm.com/downloads 这个网站下载与自己电脑相匹配的Git的安装文件下载完毕后点击运行,一路点击next即可完成安装. 2.创建版本库首先选择一个合适的地