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

前端进阶（5） – js 扩展：静态类型检查（facebook flow）；React 折腾记 – (4) 侧边栏联动Tabs菜单-增强版(结合Mobx)；前端每日实战：115# 视频演示如何用 CSS 和 D3 创作一组 π 数字的彩灯；浅尝辄止，React是如何工作的；vue-markdown编辑器；最简单的Vue项目集成UEditor方式，目前没有之一；Vue源码解读之Component组件注册；React专题：生命周期

前端进阶（5） – js 扩展：静态类型检查（facebook flow）js 语言与 java、C 系列等语言有一点很大的不同，就是 js 语言是弱类型语言。js 语言的这个特性可能让大家觉得 js 很自由，没有强制性的约束，但是当遇到大型项目的时候，js 的这个特性就会变得比较麻烦，因为这…
React 折腾记 – (4) 侧边栏联动Tabs菜单-增强版(结合Mobx) 前言有小伙伴留言有前进后退没法联动的问题.我仔细梳理下了. 简化了代码逻辑和代码量,重写了一遍,执行逻辑和上个版本有所差异; 上个版本 :React 折腾记 – (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏效果图功能点
前端每日实战：115# 视频演示如何用 CSS 和 D3 创作一组 π 数字的彩灯效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
浅尝辄止，React是如何工作的大神们可以写出“深入浅出”系列，小白就写点"真·浅尝辄止"系列的吧，主要便于自己理解和巩固，毕竟一开始就上源码还是会头大滴，于是就准备浅尝辄止的了解下"React是如何工作的？" React是怎么工作的？你知道Diff算法吗 —xx面试官小
vue-markdown编辑器 GitHub : https://github.com/coinsuper/vue-markdown 1.简介一款使用marked和highlight.js开发的一款markdown编辑器，目前只支持在vue项目中使用。编辑器涵盖了常用的markdown编
最简单的Vue项目集成UEditor方式，目前没有之一前言封面是UEditor的百度指数折线图。虽然今天已经是 2018 年，且优秀的富文本编辑器层出不穷（包括移动端），但从图中可以看出UEditor仍然维持着较高的搜索热度。而不少公司和个人也仍然在项目中使用UEditor。目前，UEditor官网的最后一
Vue源码解读之Component组件注册Vue可以有全局注册和局部注册两种方式来注册组件。全局注册注册方式全局注册有以下两种注册方式：通过Vue.component 直接注册。 {代码…} 通过Vue.extend来注册。 {代码…} 具体过程 Vue初始化时，initGlob…
React专题：生命周期本文是『horseshoe·React专题』系列文章之一，后续会有更多专题推出来我的 GitHub repo 阅读完整的专题文章来我的个人博客获得无与伦比的阅读体验生命周期，顾名思义，就是从生到死的过程。而生命周期钩子，就是从生到死过程中的关键节
使用vue开发pc前端及后台的项目总结(陆续更新)项目中做图片预览，如下图，效果要随着屏幕的大小来做自适应比例缩放，一开始用background-size:cover来做是可行的，但这里有包括上传图片的操作，而上传图片的文件流是blob流，用background-url blob流是显示不…
JavaScript 引擎基础：原型优化本文就所有 JavaScript 引擎中常见的一些关键基础内容进行了介绍——这不仅仅局限于 V8 引擎。作为一名 JavaScript 开发者，深入了解 JavaScript 引擎是如何工作的将有助于你了解自己所写代码的性能特征。在前一篇文章中，我们讨论了 JavaScript 引擎是如何通过 Shapes 和 Inline Caches 来优化访问对象与数…
Vue CLI 3 搭建的项目中路径相关问题最近在试水 Vue CLI 3，并且尝试配置一个多页面（多应用）项目出来，期间又遇到各种路径问题，于是…于是有了下面的唠叨。以下都是基于 Vue CLI 3 来举例说明的，使用 2.x 版本的其实也类似
从应用实践到技能提升，那些你不可错过的 WebRTC 干货在2011年 WebRTC 开源时，它还是一项不为人熟知的项目。而现在，随着苹果 Safari 对 WebRTC 的支持，以及未来可见的与微软提出的 ORTC 的结合，这项技术进入了另一个里程碑阶段。当然，目前苹果对 WebRTC 的支持还比较粗糙，需要更多的时间成熟，并解决互通上的更多问题。微软则还需要在标准的一致性上参与行业的讨论，…
Android webview 与 js(Vue) 交互 js 与原生交互分为两种情况：js 调用原生方法，原生调用 js 方法。本文将对这两种情况分别讲解，H5 端用 vue 实现。一、前期准备（Vue项目准备）本文的 H5 端用Vue 实现，所以在正式开始前先把 Vue 项目环境准备好。项目写好后，执行
React Native 项目整合 CodePush 完全指南作者 | 钱凯杏仁移动开发工程师，前嵌入式工程师，关注大前端技术新潮流。本文使用的环境： React@16.3.1 React Native@0.55.4 react-native-code-push@5.3.4 Android SDK@23 A…
HTTP 缓存的那些事儿原文出自 https://www.pandashen.com 前言 HTTP 缓存机制作为 Web 应用性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系的基础环节，也是想要成为前端架构的必备技能。缓存的作用我们为什么使用缓存，是因
《终极蛇皮上帝视角之微信小程序之告别“刀耕火种”》小程序在日常开发中使用原生框架来开发还是挺不方便的，和日常开发前端页面的体验相比来说，简直就像在刀耕火种。那么为了解决这些问题，我们能不能将前端开发中常用的 webpack 移植到小程序开发中呢？（by BuptStEve）
JavaScript 懒运算的一种实现在学习 Haskell 时，我遇到了这种写法： sum (takeWhile (<10000) (filter odd (map (^2) ))) 复制代码这段代码的意思是，找出自然整数中小于 10000 的同时是乘方数和奇数的数字，再把这些
vue的table组件一个vue-table的组件说明： 1.基于element-ui开发的vue表格组件。功能: 1.支持树形数据的展示 2.行拖拽排序 3.单元格拖拽排序 github 使用方法： 1.下载npm包: 你的VUE项目的根目录底下运行： {代码…} 2.引入…
精读《高效 javascript》前言本期我来给大家推荐的书是《高性能JavaScript》,在这本书中我们能够了解 javascript 开发过程中的性能瓶颈,如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。同样我们今天还是用思维导图的方式来精读一遍。（思维导图图片
精读《高性能 javascript》本期我来给大家推荐的书是《高性能JavaScript》,在这本书中我们能够了解 javascript 开发过程中的性能瓶颈,如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。同样我们今天还是用思维导图的…
谷歌推出最新AngularJS升级工具，可快速迁移至Angular 作者｜覃云众所周知，AngularJS 和 Angular 虽说是一脉相承，但其实是两个不同的产品：AngularJS 指的是 Angular 2.0 之前（即 AngularJS 1.x）的版本，Angular 指 Angular 2.0 之后的版