20180314 前端开发日报

JS函数知识点梳理;从零开始搭建一个vue项目;vue 服务端渲染折腾记录;网友搭了个《生活大爆炸》面部识别库,可以用 face-recognition.js 识别出谢耳朵;第4届CSS大会3月31日相约厦门,与行业CSS专家面对面;Promise的用法简单入门;OkHttp 源码解析(二):建立连接;【D3.js 入门系列一】从零开始绘制一个柱形图

  1. JS函数知识点梳理 要想学好JavaScript除了基本的JavaScript知识点外,作为JavaScript的第一等公民——函数,我们要深入的了解。函数的多变来源于参数的灵活多变和返回值的多变。如果参数是一般的数据类型或一般对象,这样的函数就是普通函数;如果函数的参数是函数,这就是我们所要知道的高级函数;如果创建的函数调用另外一部分(变量和参…
  2. 从零开始搭建一个vue项目 准备工作 环境依赖:Node.js;vue官方脚手架: vue-cli; 具体怎么安装nodejs和vue-cli的部分就不再具体说明了,查看官方文档按步骤执行即可(安装nodejs会默认安装npm(包管理工具),vue-cli依赖npm来安装,注意这个先后关系)。 背景知识 vue.js核心框架 webpack模块化打包工具,使用vue-cli初始…
  3. vue 服务端渲染折腾记录 为了解决 vue 项目的 seo 问题,最近研究了下服务端渲染,所以就有了本文的记录。 项目结构 ├─.babelrc // babel 配置文件 ├─index.template.html // html 模板文件 ├─server.js // 提供服务端渲染及 api 服务 ├─src // 前端代码 | ├─app.js // 主要用于创建 vue 实例 | ├─App.vue // 根组件 | ├─entry-client.js…
  4. 网友搭了个《生活大爆炸》面部识别库,可以用 face-recognition.js 识别出谢耳朵 本文为 雷锋字幕组 编译的技术博客,原标题Node.js + face-recognition.js : Simple and Robust Face Recognition using Deep Learning,作者Vincent Mühler。 翻译 | 付腾    整理 |  凡江 已训练模型示范,可以很好的识别 拉贾·谢耳朵(这还能认错)雷纳德和霍华德 在这篇…
  5. 第4届CSS大会3月31日相约厦门,与行业CSS专家面对面 由W3C中国联合w3ctech、前端圈共同举办的中国第四届CSS大会将于2018年3月31日与你相约厦门,一起享受CSS盛宴。 大会网站:https://css.w3ctech.com 举办地点:厦门 金逸国际电影城 大会目前已经确认七位演讲嘉宾,他们来自
  6. Promise的用法简单入门 众所周知的,Javascript是一种单线程的语言,所有的代码必须按照所谓的“自上而下”的顺序来执行。本特性带来的问题就是,一些将来的、未知的操作,必须异步实现(关于异步,我会在另一篇文章里进行讨论)。本文将讨论一个比较常见的异步解决方案——Promise,时至本文最后更新的日子,Promise的应用已经极其广泛。 Promis…
  7. OkHttp 源码解析(二):建立连接简介 上一篇文章(OkHttp源码解析(一):基本流程)介绍了 OkHttp 的基本流程,包括 Request 的创建、Dispatcher 对 Request 的调度以及 Interceptor 的使用。OkHttp 中默认会添加 RetryAndFollowUpInterceptor…
  8. 【D3.js 入门系列一】从零开始绘制一个柱形图 D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的。 D3 提供了各种简单易用的函数,大大简化了 JavaScript 操作数据的难度。由于它本质上是 JavaScript ,所以用 JavaScript 也是可以…
  9. JavaScript变量的生命周期:为什么let不被提升 原文链接:https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/ 提升实际上是把变量和函数定义移动到作用域顶部的过程,通常发生在变量声明var或函数声明functi
  10. Angular4.x+Ionic3 踩坑之路之 Ionic3.x pop反向传值 1 .利用ES6提供 Promise 对象 2 利用Ionic3.x提供Event对象,观察者模式(publish/subscribe) 1)利用ES6提供 Promise 对象 这边假设有两个页面A页面, B页面, 情景如下,A跳转B页面,在B页面返回A页面需要给A页面选回的值。 A页面代码 html内容 <button (tap)="goToBPag…
  11. React 应用中的性能隐患 —— 神奇的多态 原文地址:Surprising polymorphism in React applications 原文作者:Benedikt Meurer 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者: Candy Zheng
  12. 你不知道的js类型转化和原型链 昨天晚上接到了蚂蚁金服的电面。其中有一道题,让我印象深刻,结束之后,我就去查了资料,写了一篇拙劣的文章来总结。 问题 var a = {}; a.__proto__ === ? var a = 1; a.__proto__ === ? 当时模棱两可,我知道他们
  13. Nest.js 4.6.6 发布,更优雅的下一代 Node.js 开发框架 Nest 是构建高效,可扩展的 Node.js Web 应用程序的框架。 它使用现代的 JavaScript 或 TypeScript(保留与纯 JavaScript 的兼容性),并结合 OOP(面向对象编程),FP(函数式编程)和FRP(函数响应式编程)的元素。在底层,Nest 使用了 Express,可以方便地使用各种可用的第三方插件。 Nest 真正使得 Node.js 也可以…
  14. 浅谈推进有赞全站 HTTPS 项目-工程篇HTTPS 在 HTTP 的基础上增加了 SSL/TLS 加密,提供了更加安全的传输协议。俨然已经属于各大网站的标配。有赞作为一个 SaaS 平台,涉及到用户的商品,交易,支付等关键性流程。支持全站 HTTPS,提高网站安全是我们…
  15. 从简单的例子看 webpack 模块加载机制及思考原理 webpack 自己实现了一套模块机制,无论是 CommonJS 模块的 require 语法还是 ES6 模块的 import 语法,都能够被解析并转换成指定环境的可运行代码,以 web 为例看看 webpack 如何来实现模块机制。 示例代码 index
  16. 1000多个项目中十大JavaScript错误以及如何避免 通过统计数据库中的1000多个项目,我们发现在 JavaScript 中最常出现的错误有10个。下面会向大家介绍这些错误发生的原因以及如何防止。 对于这些错误发生的次数,我们是通过收集的数据统计得出的。 Rollbar  会收集每个项目中的所有错误,并总结每个错误发生的次数,然后通过各个错误的特征进行分组。 下图是…
  17. Meltdown/Spectre 在 Web 开发中的防范(中英) 原文链接(需越墙):https://developers.google.com/web/updates/2018/02/meltdown-spectre原文作者:Surma&nbsp; 最后更新时间:&nbsp;2018-2-7译者:西楼听雨(转载请注明出处)
  18. React Portal的前世今生 在设计UI组件的过程中不可避免的需要考虑模态窗的需求,比如dialog,tooltip这些,但是在React的框架下,我们似乎遇到了一些问题 React下的modal需求 通常在设计这些模态窗的时候,会把整个DOM结构尽量渲染在HTML位置比较顶层的地方,比如
  19. 邮箱/邮件地址的正则表达式及分析(JavaScript,email,regex) 简言 在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适合的方案。 方案1 (常用) 规则定义如下: 以大写字母 、小写字母 、数字 、下滑线 、减号 及点号 开
  20. AsyncJS 异步流程控制DEMO详细介绍 1. 基本流程 串行流程、并行流程、混合执行 series, waterfall; parallel, parallelLimit; auto; 1.1. 串行流程 1.1.1. series(多个函数依次执行,之间没有数据交换) 有多个异步函数需要依次调
  21. 从一道Promise执行顺序的题目看Promise实现 之前在网上看到一道Promise执行顺序的题目——打印以下程序的输出: new Promise(resolve =&gt; { console.log(1); resolve(3); }).then(num =&gt; { co
  22. jQuery 入门详解(二)7. jQuery 里的事件机制 javascript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。jQuery不仅提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力。 7.1 加载 DOM 前面章节我们已经…
  23. 详解1000+项目数据分析出来的10大JavaScript错误 译者按: null/undefined引发的错误在10大错误中比例很高。而它们很可能导致严重问题,所以要重视起来。 原文: Top 10 JavaScript errors from 1000+ projects (and how
  24. Web 前端开发日志(四):构建现代化 Node 应用 文章为在下以前开发时的一些记录与当时的思考, 学习之初的内容总会有所考虑不周, 如果出错还请多多指教. TL;DR 使用装饰器,和诸如 TS.ED、Nest.js 来帮助您构建面向对象的 Node 应用. 灵车漂移 如果您就是传说中的秋名山五菱老司机,您可能
  25. Promise原理讲解 && 实现一个Promise对象 (遵循Promise/A+规范) 1.什么是Promise? Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一 2.对于几种常见异步编程方案 回调函数 事件监听 发布/订阅(深入了解发布/订阅,可以看我的文章用发布订阅模式
  26. 理性分析 JavaScript 中的原型 在类继承的语言中,比如 Java ,使用了类来描述实例对象的行为。JavaScript 中没有类,所以也没有使用类继承。采用的是原型继承的方式。 原型继承使用对象来描述实例对象的行为,这个描述行为的对象就是原型对象(prototype)。 prototype prototype 是所有函数都具有的属性。当一个函数被作为构造函数生成一个实…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流