20180331 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20180331 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180331.html)