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

一周 GitHub 开源项目推荐：腾讯、12306、Vue、面试……；前端培训-中级阶段（14）- HTTP 首部字段和状态码（2019-09-05期）；面试官: 聊一聊Babel；JS 系列五：深入 call、apply、bind；前端面试题汇总大全（含答案）– 持续更新；React16.8+Next.js+Koa2 开发 Github 项目总结；20190925 前端开发日报；VUE基础实用技巧

一周 GitHub 开源项目推荐：腾讯、12306、Vue、面试…… 一周 GitHub 开源项目推荐点击链接或图片即可阅读喜欢请分享到朋友圈哦 TubeMQ：腾讯开源的万亿级分布式消息中间件 TubeMQ 是腾讯在 2013 年自研的分布式消息中间件系统，专注服务大数据场景下海量数据的高性能存储和传输，经过近 7 年上万亿的海量数据沉淀，目前…
前端培训-中级阶段（14）- HTTP 首部字段和状态码（2019-09-05期）前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（…
面试官: 聊一聊BabelBabel 是现代 JavaScript 语法转换器,几乎在任何现代前端项目中都能看到他的身影,其背后的原理对于大部分开发者还属于黑盒,不过 Babel 作为一个工具真的有了解背后原理的必要吗?
JS 系列五：深入 call、apply、bind JS 系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等。本篇是 JS 系列中第 5 篇，文章主讲 JS 中 call 、 apply 、 bind 、箭头函数以及柯里化，着重介绍它们之间的区别、对比使用，深入了解 call 、 apply 、 bind 。一、Function.prototype.call() call() 方法调用一…
前端面试题汇总大全（含答案）– 持续更新汇总了一些前端常见的面试题。 @ 一、HTML 篇 1. 简述一下你对 HTML 语义化的理解？用正确的标签做正确的事情。 html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的; 搜索引擎的爬虫也依赖于 HTML 标记来确定…
React16.8+Next.js+Koa2 开发 Github 项目总结当我们使用 React 开发系统的时候，常常因为需要配置很多繁琐的参数，如 Webpack 配置、Router 配置和服务器配置等，如果需要做 SEO，要考虑的事情就更多了，那么怎样让服务端渲染和客户端渲染保持一致是一件很麻烦很麻烦的事情，需要引入很多第三方库。针对这些问题，Next.js 提供了一个很好的解决方案，使开发人员可…
【20190925 前端开发日报】彻底搞懂Vue中keep-alive的魔法(上)；前端自动化解决QA重构对比测试难题；TypeScript 完全手册；学习webpack一个案例就够了；Github 上 36 个最实用的 Vue 开源库；JS进…详情→
VUE基础实用技巧 Vue以前听说过，有了解过一点。当时还在热衷于原生JavaScript去写一些方法的封装，不是为啥，就感觉这样很帅，后面多多少少接触了一些JQuery的用法，到现在为止，JavaScript原生封装的一些方法，该忘的都忘了。上一家公司需要用到Vue，所以就利用下班的时候学习Vue。有次公司部门的培训，一位大佬总结的实用技巧，感觉不…
webpack配置-优化篇针对没有AMD/CommonJS的源代码，通过配置noParse忽略webpack对其进行递归解析和处理，提高构建性能。比如jq，庞大又没有采用模块化标准，让webpack去解析是没有意义的。 noParse: /jquery/, 复制代码 IgnorePlugin 忽略第三方包指定模块，使其不被打包进去。比如moment.js这个日期处理库，引用时会将所有的locale文件…
《JS 引擎 V8 如何与 Lite 模式两开花？》V8 团队近日发表了一个文章，就详细分享了在构建 V8 Lite 的过程中将一些关键的优化部分带到现有 V8 上的过程，以及在实际工作负载中对 V8 性能表现的影响。（by 开源中国 – h4cd）
《JS 服务器推送技术 WebSocket 入门指北》最近在工作中遇到了需要服务器推送消息的场景，这里总结一下收集整理WebSocket相关资料的收获。（by SHERlocked93）
一组带进度动画的HTML5 SVG柱形统计图源码：互联网的那些破事的微博视频
揭秘vue/react组件库中5个"作者不造的轮子"默认集成了url和email验证, 支持异步验证. element-ui和iview的表单组件都是用他实现的验证功能.
爱上Javascript数组Array（一）——基础介绍本文属于原创文章，转载请注明–来自桃源小盼聊技术 Javascript，一门神奇的语言，它的数组也同样独特。我们要去其糟粕，取其精华，把常用的最优实践总结出来。如有错误，请指出。 javascript数组是一种类数组的对象，拥有对象的特性。当属性名是小而连续的整数时，应该使用数组，否则，使用对象。数组来源所有的…
前端精准测试探索：覆盖率实时统计工具随着业务增长, 随之而来的前端需求激增, 如何在有限的时间内保证前端代码的质量.通过测试同学单方面的保障, 还是免不了前端线上问题, 存在回归不到位或者测试遗漏的地方, 同时测试质量的高低没有客观数据可量化.&…
NodeJS有难度的面试题，你能答对几个？ Node中，每个文件模块都是一个对象，它的定义如下： function Module(id, parent) { this.id = id; this.exports = {}; this.parent = parent; this.filename = null; this.loaded = false; this.children = []; } module.exports = Module; var module = new Module(filename, parent); 复制代码所有…
根据不同环境构建 Vue 项目一个 Vue 项目，对于不同的生产环境，可能需要不同的构建区分开发环境和生产环境如果是针于 dev / prod 环境的配置，我们直接更新 vue.config.js 即可例如我们想在 dev 和 prod 下使用不同的 publicPath ： module.exports = { publicPath: process.env.NODE_ENV === ‘development’ ? ‘xxx…
【掘金小册8折特惠教程】本文从上到下，摘录了本站博客用户买得比较多的掘金小册，全部8折优惠，有需要可以去下面，目前官网已经恢复支付功能了。
这些年的体验技术部（二） · 前端工程 – 与云共舞，未来已来
JavaScript-你可能不了解的块级作用域 for (var i = 0; i < 5; i++) { console.log(i); } 复制代码我们在for循环中直接定义了变量i，通常我们只想在循环体内部的上下文环境中使用i，但是事情并不是向着我们希望的发展，i会被隐式的绑定到外面的作用域（函数作用域或者是全局作用域）。 1.2 var a = true; if (a) { var b = a * 2; b = …
我为什么喜欢NestJS做过 Java EE 开发的朋友对 Spring 框架应该很熟悉了，它全面的功能和优秀的设计是得以广泛流行的原因。它通过灵活使用控制反转、依赖注入和面向切面编程等设计理念，极大的规范了大型应用的架构，降低了模块之间…
简单易懂的 ES6 Iterators 指南和示例作者：Brandon Morelli译者：前端小智来源：Medium 为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！附：读者福利，为了督促大家更好的学习，领取完资…
领略原生 JavaScript ES6~ES10 的魅力作为前端开发工程师，盲目追逐框架似乎有点舍本逐末，要知道基本功才是硬核。JavaScript 的语法这几年一直在更新，不管我们是框架的核心开发者还是业务重塑者，学习下最新的 JavaScript 语法和能力是非常有好处的…
React数据大屏的应用实践现如今大数据已无所不在，并且正被越来越广泛的被应用到历史、政治、科学、经济、商业甚至渗透到我们生活的方方面面中，获取的渠道也越来越便利。
纯CSS3实现的六边形加载动画源码：互联网的那些破事的微博视频
前端使用工具强制实行代码规范（Vue） GitHub Demo 非强制性的规范都不会成为真正的规范。在之前，我们也会在团队内编写一些开发规范文档，却总是不能真正有效的执行下去，原因何在？其一，人是健忘的，就算真正看完了规范文档，也不可能记住每一条规范，并且在代码中正确实践。其二，人是懒惰的，即便有着规范，但只要写代码的时候没有强制性，那…
用JavaScript把CSV与Excel转为Json有两个 JavaScript 插件可用于读取和处理 CSV 和 Excel 文件，之后仅对自己的脚本进行编码即可。
AWS Lambda 最新编程语言冷启动时间测试：Node.js 性能最高本文，作者将比较 AWS 平台上各编程语言的冷启动成绩。随着最近 Ruby 的加入，再加上 2018 年的结果作为参照对象，相信这将是一次有趣的分析。冷启动是什么？在无服务器计算世界中，我们要求函数以按需方式运行，并在不需要时被及时弃用。这种仅在必要时运行函数的整个执行过程，即被称为冷启动现象。 …
#前端技术#【React 开发者指南】详见：这是一个详细、全面的 React 开发者指南，旨在帮助你选取适合的学习路径及你想学习的库，从而成为一名 React 开发者。