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

Promise 其实很简单；如何写好前端业务代码？；前端如何搭建一个成熟的脚手架；Three.js官网demo分析（一）；Vue技术分类；【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树；【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列（一）；了解“多态”JSON 数据的性能问题

Promise 其实很简单 A Promise is an object representing the eventual completion or failure of an asynchronous operation. Essentially, a promise is a returned object you attach callbacks to, instead of passing callbacks into a function. Promise 是一个表示异步操作最终完成或失败的对象，可以直接向其添加回调函数，而不…
如何写好前端业务代码？前言原本只是想简单群发一下，但是预览之后看到格式不友好，还是简单写一篇文章吧，这是我工作一年半来自己总结出来的一些经验。分层对于业务代码来说，大部分的前端应用都还是以展示数据为主，无非是从接口拿到数据，进行一系列数据格式化后，显示在页面当中。首先，应当尽可…
前端如何搭建一个成熟的脚手架有了之前的基础（前端如何搭建一个简单的脚手架），我们现在可以讲讲一个成熟的脚手架是怎么做了。这里我们参考vue-cli的源码，基于rollup和typescript一步步搭建。vue-cli作为vue的脚手架，给如此多的前端开发者使用，已经算是成熟了吧。开始以下我们的命令仍然是 ds ~，模板是 ds-cli-lib-template 目…
Three.js官网demo分析（一）Three.js官方文档比较精简，重点介绍api，没有一个合适的零基础的教程，但官网的demo十分丰富，遂产生从demo来逐渐学习Three.js的想法。
Vue技术分类1、对于Vue是一套渐进式框架的理解 Vue核心功能是一个视图模板引擎，但不是说Vue就不能成为一个框架。可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。这些功能相互独立，可以在核心功能…
【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树前言【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、…
【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列（一）【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree…
了解“多态”JSON 数据的性能问题结构相同但值类型不同的对象如何对 JavaScript 性能产生惊人的影响当我做一些底层性能优化以用于渲染Wolfram Cloud notebook 时，我注意到一个非常奇怪的问题，就是函数会因为处理浮点数进入较慢的执行路径，即使所有传入的数据都是整数的情况下也会是这样。具体来说，单元格计数器被 JavaScript 引擎视…
【前端进阶基础】VUE响应式数据原理订阅-发布模式解析vue框架的两个抽象核心：虚拟DOM和相应式数据原理关于虚拟DOM的核心算法，我们上一章已经基本解析过了，详细的见React && VUE Virtual Dom的Diff算法统一之路 snabbdom.js解读关于响应式数据原理，我们…
学习 Node.js，第 5 单元：事件循环简介事件循环支持 Node 的非阻塞 I/O 模型，该模型是 Node 根据负载进行扩展的关键（如第 4 单元所述）。本教程会更详细地介绍事件循环，它由一些明确定义的阶段组成，这些阶段在事件循环中按特定顺序运行。 Node.js 学习路径本教程是 Node.js 学习路径的一部分。这些单元彼此互为基础，查看学习 Node.js…
koa大型web项目中使用路由装饰器在 npmjs 上搜索关于 koa 路由装饰器的已经有那么几个包了,但是我从几个包中发现作者的思维仅仅限制于前端开发的思想,项目分层不明确,我们开发 kow-web 项目可以根据 java-web 中项目分层的思想来写项目,项目结构清晰明了,本人封装这个包也是参考了 java-web 开发过程中把项目分为四层架构。…
JavaScript 中 forEach、map、filter 详细 1、 forEach 和 map 能实现的功能相似 2、 forEach 、 map 、 filter 都能实现对原数组的修改 3、 forEach 没有返回值， map 有返回值， filter 有返回值 forEach forEach() 方法对数组的每个元素执行一次提供的函数。语法： array.fo…
前端技术周刊 2019-03-25：React HooksV8 7.4 发布。此版本支持了 JIT-less 启动模式、WebAssembly Threads 以及私有类成员属性语法 #field，并优化了函数形参实参数不匹配、原生访问器读写、流式解析等场景的性能表现。
【从蛋壳到满天飞】JS 数据结构解析和算法实现-线段树【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree…
CodeExpander：智能并具有像 TextExpander 特性的 GitHub Gist 客户端 README.md CodeExpander CodeExpanderis a smart feature with TextExpander and embraces the GitHub Gist client. It saves and manages text or script segments that require repeated input and can be expanded automatically by setting abbreviations. …
前端面试题 — 综合这篇文章总结一些前端面试过程当中经常遇到的 HTTP、浏览器、SEO 等方面的问题，如果有需要了解其他面试问题的小伙伴，请点击这里，查看 HTML+CSS+JavaScript 等方面的问题。总结问题，分享给有需要的小伙伴
如何更好的使用module vuex？一、前言在项目如何使用vuex呢？以前我都是非模块末去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页面，那么首页也好列表页也好，那都相当于这一个页面的一个模块，也可以把它理解为是一个一个的组件，毕竟组件化、组件抽离、组件封…
《JS 引擎 V8 发布 v7.4；内存价格跌了 20%，Q2 预计还要再跌 20%》此版本的V8带来了一些新特性，并极大提升了性能。V8 现在不需要运行时分配可执行内存就可以执行 JavaScript。
10个你应该了解的Git命令(以及Git省时小窍门)在本文中，我们将讨论那些作为开发人员、数据科学家或产品经理应该知道的各种各样的Git命令。并且将使用Git查看、删除和整理。此外，我们还将介绍如何使用Bash别名和Git编辑器配置转义Vim和节省时间的方法。如果…
基于Redux/Vuex/MobX等库的通用化状态OOP 由于前端单页应用开发日趋复杂，当我们在使用React/Vue时，为了开发复杂的App让我们不得不用到一些状态管理或者状态容器(下文统称为状态库)，同时我们也需要一个更容易模块化的模型。前端状态库百花齐放，无论是Redux/MobX/Vuex以及Angular自带的状态管理，状态库的模块化也一直是最近几年复杂系统中的前端开发领域的…
【Vue 实践】页面生成 pdf 文件-01说实话，这个是自己的第一个前后端项目，自我感觉还好，结果根本没人在意，一定是我做得太差，那就得好好改这个项目，增加功能。
Vue项目部署（阿里云+Nginx代理+PM2）最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发请求，解决跨域请求问题。
Node.js 多线程完全指南很多人都想知道单线程的 Node.js 怎么能与多线程后端竞争。考虑到其所谓的单线程特性，许多大公司选择 Node 作为其后端似乎违反直觉。要想知道原因，必须理解其单线程的真正含义。