20181217 前端开发日报

JavaScript中undefined和null的区别;JavaScript 是如何工作的:引擎,运行时和调用堆栈概述;内凹样式的另一个方案--v-coupon 一款基于 vue 的卡券组件;从浏览器环境到JavaScript执行流程的一次简单梳理;JS专题之数据类型和类型检测;使用Node.js写一个简单的api接口;Webpack 热更新机制;精灵图在 Lottie Web 动画中的应用

  1. JavaScript中undefined和null的区别首先,从本质来看,他们是两种不同的JavaScript数据类型。直接上《JavaScript高级程序设计》里的解释好了。Undefined类型:Undefined类型只有一个值,即特殊的undefined。在使用var 声明变量但未对其加以初始化时…
  2. JavaScript 是如何工作的:引擎,运行时和调用堆栈概述 本文是旨在深入研究 JavaScript 及其实际工作原理的系列文章中的第一篇:我们认为通过了解 JavaScript 的构建块以及它们是如何工作的,将能够编写更好的代码和应用程序。
  3. 内凹样式的另一个方案--v-coupon 一款基于 vue 的卡券组件v-coupon 一款基于 vue 的卡券组件 介绍 你是否在心里暗骂设计师设计出这种有缺口的卡券? 你是否试了多种 CSS 方案都无法完美实现? 你是否在为不得不用 jpg/png…等格式而内心挣扎? v-coupon 就是为了解决以…
  4. 从浏览器环境到JavaScript执行流程的一次简单梳理 首先明确一下两个概念 进程是CUP资源分配的最小单位 (每个进程之间相互独立,各自拥有一块运行资源) 线程是CPU资源调度的最小单位 (一个进程可以包含多个线程,多个线程协作完成任务,共享一个进程中的资源) 现代浏览器是一个及其庞大的大型软件,在某种程度上甚至不亚于一个操作系统,它由多媒体支持、图形…
  5. JS专题之数据类型和类型检测 ECMAScript 的数据类型分为简单数据类型(也被称为基本数据类型,原始数据类型): Undefined Null String Number Boolean 在 ES6 中新增一个简单数据类型 Symbol,所以简单数据类型总共有 6 个,还有复杂数据类型(也叫作引用数据类型):Object。 所有 js 中所有的值最终都将是以上 7 种数据…
  6. 使用Node.js写一个简单的api接口 默认你已经安装了Node.js Node当中内置了Http模块; 可以使用 var http= require("http"); 复制代码 引入http模块; Hello world 用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序, 它对于所有请求,都返回Hello world!,新建一个文件夹 apiDemo 在里面新建一个 server.js …
  7. Webpack 热更新机制 想必作为前端大佬的你,工作中应该用过 webpack,并且对热更新的特性也有了解。如果没有,当然也没关系。 下面我要讲的,是我对 Webpack 热更新机制的一些认识和理解,不足之处,欢迎指正。 首先: 热更新是啥? 热更新,是指 Hot Module Replacement ,缩写为 HMR 。 从名字上解读,就是把“热”的模块进行替…
  8. 精灵图在 Lottie Web 动画中的应用 Lottie 是一套跨平台的平面动画解决方案;设计师使用 AE 设计动画,然后通过插件将动画导出成定义好的 json 文件;之后开发人员只需要依赖这个 json 文件和对应平台的 Lottie 动画库就可以很方便的在相应平台中实现动画了。 普通示例 普通示例在线预览链接为 https://newbieyoung.github.io/lottie-web-spri…
  9. webpack4.x的变化(二)我之前写过一篇文章webpack4带来了什么,这篇文章优点照猫画虎的意思,文章中说明了一些什么,但好像是还没有说透,感觉不是那么好,所以下定决心,在写一篇,可能这一篇也有不足,但后续还会继续补充。话不多说…
  10. 盘点 CSS Selectors Level 4 中新增的选择器 更丰富的选择器了解一下?
  11. 20181216 前端开发日报】InfoQ 趋势报告之 JavaScript 和 Web 开发;535种使用JavaScript重新加载页面的方法;Vue工程化最佳实践;JavaScript中内存使用规则–堆和栈;vue组件的那点事;灵…详情→ ​​​

    20181216 前端开发日报
  12. VueThis$Store总结 上次答应一个掘金的读者介绍下开发此插件的一些原理和技巧,在此也一并做下总结了。 基本工具 1 正则表达式,正则表达式大家都不陌生,正则表达式的优点就是速度快,对于一个代码补全的插件,用户肯定希望更快的得到反馈,测试了 1000 行的 vue 文件匹配全部的 mapXXX() 之类的 api 字符串也只是用了 1ms 都不到的…
  13. CSS font-feature-settings 完整介绍 CSS font-feature-settings 属性控制 OpenType 字体中的高级排版功能,也就是可以让OpenType字体排版更加精致,符合实际开发需要。

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

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


关注我

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

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

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