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

H5页面内使用JSON动画；JS专题之数组去重；Promise总结；WebGL 纹理颜色原理；Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS；前端修炼之路；一文掌握前端面试浏览器相关知识点；YodaOS：一个属于 Node.js 社区的操作系统

H5页面内使用JSON动画有一天我们的UI设计师找到我说，要把页面中我自己用程序写的动画，换成他们给的json动画，原因是有的动画很复杂，自己写起来达不到他们的预期效果（写到这里我突然想到一个问题，这么复杂的动画为什么不使用gif。…
JS专题之数组去重前言数组去重在日常开发中的使用频率还是较高的，也是网上随便一抓一大把的话题，所以，我写这篇文章目的在于归纳和总结，既然很多人都在提的数组去重，自己到底了解多少呢。又或者是如果自己在开发中遇到了去重的需求，自己能想到更好的解决方案吗。这次我们来理一理怎么做数组去重才能做得最合适，既要考虑兼容…
Promise总结更好的阅度体验前言 API Promise特点状态跟随 V8中的async await和Promise 实现一个Promise 参考前言作为一个前端开发，使用了Promise一年多了，一直以来都停留在API的调用阶段，没有很好的去深入。刚好最近…
WebGL 纹理颜色原理WebGL绘制图像时，往着色器中传入颜色信息就可以给图形绘制出相应的颜色，现在已经知道顶点着色器和片段着色器一起决定着向颜色缓冲区写入颜色信息并最终呈现出来，那么这个过程是什么样，如果图形的颜色需要用现…
Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS 特别声明：本文是作者Alex Jover 发布在VueDose 上的一个系列。版权归作者所有。译者在翻译前已经和作者沟通得到了翻译整个系列的授权。为了不影响大家阅读，获得授权的记录会放在本文的最后。我们有很多可以提高 web 性能的方法，而其中一种就是把所不需要的 JS 和 CSS，从我们的应用中全部移除掉。当…
前端修炼之路一步，两步，三步四步五步，就这样到达了人生的巅峰~ 传统前端生态-初级不使用打包、中间处理工具，手工处理js、css、图片等资源掌握以下知识点：基础结构：html，h5 基础样式：css，css3 基础语法：js jq框架…
一文掌握前端面试浏览器相关知识点事件机制事件触发三阶段事件触发有三个阶段 window 往事件触发处传播，遇到注册的捕获事件会触发传播到事件触发处时触发注册的事件从事件触发处往 window 传播，遇到注册的冒泡事件会触发事件触发一般来说会…
YodaOS：一个属于 Node.js 社区的操作系统大家好，很开心在这里宣布 YodaOS 开源了。他将承载 Rokid 4年以来对于人工智能和语音交互领域的沉淀，并选择 Node.js 作为操作系统的一等开发公民，全部开放给社区。
前端技术周刊 2019-01-28：VSCodeFirefox 65 发布，设置了 disabled 属性的元素也可以触发事件了，<script> 元素支持 referrerpolicy 属性了，实现了 CSS 环境变量 env() （Chrome 69，Safari 11 已支持），新支持了 WebP 格式的图片（Chro…
#开源项目#【《代码整洁之道》的 JS 实现】详见：本篇作者利用 JS 生成了可读、可重用和可重构的代码指南，旨在帮助你评估 JS 代码的质量。
#前端技术#【 JS 实现十大经典排序算法】详见：这是一本关于排序算法的 GitBook 在线书籍《十大经典排序算法》，使用 JavaScript & Python & Go & Java 实现。
【20190129 前端开发日报】我转行前端花了11个月；前端进阶系列（第1期）：理解JavaScript数据类型；一篇文章了解前端异步编程方案演变；浅议 JavaScript 的 Promises/Futures 模式；Javascript检…详情→
前端与异步接口测试
如何在react中使用OrgChart？最近在将OrgChart嵌入至React时，碰见了一些坑，希望能以此记录我是怎么爬出来的~ 一、什么是OrgChart？一款基于jquery来画组织架构图的插件。有以下特点：支持本地数据和远程数据（JSON）基于CSS3转换的平滑展开/折叠效果将图表对齐为4个方向允许用户通过拖放节点更改组织结构允许用户动态…
【超详细的 Git 实战教程，傻瓜一看也会！】Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。
基于 React & TS & Webpack 的微前端应用模板 m-fe/react-ts-webpack 在 Web 开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。如…
JavaScript 是如何工作的:WebRTC 和对等网络的机制这是专门探索 JavaScript 及其所构建的组件的系列文章的第 18 篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引…
处理 WebView 与 ViewPager 滑动冲突问题场景在项目的App中，有一个ViewPager，它内部包含了WebView，而内部的webview加载了一个可以滑动的网页。当我们在网页滑动的时候，会直接切换到下一个viewpager的页面，而不是优先响应webview的滑动。具体的效果如视频期待的示例效果解决思路其实思…
用 JavaScript 做一个小游戏：2048（详解版）前言这次使用了 vue 来编写 2048，主要目的是温习一下 vue。但是好像没有用到太多 vue 的东西，==！估计可能习惯了不用框架吧之前由于时间关系没有对实现过程详细讲解，本次会详细讲解下比较绕的函数由于篇…