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

精美的 Node.js 框架；来自InfoQ的Web开发趋势报告；JS灵巧判断7种类型的方式；【Python3网络爬虫开发实战】6-Ajax数据爬取-4-分析Ajax爬取今日头条街拍美图；前端到底要不要算法？；前端入行的这三年 | 掘金技术征文；谈谈 JavaScript 的作用域；Vue中的无渲染组件

精美的 Node.js 框架编辑推荐: 本文来自于segmentfault.com ,我们从理论上讨论了NestJS并做了一个实际的例子。欲了解更多信息，请参阅框架的官方文档，其中包含大量随时可用的指导和代码片段。 NestJS 是一个精心制作的服务器端（后端）应用程序框架，以支持开发人员的生产力并让他们的生活更加快乐。那…
来自InfoQ的Web开发趋势报告要点 CSS和ECMAScript是Web的基石，它们将继续发展演化。我们也看到其他的一些东西，比如WebAssembly，它为开发者带来了新的想象空间。报告中增加了GraphQL和WebVR这两个主题。我们认为Vue.js越来越受欢迎，我们把Vue和Angular加入到React的行列当中，也就是进入了早期大众阶段。我们在…
JS灵巧判断7种类型的方式空值 (null) 未定义 (undefined) 布尔值 (boolean) 数字 (number) 字符串 (string) 对象 (object) 符号 (symbol，ES6中新增) 在 JS 中呢，有很多坑，本文章将结合 undersoce.js源码和我所总结的方法准确判断这七种类型；先来一个小测试：首先，大家都熟悉的一种判断方式 typeof，这是…
【Python3网络爬虫开发实战】6-Ajax数据爬取-4-分析Ajax爬取今日头条街拍美图本节中，我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法。这次要抓取的目标是今日头条的街拍美图，抓取完成之后，将每组图片分文件夹下载到本地并保存下来。 1. 准备工作在本节开始之前，请确保已经安装好requests库。如果没有安装，可以参考第1章。 2. 抓取分析在抓取之前，首先要分析抓取…
前端到底要不要算法？ 1+1=2的问题，我们都知道。但是市场上面依然能看到一句缪论“前端不需要算法”，这个不可否认，是不需要太多的算法，因为一个合理的产品，对于展示层的表现，应该注重的是视觉的还原和细节，但是！算法在某些情况下，对于性能的优化，有着很显著的提升。举个例子，假设后端没有给你提供排序好的数据，这些数据…
前端入行的这三年 | 掘金技术征文前言本文将分享我的个人工作经历，介绍自己选择前端行业的考虑以及近四年的职业发展和技术规划。在自己专业不佳的情况下，自己获得了自己比较满意的一个现状。个人简介我毕业的大学不是985、211，就普通的一本，专业是信息管理与系统系下电子商务专业，，于2014年
谈谈 JavaScript 的作用域学了好久的 Javascript 惭愧仍然没有总结完全作用域，今天老夫就来总结一番：涉及内容：全局作用域函数作用域块级作用域词法作用域动态作用域动态作用域跟 this 引用机制相关全局作用域：作用域，是指变量的生命周期（一个变量在哪些范围内保持一定值）。全局变量：生命周期…
Vue中的无渲染组件特别声明：此篇文章内容来源于 @Adam Wathan 的《 Renderless Components in Vue.js 》一文。不知道您是否以前有过在第三方组件库中提取过组件的经历，在提取组件的过程中发现需要做一些小的调整，而且也避不开提取整个包。比如像自定义的下拉框，日历或自完匹配等组件，而这些组件可能非常的复杂，需要处理许多意想…
Webpack + Vue，部署时减少包体积的几种方法作为一个做 SPA 起家的框架，Vue 的开发学习曲线较为平缓，相对来说，开发体验属于上乘。但不少初学者会发现，自己的站点，随随便便打包文件就有 10M ！难以置信，其实这跟 Vue 的性能没有太大关系，我们可以通过配置文件来大大改善这一情况。减少打包后文件
JavaScript嵌入式开发：您的下一份工作我们中的很多人都是从网页开发开始编写JavaScript。就算你是一个服务端的开发人员，专注于Node，想必你也是从编写客户端的JavaScript开始的。我们把JavaScript当做一门与DOM结合非常紧密的语言，或者看做一门轻量级的服务端语言。但是我们换个角度思考看看，完全把JavaScript看做一门嵌入式语言：毕竟，它嵌入到了网页中…
使用JavaScript判断元素中是否含有某个样式看到这个题目，立马想到的就是 element.classList.contains() 和 $(element).hasClass() 方法。但是，在一些低版本浏览器中，classList无法使用，这个时候就可以自己实现类似jQuery的hasCla
Vue实现导出excel表格引言：最近使用vue在做一个后台系统，技术栈 vue + iView，在页面中生成表格后， iView可以实现表格的导出，不过只能导出csv格式的，并不适合项目需求。如果想要导出Excel 在src目录下创建一个文件(vendor)进入Blob.js和
“#smoosh门”引发Web兼容性上的挑战 TC39提案Array.prototype.flatten 会导致旧网站在Firefox Nightly版中无法正常显示。在回应这一软件缺陷报告时，该新特性的建议者开玩笑称会考虑将“flatten”改名为“smoosh” 。这在JavaScript社区引发了大范围的口诛笔伐。这场争论之所以愈演愈烈，不仅在于建议更改名称这个玩笑，更是因为在不破坏Web兼容性的条…
《前端开发者必备思维》最近公司要招人，本人负责专业前端初面，但是面试过程大部分前端面试者给我的感觉思维比较窄，以及陈述问题时候比较乱，整体给人感觉不是理想。下面是我作为一个面试官从三个维度给面试者建议和思考吧。（by 李峰）
Angular 中的单向数据流理解 Angular 中，数据是由顶部根节点流向最后的叶子节点，整个数据流是单向，构成一颗单向树。 Angular 认为所有的异步操作都有可能会引起模型的变化，引起数据模型发生变化的事件源有： Events：click, mouseover, keyup … Timers：setInterval、setTimeout XHRs：Ajax(GET、POST …) …
循序渐进的用js实现一个bind() 如果对call，apply，bind的应用和区别还不了解，可以去看我之前的文章了解下。让你弄懂 call、apply、bind的应用和区别如果出现错误，请在评论中指出，我也好自己纠正自己的错误 author： thomaszhou bind实现
HTTP 协议冷知识大全如果不用HTTPS，HTTP协议如何安全的传输密码信息？ HTTP协议是纯文本协议，没有任何加密措施。通过HTTP协议传输的数据都可以在网络上被完全监听。如果用户登陆时将用户名和密码直接明文通过HTTP协议传输过去了，那么密码可能会被黑客窃取。一种方法是使用非对称加密。GET登陆页面时，将公钥以Javascript变量…
在html5网页中录音解决方案首发 http://shudong.wang/article/102 缘起因公司业务需要在网页录音功能，因为h5的api兼容限制不得想出一些解决方案，以下是总结。调查百度语音识别感觉百度够强大，肯定有完美的解决方案，最终发现在移动…
Express搭建在线便利贴——Webpack配置使用express应用生成器搭建项目使用一下命令安装生成器 $ npm install express-generator -g 使用-h 查看命令选项 $ express -h Usage: express
Laravel API 系列教程（二）: 结合 Laravel 5.5 和 Vue SPA 基于 jwt-auth 实现 API 认证上一篇我们简单演示了 Laravel 5.5 中 RESTful API 的构建、认证和测试，本教程将在上一篇教程的基础上进行升华，我们将结合 Laravel 和 Vue 单页面应用（SPA），在此双剑合壁的基础上引入 jwt-auth 实现 API 认证，由于 Laravel 集成了对 Vue 的支持，所以在 Laravel 应用中使用 Vue 也是如鱼得水，非常顺畅，整篇…
WebSocket系列之JavaScript中数字数据如何转换为二进制数据本文主要通过对JavaScript中数字数据与二进制数据之间的转换，让读者能够了解在JavaScript中如何对数字类型（包括但不限于Number类型）进行处理。二进制数据在日常的JavaScript中很少遇到，但是当你使用WebSocket与后端进行数据交互时，就有可能会用到二进制的数据格式。因此，为了更好的理解本系列中之后发布的关于W…
手把手教你按照PromiseA+规范来实现Promise 该实现是按照promiseA+规范来进行梳理的当使用promise的时候需要先new一个实例，所以我们要构造一个promise构造函数 let p = new Promise(function(resolve, reject){ // 先调谁，就走谁
把一串数字表示成千位分隔形式——JS正则表达式的应用一个案例如何把一串整数转换成千位分隔形式，例如10000000000，转换成10,000,000,000。在了解正则表达式之前，想要实现这个功能，无论代码量还是烧脑程度，都很令人抓狂，但若是运用正则表达式来解决的话，两三行代码即可搞定！匹配、替换那些符合某
深入浅出Websocket（二）分布式Websocket集群前言最近在构建两个系统的实时通信部分，总结一下所学。这是一个系列文章，暂时主要构思四个部分深入浅出Websocket（一）Websocket协议深入浅出Websocket（二）分布式Websocket集群深入浅出Websocket（三）分频道的We