20190911 前端开发日报

收下这波 JS 技巧,从此少加班;【Vue原理】Diff – 白话版;漫谈JavaScript中的提升机制(Hoisting);vuecli3创建项目,尤其推荐用图形化界面;JSON Web Token 使用详解;浏览器垃圾回收机制与 Vue 项目内存泄漏分析;用了这么久 HTTP, 你是否了解 Content-Length 和 Transfer-Encoding ?;JavaScript知识点:this 关键字到底指向谁?

  1. 收下这波 JS 技巧,从此少加班 各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份 JS 常用业务函数手册,例如时间格式的处理、用的是哪个手机浏览器,手机号、邮箱的验证,以此来提高你的开发效…
  2. 【Vue原理】Diff – 白话版 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧 研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面 关注公众号 也可以吧 【Vue原理】Diff – 白话版 终于到了最后一块内容…
  3. 漫谈JavaScript中的提升机制(Hoisting) 前言 刚接触到JavaScript的时候,便知道JavaScript是按顺序执行的,是如浏览器的解析DOM树一样的流程,解析DOM结构的时候,如果遇到JS脚本或者外联脚本便会停止解析,继续下载脚本之后,执行脚本,然后再解析DOM。 然而,却因此常常碰到问题。 看如下代码以及输出: var name; console.log(name); // undefin…
  4. vuecli3创建项目,尤其推荐用图形化界面 TL;DR 安装cli3的命令行 npm install -g @vue/cli 安装预览单个vue文件 npm install -g @vue/cli-service-global 强烈推荐使用 vue ui 导入已有项目或新建项目 ,安装插件,进行eslint规则配置等超级好用 保存时自动统一代码风格,真的爽爆了 个人生成项目的习惯参数,这里换成ui视图也是一样…
  5. JSON Web Token 使用详解JSON Web Token(缩写 JWT)是目前最流行的<font color=’red’>跨域</font>认证解决方案。它是有三部分组成,示例如下,具体的讲解如下(jwt是不会有空行的,下面只是为了显示,便使用了换行看着比较方…
  6. 浏览器垃圾回收机制与 Vue 项目内存泄漏分析 浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存。其原理是: 垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存 。但是这个过程不是实时的,因为其开销比较大并且GC时停止响应其他操作,所以垃圾回收器会按照固定的时…
  7. 用了这么久 HTTP, 你是否了解 Content-Length 和 Transfer-Encoding ? 前言 Content-Length, HTTP消息长度, 用十进制数字表示的八位字节的数目. 一般情况下, 很多工作都被框架完成, 我们很少去关注这部分内容, 但少数情况下发生了Content-Length与实际消息长度不一致, 程序可能会发生比较奇怪的异常, 如: 无响应直到超时. 请求被截断, 而且下一个请求解析出现错乱….
  8. JavaScript知识点:this 关键字到底指向谁? 前端开发的小伙伴多多少少曾被 this 关键字难倒过,因为 JS 的 this 的指向很多时候可以是“动态变化”的,但是关于 this 关键字我们只需要记住一点: 哪个对象调用函数,函数的this指向哪个对象 。 但是这个判断是谁就是一个不那么简单的过程了,接下来我们就一一举例说明。 1、普通函数调用 1.1、基本调用 像这…
  9. JavaScript 中的 Symbols 怎么用 本篇采用意译,原文链接在文章末尾附上。 为了防止属性名冲突, JavaScript 介绍了一种 symbols 的类型。在 2015 – 2019 中,symbols 提供一种方法去模拟私有属性。 简介 创建 symbol 最简单的方式是调用 Symbol() 方法。有两个关键属性使得 symbols 变得特殊: Symbols 可以用于对象 key。只有字符串和…
  10. Vue原理解析(十):搞懂事件API原理及在组件库中的妙用 上一篇: Vue原理解析(九):搞懂computed和watch原理,减少使用场景思考时间 在 vue 内部初始化时会为每个组件实例挂载一个 this._events 私有的空对象属性: vm._events = Object.create(null) // 没有__proto__属性 复制代码 这个里面存放的就是当前实例上的自定义事件集合,也就是自定义事件中心,它存放…
  11. 京东 PC 首页 2019 改版前端总结 距离上次首页改版,已有2年3个月零五天。相比上次改版对首页整体框架、开发流程的大刀阔斧(前两次改版总结传送门:2016版,2017版),这次的改版看起来显得有点像跳水——没什么水花。在站在巨人肩膀上的小巨人的叮咛与期盼下,这次改版在延续17版的框架与流程的基础之上,为首页的稳定性、安全性、视觉体验、无障碍体验…
  12. JavaScript中如何反转数组如果您需要反转数组元素的顺序,可以使用数组方法reverse()⏪,如下所示: 修改原始数组 需要注意的一点是它会改变原始数组。 如何在不改变原始数组的情况下反转数组 以下是一些不会改变原始数组的做法。我们来看…
  13. 如何实现Web页面录屏?摘要: 很有意思的操作… 原文:web页面录屏实现 译者:frontdog Fundebug经授权转载,版权归原作者所有。 写在前面的话 在看到评论后,突然意识到自己没有提前说明,本文可以说是一篇调研学习文,是我自己感觉…
  14. 精读《React Hooks 最佳实践》React 16.8 于 2019.2 正式发布,这是一个能提升代码质量和开发效率的特性,笔者就抛砖引玉先列出一些实践点,希望得到大家进一步讨论。
  15. 10 种 Git 技巧,让你省时省力又省心 全文共1800字,预计学习时长4分钟 图片来源:unsplash.com/@sam_truong 1. 从另一分支切换单个文件 大家是否曾销毁文件只为能重新开始? 或需要在另一分支的某文件中进行更改?而git指令可以实现从另一分支切换文件。 git checkout some-other-branch -…
  16. 36 个JS 面试题为你助力金九银十(面试必读)为了回馈读者,《大迁世界》不定期举行(每个月一到三次),现金抽奖活动,保底200,外加用户赞赏,希望你能成为大迁世界的小锦鲤,快来试试吧
  17. 前端工程化系列之闲谈“脚手架”(中) Version:2019.09.08.v1.2 开篇 大家好,我是王小胖,一个集可爱与智慧于一身的胖子。 当初订的每周至少一篇原创文章的规矩尽量不破,所以就算不能玩刚出的《怪物猎人:冰原》也要把文章给大家补上。。。 书接上回,上回书说到“前端工程化之脚手架”,谈了一谈胖子认为的前端脚手架的定义和服务内容。这次咱们再…
  18. [打牢基础系列]JavaScript的变量和数据类型 如果面试问你JavaScript的数据类型有哪些?你可以信誓旦旦的说出Null, Undefined, Boolean, String, Number,Symbol以及Object七种数据类型,问到它们的区别是什么,你也能说出一二,但是你知道JavaScript的包装类型吗?拆箱和装箱又是?Symbol数据类型有哪些特性?你在什么时候用到了Symbol数据类型?隐式类型转换规则有哪些?判…
  19. JavaScript 是如何成长为一门广泛使用的编程语言 时间回到 1999 年,如果预测 20 年后 JavaScript 会成为世界上最流行的编程语言之一,也许你会怀疑。因为当时 JavaScript 无法完成专业编程语言能够完成的工作,甚至不是一门严谨、正式的编程语言。当时有很多成熟的工具供 Web 开发人员使用。比如:Java、PHP 等。 在 1995 年,开创了网景浏览器的网景公司觉得应该有一…
  20. 开发函数计算的正确姿势——借助 Ghostscript 将 PDF 转换成 JPG 首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute):函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息参考。 Fu…
  21. 在 React 中使用 Shadow DOM 1. Shadow DOM 是什么 Shadow DOM 是什么?我们先来打开 Chrome 的 DevTool,并在 ‘Settings -> Preferences -> Elements’ 中把 ‘ Show user agent shadow DOM’ 打上勾。然后,打开一个支持 HTML5 播放的视频网站。比如 Youtube: 可以看到video内部有一个#shadow-root,在 ShadowRoot 之下还能…
  22. 测试转前端 – 一个平凡的小故事Hi~ 大家好,我是 Joking Zhang,是一名练习时长长达2年半的前端打字员。今天想给大家讲讲我的编程故事~
  23. 程序员不装x能行?先给登录来一个图形验证码(canvas实现)细心的同学可以发现,现在很多网站当登录多次之后就会出现一个图形验证码,或是当提交表单、或点击获取手机验证码等等场景都会有图形验证码的出现。
  24. 前端这些年我到底经历了什么(上)那时大学里这种专业的课除了数学和英语外,基本上都是些计算机语言的课程,比如《C#语言程序设计基础》、《面向对象程序设计》等。
  25. Node.JS 应用最佳实践:日志作者:Mahesh Haldar翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 日志记录是每个开发人员从第一天编写代码时就要做的事情,但很少有人知道它可以产生的价值和最佳实践。 在本文中,我们将讨论以下主题: …

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

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


关注我

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

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

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