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