20180909 前端开发日报

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

  1. 如何高效地使用 Git 原文链接 代码昨天还是运行好好的今天就不行了。 代码被删了。 突然出现了一个奇怪的 bug,但是没人知道怎么回事。 如果你出现过上面的任何一种情况,那本篇文章就是为你准备的。 除了知道git add,git commit,git push之外,Git 中还需要其他...
  2. 用canvas画心电图代码没有注释,如果有看不懂的地方,可以联系我sf上联系不到的话可以联系我的公众号:有一个姑娘在coding
  3. js实现数据结构及算法之排序算法 冒泡排序 冒泡排序是最慢的排序算法之一,数据值会像起跑一样从数组的一端漂浮到另一端 动画演示 js实现 var CArray = function () { this.dataStore = //定义数组 this.swap = swap; //数值交换位置 this.bubbleSort = bubbleSort //冒泡排序 } function swap(arr, ind...
  4. 基于React 源码深入浅出setState:深度刨析updater的结构和原理 作者 : 墨成   React 版本 :16.4.1阅读本文之前,建议阅读:1.基于React 源码深入浅出setState:官方文档的启示录2.基于React 源码深入浅出setState:setState异步实现在上一篇 详细
  5. Vue异步组件处理路由组件加载状态 问题场景 在大型单页面应用中,处于对性能的考虑和首屏加载速度的要求,我们一般都会使用webpack的代码分割和vue-router的路由懒加载功能将我们的代码分成一个个模块,并且只在需要的时候才从服务器加载一个模块。 但是这种解决方案也有其问题,当网络环境较差
  6. 浅谈 JavaScript 中策略模式的使用 初识策略模式 策略模式由两部分构成:一部分是封装不同策略的策略组,另一部分是 Context。通过组合和委托来让 Context 拥有执行策略的能力,从而实现易扩展、易理解,并且避免大量复制粘贴的工作。策略模式的典型应用场景是表单校验中,对于校验规则的封装。
  7. 在 Windows Git Bash 中安装 bash-git-prompt 需求 我经常会在项目根目录中右键点开 Git Bash 进行一些命令行操作,默认窗口中会显示当前文件目录和 git 分支名,但我希望能看到更多信息,如是否存在未提交的修改、未推送的提交等,这样我在每天打开 bash 窗口后就能对当前项目的状态有个大概的了解。
  8. webapck4 多页面,多环境配置 项目需求制作为新的app的分享页,故需要制作多页面应用,那既然app是新的,这边我们也要更新上,经过多方考察(度娘)下,综合了一些他人的优点并结合项目实况产生了此文。 本文省去了部分初级操作。 送上github地址 --- star,star,star我 项目
  9. Vue与React比较 之前用到了Vue进行开发,后来用了React,然后总是被问到为什么用React?总是说得有点模棱两可,下面总结了一下,希望得到补充与指正 相同点 React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM,有自己的diff渲染算法 提供
  10. Vue 源码学习(一) vue 无疑是一个非常棒的前端MVVM库,怀着好奇的心情开始看VUE源码,当然遇到了很多的疑问,也查了很多的资料看了一些文章。但是这些资料很多都忽略了很重要的部分或者是一些重要的细节,亦或是一些很重要的部分没有指出,特别是在computed的实现上。所以才打算
  11. React转小程序现状》现在做React转小程序,一个是taro,一个是anujs。目前市面上许多转译框架是vue风格的,这对React技术栈的同学不公平,于是有了taro与anu的转译器。 (by 司徒正美 ) ​​​

    React转小程序现状
  12. ES6走走看看—字符到底发生了什么变化看正文之前,先思考一下,为什么你看的ES6各种权威指南里提到的会有那么多问题,它length是2,charAt出来是乱码……
  13. 使用vscode写typescript(node.js环境)起手式node对模块等es6特性的支持不尽人意,目前我只用node长期支持版所能支持的特性,个人不愿用babel之类的工具;
  14. css实战#用css画一个中国结大家好!今天跟大家分享一个用 css 画中国结的教程。最终效果如下: 大家如果感兴趣可以参考我的源码:gitHub地址 首先,我们定义好画中国结需要的结构: {代码...} 然后开始写样式,让中国结居中显示: {代码......
  15. D3.js 教程: 使用 JavaScript 创建可交互的柱状图 原文链接:D3.js Tutorial: Building Interactive Bar Charts with JavaScript 译者:OFED 最近,我们有幸参与了一个机器学习项目,该项目涉及 React 和 D3.js 之类的库。在许多任
  16. Yoshino: 一个基于React的可定制化的PC组件库 Github: github.com/Yoshino-UI/… Docs: yoshino-ui.github.io/#/ Cli-Tool: github.com/Yoshino-UI/… 安利一个自己写的组件库,欢迎大家指正,star来者不拒,pr也多多益
  17. 《Webpack4干货分享:第一部分,入口、输入和ES6模块》这一次,我们将学习用ES6 modules进行模块化的基础知识。Webpack 4提供了默认配置,我们会逐步学习。让我们开始吧! (by 葡萄城官网) ​​​

    第一部分,入口、输入和ES6模块
  18. Vue-Router源码学习之install方法 Vue是怎么注册插件的呢? 使用过Vue的coder都知道,如果想注册一个vue的插件,在vue对象上能够使用的话(并不是绑在Vue.prototype上的那种暴力方式),必须使用Vue.use(你的插件)的方式来注册插件, 用use注册插件需要注意什么呢?
  19. 数字滚动插件numberAnimate.js的使用及效果修改有个实现数字滚动的需求,想着肯定有很多这种效果的插件,就不自己造轮子了,于是,找了个numberAnimate js数字滚动插件,还挺好用,很简单,刚好符合需求。
  20. vue状态管理演进 vue状态管理演进 概述 在vue中涉及到比较复杂的数据流转、交互,我们一般都会考虑用vux来进行数据的状态管理。经常使用,时常想它是怎么实现的,尝试简易实现一下。 以选举日为例,一般的组件写法 <template> <div>
  21. ES6走走看看—由块级作用域引出的一场变革持续更新的github笔记,链接地址:Front-End-Basics 此篇文章的笔记地址:字符到底发生了什么变化 ES6走走看看系列,特别鸣谢奇舞读书会~ 块级作用域又称词法作用域,存在于: 函数内部(函数作用域) 块中(字符...
  22. Android JSBridge原理与实现 ​ WebView ​作为承载动态页面的容器,在安卓中本身只是一个用于加载​ web ​页面的视图控件,但 ​web ​页面中常需要与​ Native​ 进行交互动作,比如跳转到一个​ Native ​页面、弹出一条​ Toast ​提示、检测设备状态等。 在更加复杂的情境中: 小程序 需要根据​ web ​的需要在 ​WebView ​上覆盖显示...
  23. mpvue“踩坑”指南 mpvue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,框架整体和vue语法保持一致,整体开发体验良好。但是越往深处走,越会发现一些问题。 1. 同一个页面被多次打开所引发的问题 首先是有这么一个需求,从 主页 -> 我的

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180909 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180909.html)