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

22 个必备的 CSS 小技巧；ES9中的异步迭代器（Async iterator）和异步生成器（Async generator）；vue全家桶制作一个精致的美团项目；面试高频点-Promise解析和实现；几种常见的Vue组件间的传参方式；JavaScript模块化进阶；使用webpack + react + redux + typescript搭建脚手架；JS专题之节流函数

#前端技术#【22 个必备的 CSS 小技巧】详见：本篇分享一些实用、有趣的 CSS 小技巧。（译者：Jrain）写于 2016.07.03 原文链接：22 Essential CSS Recipes 大家好，今天我们将会介绍一些非常实用的CSS小技巧，让我们开始吧！混合模式不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模
ES9中的异步迭代器（Async iterator）和异步生成器（Async generator） ES9新增了异步迭代器（Async iterator），异步执行语句（for…await…of）和异步生成器（Async generator），本文带领大家了解这三个新特性，以及如何创建异步迭代器。 1. 迭代器（Iterator）如果你还不了解ES6的迭代器，也就是 iterator ，先来看看这一部分。 iterat…
vue全家桶制作一个精致的美团项目注意：如果gif动态图看不了，麻烦大家点击github美团项目中mt-app/src/assets/美团.gif便可以观看！
面试高频点-Promise解析和实现 Promise因为它的调用方式使得异步操作清晰简单，是现在异步操作的主要方式。Promise的使用和实现是面试中的高频问点。这篇文章主要解析Promise规范和一版实现方式。 PromiseA+规范了解Promise首先我们要清楚Promise规范的内容，规范规定了Promise的行为和调用方式。这里是规范原文。下面是翻译总结：一个Pro…
几种常见的Vue组件间的传参方式 Vue父子组件通讯的方法其实有很多，本文只是做一个总结，说说他们的优缺点，具体如何使用相关文档和网上大神已经总结的很多里，这里就不再说明。 1.Vuex 介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化…
JavaScript模块化进阶模块化简单来说就是是指把一个复杂的系统分解到多个模块以方便编码。JS模块化的大致流程为：CommonJS（服务端） -> AMD（浏览器端）-> UMD（兼容了CommonJS和AMD） -> ES Module（ES6标准）。本文将从它们的用法进行介绍，简单实现其原理。并简易实现一个模块化打包工具webpack。本文将从以下几部分进行总结…
使用webpack + react + redux + typescript搭建脚手架核心概念接口参数校验 {代码…} 接口可以用来校验参数的类型，参数是否存在等等。属性预定义 {代码…} 属性只读 {代码…} 注意事项对象字面量形式会被特殊对待而且会经过额外属性检查 {代码…} 如果想解…
JS专题之节流函数上一篇文章讲了去抖函数，然后这一篇讲同样为了优化性能，降低事件处理频率的节流函数。一、什么是节流？节流函数（throttle）就是让事件处理函数（handler）在大于等于执行周期时才能执行，周期之内不执行，即事件一直被触发，那么事件将会按每小段固定时间一次的频率执行。打个比方：王者荣耀、英雄联盟、植…
React中富文本编辑器的技术选型调研富文本编辑器是项目中不可或缺的部分，目前市面上可以选择的富文本编辑器种类繁多，如何在项目中选择一款集轻量，美观，稳定，坑少，满足需求的富文本编辑器变成了团队中一个重要的问题。
理解 JavaScript 执行栈这是 JavaScript 系列的第 3 篇。引例首先来看一个引例： {代码…} 这段代码将从上往下依次执行，并输出 ‘1’, ‘2’, ‘3’。我们可以看到，bar 函数的执行顺序似乎和它定义的顺序没有关系。为什么呢？这你就得弄…
WebAssembly的过去、现在和未来历史在每个浏览器里面，无论Chrome，Firefox，Safari，Edge，能够运行的语言就是Javascript。为了能够让其他语言的代码在浏览器中运行，WebAssembly被创造出来。它拥有更好性能，更小的size，能够更快的加载和执行。我们无需编写WebAssembly的代码，只需要将其他高级语言编译成WebAssembly，这样就能在浏…
使用Koa.js离不开这十个中间件随着ES6的普及，async/await的语法受到更多JS开发者的青睐，Koa.js作为比较早支持使用该语法的Node框架越来越受到大家的喜爱，虽然Koa.js本身支持的功能很有限，但官方和社区提供了很多各种功能的中间件，本文精…
【20181213 前端开发日报】Vue学习路线图；JavaScript强制类型转换的抽象操作；javaScript高阶级函数；提高 JavaScript 开发效率的高级 VSCode 扩展；30 行 Javascript 代码搞定智能家居系统；前端…详情→
weex-vue-render代码浅析最近在做一些Weex web端的东西，不可避免的和weex-vue-render打起了交道，为了能更好的理解web端的构建，所以花了一点时间走读了一遍weex-vue-render的源码，这里做一个记录，以防遗忘。 weex-vue-render是什么这是它的 github地址。我们知道Weex在构建的时候会打包出一个js给客户端进行加载，而如果我…
加快Vue项目的开发速度现如今的开发，比如是内部使用的管理平台这种项目大都时间比较仓仓促。实际上来说在使用了webpack + vue 这一套来开发的话已经大大了提高了效率。但是对于我们的开发层面。还是有很多地方可以再次提高我们的项目…
JS HTTP 请求库哪家强？Axios，Request，Superagent，Fetch 还是 Supertest 原文作者：Chidume Nnamdi 译者：UC 国际研发 Jothy 写在最前：欢迎你来到“UC国际技术”公众号，我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章，不限于原创与翻译。 Web 开发中客户端与服务器间的交互非常重要，它有利于客户端应用高度动态化。用户通过单击按钮的交互方式向服…
JavaScript 性能利器 —— Web Worker Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker）和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使用（一个专用线程对应多个主线程）。专用线程可以看做是默认情况的 Web Worker…
WTF! Vue数组splice方法无法正常工作当函数执行到this.agents.splice()时，我设置了断点。发现传参index是0，但是页面上的列表项对应的第一行数据没有被删除，
JS单行、多行文本字符去重和行去重之前偶然看到一篇使用正则实现字符去重及多行去重的文章。感觉写的有点糙，而且性能也不够高，对新手的使用和理解都有一点难度。于是忍不住就搞了一个比较可爱的出来。而且不是一般的可爱，因为随着字符量的增长，其性能甩出前者不知道多少条街。知识点这里的实现对知识点的要求非常的低，不论你是老司机还是菜…
Node.js开发——MongoDB与Mongoose 为了保存网站的用户数据和业务数据，通常需要一个数据库。 MongoDB 和 Node.js 特别般配，因为MongoDB是基于文档的非关系型数据库，文档是按BSON（JSON的轻量化二进制格式）存储的，增删改查等管理数据库的命令和JavaScript语法很像。我也准备使用MongoDB来作为我的数据库。 MongoDB使用集合（collection）和文档…
《2019年如何打造自己的“前端品牌”》这个年底相信对于很多程序猿来说都不算太好过，是的，资本的寒冬已经到来。无论是传言某厂停止社招还是某商城末尾淘汰，亦或者某知名论坛因为“现金流”问题大裁员。（by 前端指南小组）
webpack入门学习手记（一）之前用过gulp、grunt，但是一直没有学习过webpack。这两天刚好有时间，学习了下webpack。webpack要想深入研究，配置的东西比较多，网上的资源也有很多。我这里学习的主要途径是webpack官方给出的指南，和webpack…