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

如何高效地使用 Git；用canvas画心电图；js实现数据结构及算法之排序算法；基于React 源码深入浅出setState:深度刨析updater的结构和原理；Vue异步组件处理路由组件加载状态；浅谈 JavaScript 中策略模式的使用；在 Windows Git Bash 中安装 bash-git-prompt；webapck4 多页面，多环境配置

如何高效地使用 Git 原文链接代码昨天还是运行好好的今天就不行了。代码被删了。突然出现了一个奇怪的 bug，但是没人知道怎么回事。如果你出现过上面的任何一种情况，那本篇文章就是为你准备的。除了知道git add,git commit,git push之外，Git 中还需要其他…
用canvas画心电图代码没有注释，如果有看不懂的地方，可以联系我sf上联系不到的话可以联系我的公众号：有一个姑娘在coding
js实现数据结构及算法之排序算法冒泡排序冒泡排序是最慢的排序算法之一，数据值会像起跑一样从数组的一端漂浮到另一端动画演示 js实现 var CArray = function () { this.dataStore = //定义数组 this.swap = swap; //数值交换位置 this.bubbleSort = bubbleSort //冒泡排序 } function swap(arr, ind…
基于React 源码深入浅出setState:深度刨析updater的结构和原理作者 : 墨成   React 版本 :16.4.1阅读本文之前，建议阅读:1.基于React 源码深入浅出setState:官方文档的启示录2.基于React 源码深入浅出setState:setState异步实现在上一篇 详细
Vue异步组件处理路由组件加载状态问题场景在大型单页面应用中，处于对性能的考虑和首屏加载速度的要求，我们一般都会使用webpack的代码分割和vue-router的路由懒加载功能将我们的代码分成一个个模块，并且只在需要的时候才从服务器加载一个模块。但是这种解决方案也有其问题，当网络环境较差
浅谈 JavaScript 中策略模式的使用初识策略模式策略模式由两部分构成：一部分是封装不同策略的策略组，另一部分是 Context。通过组合和委托来让 Context 拥有执行策略的能力，从而实现易扩展、易理解，并且避免大量复制粘贴的工作。策略模式的典型应用场景是表单校验中，对于校验规则的封装。
在 Windows Git Bash 中安装 bash-git-prompt 需求我经常会在项目根目录中右键点开 Git Bash 进行一些命令行操作，默认窗口中会显示当前文件目录和 git 分支名，但我希望能看到更多信息，如是否存在未提交的修改、未推送的提交等，这样我在每天打开 bash 窗口后就能对当前项目的状态有个大概的了解。
webapck4 多页面，多环境配置项目需求制作为新的app的分享页，故需要制作多页面应用，那既然app是新的，这边我们也要更新上，经过多方考察（度娘）下，综合了一些他人的优点并结合项目实况产生了此文。本文省去了部分初级操作。送上github地址 — star，star，star我项目
Vue与React比较之前用到了Vue进行开发，后来用了React，然后总是被问到为什么用React？总是说得有点模棱两可,下面总结了一下，希望得到补充与指正相同点 React 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM，有自己的diff渲染算法提供
Vue 源码学习（一) vue 无疑是一个非常棒的前端MVVM库，怀着好奇的心情开始看VUE源码，当然遇到了很多的疑问，也查了很多的资料看了一些文章。但是这些资料很多都忽略了很重要的部分或者是一些重要的细节，亦或是一些很重要的部分没有指出，特别是在computed的实现上。所以才打算
《React转小程序现状》现在做React转小程序，一个是taro，一个是anujs。目前市面上许多转译框架是vue风格的，这对React技术栈的同学不公平，于是有了taro与anu的转译器。（by 司徒正美）
ES6走走看看—字符到底发生了什么变化看正文之前，先思考一下，为什么你看的ES6各种权威指南里提到的会有那么多问题，它length是2，charAt出来是乱码……
使用vscode写typescript（node.js环境）起手式node对模块等es6特性的支持不尽人意，目前我只用node长期支持版所能支持的特性，个人不愿用babel之类的工具;
css实战#用css画一个中国结大家好！今天跟大家分享一个用 css 画中国结的教程。最终效果如下：大家如果感兴趣可以参考我的源码：gitHub地址首先，我们定义好画中国结需要的结构： {代码…} 然后开始写样式，让中国结居中显示： {代码……
D3.js 教程: 使用 JavaScript 创建可交互的柱状图原文链接：D3.js Tutorial: Building Interactive Bar Charts with JavaScript 译者：OFED 最近，我们有幸参与了一个机器学习项目，该项目涉及 React 和 D3.js 之类的库。在许多任
Yoshino: 一个基于React的可定制化的PC组件库 Github: github.com/Yoshino-UI/… Docs: yoshino-ui.github.io/#/ Cli-Tool: github.com/Yoshino-UI/… 安利一个自己写的组件库，欢迎大家指正，star来者不拒，pr也多多益
《Webpack4干货分享：第一部分，入口、输入和ES6模块》这一次，我们将学习用ES6 modules进行模块化的基础知识。Webpack 4提供了默认配置，我们会逐步学习。让我们开始吧！（by 葡萄城官网）
Vue-Router源码学习之install方法 Vue是怎么注册插件的呢？使用过Vue的coder都知道，如果想注册一个vue的插件，在vue对象上能够使用的话（并不是绑在Vue.prototype上的那种暴力方式），必须使用Vue.use(你的插件)的方式来注册插件，用use注册插件需要注意什么呢？
数字滚动插件numberAnimate.js的使用及效果修改有个实现数字滚动的需求，想着肯定有很多这种效果的插件，就不自己造轮子了，于是，找了个numberAnimate js数字滚动插件，还挺好用，很简单，刚好符合需求。
vue状态管理演进 vue状态管理演进概述在vue中涉及到比较复杂的数据流转、交互，我们一般都会考虑用vux来进行数据的状态管理。经常使用，时常想它是怎么实现的，尝试简易实现一下。以选举日为例，一般的组件写法 <template> <div>
ES6走走看看—由块级作用域引出的一场变革持续更新的github笔记，链接地址：Front-End-Basics 此篇文章的笔记地址：字符到底发生了什么变化 ES6走走看看系列，特别鸣谢奇舞读书会~ 块级作用域又称词法作用域，存在于：函数内部（函数作用域）块中（字符…
Android JSBridge原理与实现 WebView 作为承载动态页面的容器，在安卓中本身只是一个用于加载 web 页面的视图控件，但 web 页面中常需要与 Native 进行交互动作，比如跳转到一个 Native 页面、弹出一条 Toast 提示、检测设备状态等。在更加复杂的情境中：小程序需要根据 web 的需要在 WebView 上覆盖显示…
mpvue“踩坑”指南 mpvue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，框架整体和vue语法保持一致，整体开发体验良好。但是越往深处走，越会发现一些问题。 1. 同一个页面被多次打开所引发的问题首先是有这么一个需求，从主页 -> 我的