20191030 前端开发日报

JavaScript如何工作:垃圾回收机制 + 常见的4种内存泄漏;为什么 JavaScript 中 0.1+0.2 不等于 0.3 ?;小蝌蚪传记:200行代码实现前端无痕埋点;13 个 JS 数组精简技巧,一起来看看;现代 JavaScript 教程 — 那些你应该注意的运算符;Vue基础知识汇总;Vue 项目中的几个实用组件(ts);如何治疗JavaScript中的this?

  1. JavaScript如何工作:垃圾回收机制 + 常见的4种内存泄漏 原文地址: How JavaScript works: memory management + how to handle 4 common memory leaks 本文永久链接: https://github.com/AttemptWeb/Record/blob/master/js/JsMd/GcHandle.md 有部分的删减和修改,不过大部分是参照原文来的,翻译的目的主要是弄清JavaScript的垃圾回收机制,觉得有问题的欢迎指正。 Ja…
  2. 为什么 JavaScript 中 0.1+0.2 不等于 0.3 ? 本文首发于 vivo互联网技术 微信公众号 链接: https://mp.weixin.qq.com/s/2kea7-jACCJmSYBQAwXyIg 作者:刘洋 在 js 中进行数学的运算时,会出现0.1+0.2=0.300000000000000004的结果,一开始认为是浮点数的二进制存储导致的精度问题,但这似乎不能很好的解释为什么在同样的存储方式下0.3+0.4=0.7可以得到正确…
  3. 小蝌蚪传记:200行代码实现前端无痕埋点灰色的天 妳的脸 说分手的语气斩钉截铁 小蝌蚪:“能不走吗” 女神:“不能” 小蝌蚪:“那个男人有什么好” 女神:“他说话好听,长得帅,还有钱” 小蝌蚪:“我没房没车没存款,但我有一颗爱妳的心” 高富帅出现:“我有房…
  4. 13 个 JS 数组精简技巧,一起来看看阿里云服务器很便宜火爆,今年比去年便宜,10.24~11.11购买是1年86元,3年229元,可以点击 下面链接进行参与:[链接]
  5. 现代 JavaScript 教程 — 那些你应该注意的运算符 我们从学校里了解到过很多运算符,比如说加号 + 、乘号 * 、减号 – 等。 在这个章节,我们将关注一些在学校数学课程中没有涵盖的运算符。 术语:「一元运算符」、「二元运算符」、「运算元」 在正式开始前,我们先简单浏览一下常用术语。 运算元—— 运算符应用的对象。比如说乘法运算 5 * 2 ,有两个…
  6. Vue基础知识汇总 概念:小而巧的是库,大而全的是框架 框架:是一套完整的解决方案,对项目的侵入性很大,项目如果需要更换框架,则需要重新架构整个项目 库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易的切换到其他库实现需求 MVC和MVVM思想 MVC 主要是后端的分层开发思想;把 一个…
  7. Vue 项目中的几个实用组件(ts) 这段时间使用 ts 和 vue 做了一个项目,项目从 0 开始搭建,在建设和优化的同时,实现了很多自己的想法,有那么一两个组件可能在我本人看来有意义,所以从头回顾一下当初的想法,同样也可以做到一个记录的作用。如果还没有使用过 ts 的同学可以通过 使用 Vue Cli3 + TypeScript + Vuex + Jest 构建 todoList 这边文章开…
  8. 如何治疗JavaScript中的this?观感度: 口味:清爽绿豆 烹饪时间:15min 你皮任你皮,我当你瓜皮。 众所周知,this在JavaScript中的指向一直很难让人理解,想要学好JavaScript,this也是我们必须要搞清楚的。其实,this并没有那么难,本…
  9. 手把手带你实现一个最精简的响应式系统来学习Vue的data、computed、watch实现 记得初学Vue源码的时候,在 defineReactive 、 Observer 、 Dep 、 Watcher 等等内部设计源码之间跳来跳去,发现再也绕不出来了。Vue发展了很久,很多fix和feature的增加让内部源码越来越庞大,太多的边界情况和优化设计掩盖了原本精简的代码设计,让新手阅读源码变得越来越困难,但是面试的时候,Vue的响应式原理几乎成…
  10. 窥探 JavaScript 中的变量作用域 在 JavaScript ES3 中,我们只能通过 var 来声明变量,变量在声明时会有变量提升(hoisting),即在后面声明的变量可以被提前访问,而值默认为 undefined 。 在 ES3 中,最外层的作用域称为全局作用域。如果你在全局作用域下声明变量,这些变量都会被添加到一个全局对象 globalThis 上,成为它的一个属性。 这…
  11. JavaScript中this详解 详解JS函数柯里化 前端开发核心知识进阶–一网打尽 阮一峰ES6 es5中,非箭头函数 this 永远指向最后调用它的那个对象。为『动态』 全局环境下的this 注意严格模式use strict区别 上下文对象中的this bind/call/apply改变this的指向 手写bind简单实现 // ES5实现初版bind 函数 Func…
  12. 每天都在写的JS判断语句,你真的了解吗? 在真实的世界里,人与人总是有那么一点不信任,“争是非,辨明理”是常事。在编程开发领域中,同样需要对变量的存在、类型、真伪进行校验,几乎每天都是在和 if === typeof 打交道。但是你真的弄懂了这些判断语句吗? 一、真假判断 “真亦假时假亦真,无为有处有还无。”——《红楼梦》 if( x ) 在if语句中,会触发…
  13. Vue3.0数据响应系统分析(主要针对于reactive) Vue3.0采用了ES6的Proxy来进行数据监听 优点: 1. 对对象进行直接监听, 可以弥补Object.defineProperty无法监听新增删除属性的短板 2. 无需在遍历对象进行设置监听函数 3. 可以适用于Array, 不需要再分成两种写法 复制代码 缺点: 1. 兼容性不足, 导致目前IE11无法使用 复制代码 源码导读 在分析源码之前,我们需…
  14. 快速打造 react 后台管理系统本文将以 react 为切入点,记录打造一个基础管理系统模板的过程,以此加深对 react 技术栈以及项目实战的理解,希望对大家开发一个这样的项目有所帮助
  15. 精读《Nuxtjs》视频介绍了 NuxtJs 的安装、目录结构、页面路由、导航模版、asyncData、meta、vueX。
  16. 记录我的Vue.js从会用到精通之路 7 v-show的作用 和v-if作用一样!!!也是根据表达式返回 truthy值来进行相应操作的。 v-if对比v-show 既然他们俩一样,那我随便用咯。 万万不可,他们之间是有区别的。 v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。啥意思?意思就是如果值是false…
  17. 深入浅出ES6的Symbol类型本文内容 JS基本数据类型种类 Symbol的主要用法, 全局Symbol的使用与检测 Symbol与其他基本类型转换时的规则 ES6引入了一种新的原始数据类型,表示独一无二的值,最大的用处是作为对象属性的唯一标识符。 至此,J…
  18. GitHub 带来的不止是开源,还有折叠的认知 这里是Z哥的个人公众号 每周五11:45 按时送达 当然了,也会时不时加个餐~ 我的第「113」篇原创敬上 几乎每个程序员都知道github,但是知道目前上面有多少repositories的估计没几个。 Z哥今天去看了下,最新的数量显示是1.39亿个。 ▲截图来自于github.com 而这个数字…
  19. GitBook 简明使用教程 GitBook 简明使用教程 GitBook 是用来创建一个现代化的文档工具。比如经常被用编写系统文档、API 文档、数据库文档等。要使用 GitBook 必须安装 nodejs,以便能够使用 npm 来安装 gitbook。其次还能导出 pdf、epub、mobi 等格式文件。 1 环境安装 1.1 nodejs 安装 由于我们会用到 n…
  20. Twitter雪花算法SnowFlake改造: 兼容JS截短位数的53bit分布式ID生成器 众所周知, 在分布式全局唯一ID生成器方案中, 由Twitter开源的SnowFlake算法对比 美团Leaf 为代表的需要部署的发号器算法, 因其有性能高, 代码简单, 不依赖第三方服务, 无需独立部署服务等优点, 在一般情况下已经能满足绝大多数系统的需求, 原生SnowFlake, 百度UidGenerator这类基于划分命名空间原理的算法已经积累了大量…
  21. 放心写 JS 三元表达式本文鼓吹各位 前端 在写 JS 的时候放心大胆写三目表达式,不要人云亦云说「不建议使用三元表达式」。欢迎交流不同意见。
  22. Spring Boot 系列(六):Spring Boot Web 开发之拦截器和三大组件 1. 拦截器 Springboot 中的 Interceptor 拦截器也就是 mvc 中的拦截器,只是省去了 xml 配置部分。并没有本质的不同,都是通过实现 HandlerInterceptor 中几个方法实现。几个方法的作用一一如下。 preHandle 进入 Habdler 方法之前执行,一般用于身份认证授权等。 …
  23. 基于React企业级SPA项目搭建全记录本文是介绍如何搭建企业级react项目,所用的技术都是最新最主流的,后面我会再写一篇 《基于React企业级SSR项目搭建全记录》,敬请期待!
  24. 前端图片上传那些事儿 本文讲的图片上传,主要是针对上传头像的。大家都知道,上传头像一般都会分成以下 4 个步骤: 选择图片 -> 预览图片 -> 裁剪图片 -> 上传图片 接下来,就详细的介绍每个步骤具体实现。 选择图片 选择图片有什么好讲的呢?不就一个 input ,然后点击就可以了吗?确实是这样的,但是,我们想…
  25. 理解 JS 中的 This, Bind, Call, 和 Apply该this关键字是在JavaScript中一个非常重要的概念,也是一个特别令人迷惑的这两个新的开发者和那些谁拥有在其他编程语言的经验。在JavaScript中,this是对对象的引用。该对象this是指可以改变,含蓄地基于它是否…
  26. 一文了解JavaScript中的数据类型 JavaScript中的内置类型,七中类型中的又分为两大类: 基本类型(值类型)和引用类型 基本类型有六种: null 、 number 、 string 、 undefined 、 boolean 、 symbol 引用类型: object 所有基本类型的值都是 不可改变 的。但需要注意的是,基本类型本身和一个赋值为基本类型的变量的区别。 变量会被赋予一个新值,而原…
  27. web 应用程序的工程构建清单 项目主要探讨并记录 web 工程体系搭建的主要过程。( 脱离框架提供的 cli 从基础开始构建一个工程上还算完整的 web 应用 ) 现代 Web 工程主要是三大框架 React、Vue、Angular。项目选择 React。 为什么选择 React ?原因是工作中应用的是 Vue ;选择什么,对本项目来说不是很重要,重要的是 论述好工程搭建过程 …
  28. 我们应该重新命名 JavaScript 吗?作者:Kieran Potts翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 最近,LinkedIn 的 JavaScript 组提出了一个有趣的问题: 是否需要重新命名 JavaScript? 这个问题确实让我陷入了思考。 毫无疑问,JavaScr…

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

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


关注我

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

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

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