20200205 前端开发日报

JavaScript中new操作符的详细过程;花括号匹配变量组件实现记录,vue字符串渲染成组件的两种方式;重磅 | GitHub 2019 数字年报全文正式发布;JavaScript中精度失准问题及解决方法;数据结构:用JS模拟Set类的实现;JavaScript原型链与继承|记一次面试经历;调试 JavaScript 少不了这几个技巧;关于 CSS margin,一些让你模糊的点

  1. JavaScript中new操作符的详细过程理解new对象过程,需要提前了解原型及原型链的相关知识我们都知道,JS当中创建对象使用的是原型设计模式,即使用new操作符调用构造函数这里先看一个例子:
  2. 花括号匹配变量组件实现记录,vue字符串渲染成组件的两种方式 最近遇到一个需求是: input 框需要支持输入双花括号来引用变量({{变量名}}),鼠标移入花括号时要弹框显示变量信息(类似 postman 匹配变量的效果) 从技术上说就是需要从输入的字符串中匹配 {{变量名}} 替换成 element 的弹框组件 el-popover,实现 hover 时显示弹框信息 实现方案 因为 input 中不能…
  3. 重磅 | GitHub 2019 数字年报全文正式发布 摘要 在开源日益重要的今天,我们需要一份建立在全域大数据基础上的相对完整、可以反复进行推演的数据报告(报告、数据、算法均需开源)。本项目为X-lab 开放实验室团队发起,旨在通过分析Github全网的开发者行为日志,通过数据的视角,来观察全球范围内的开源现状、进展趋势、演化特征、以及未来挑战等问题,…
  4. JavaScript中精度失准问题及解决方法首先来看一下JavaScript中的数字类型的存储情况①JS中所有的数字(小数、整型)都是浮点型②JS中小数、整型都是Number类型③JS中Number类型使用binary64或双精度表示的,实质是一个二进制格式64位的浮点数④64位的二…
  5. 数据结构:用JS模拟Set类的实现 首先,我们先介绍一下集合。 集合是由一组无序且唯一(即不能重复)的项组成的。 我们可以把集合想象成一个既没有重复元素,也没有顺序概念的数组。 接下来,我们基于上面的定义来创建Set类: function Set () { var items = {}; } 复制代码 当然,我们还需要声明一些集合可用的方法。 add(value):向集合中…
  6. JavaScript原型链与继承|记一次面试经历 这篇文章里面记录了我一次面试Node.js后端开发岗位时,二面的面试官问我的关于JavaScript原型链方面的知识,当面手写代码:scream:。 希望这篇文章能对今年要找web前端后者Node.js后端开发工作的同学有所帮助。 必备概念 prototype:无论什么时候,只要创建了一个新的 函数 ,就会根据一个特定的规则为该函数创建一…
  7. 调试 JavaScript 少不了这几个技巧 1. 自动断点 有时候在执行 JavaScript 代码的时候,可能来不及设置断点,代码就被执行了,其实可以通过在代码中写上 debugger(代码中第 8 行),让代码执行到 debugger 的位置自动暂停。 function a() {      console.log(‘enter a’);      b();&n…
  8. 关于 CSS margin,一些让你模糊的点点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  9. 前端自动化部署的深度实践年前我也在自动化部署这方面下了点功夫,将自己的学习所得在自动化部署的一小步,前端搬砖的一大步这篇博客中做了分享。感谢两位网友@_shanks和@TomCzHen的意见,让我有了继续优化部署流程的动力。本文主要是在自…
  10. 数据结构:用JS实现链表 链表特点:链表存储有序的元素集合,但不同于数组,链表中的元素在内存中并不是连续放置的。每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(指针或链接)组成。 相对于传统的数组,链表的一个好处在于,添加或移除元素的时候不需要移动其他元素。然而,链表需要使用指针,因此实现链表时需要额外注意。…
  11. 截至 2020 年 2 月最受程序员欢迎的 20 个 CSS 框架,有没有你的菜?转眼间 2020 年已经过去了一个月,在祈祷疫情尽快消散的同时,不要忘了学习。本文为大家搜罗了 20 款截至目前最受程序员欢迎的前端CSS框架,其中有的霸榜已久,也有不少后起之秀,有的是单纯的 CSS 框架,也有的…
  12. JavaScript核心之事件循环每个宿主环境都会提供不同的API供JS调用,如window、document、setTimeout、脱离浏览器就不会有这些API。
  13. javascript 二分搜索树 先序遍历 二叉树因为其结构特点,不像链表,也不像数组那样很容易直观的线性遍历。所以二叉树的遍历就会有很多种方式,从上到下,从左到右,或者一层层的遍历,都未尝不可。不过对于二分搜索树来说,先序遍历,中序遍历,后序遍历比较常见。 二分搜索树,分为 左子树 根 右子树。 那么只需记住,先序遍历,就是先遍历根节点,…
  14. 记录我的vue学习 — 写一个简易的TodoList + localStorage 这个TodoList很简单,只包括此时日期的展示、todo项的展示以及todo项的添加。 这里是 DEMO :page_with_curl: 先写一个最简易的不加样式的todolist: 1.先搭一个基本的HTML结构 用 <li></li> 标签存放todo项,里面包含一个 checkbox ,一个todo项的内容的 <span> 以及一个删除 <span> : …
  15. Node.js 中间件是怎样工作的?作者:thirdrock team翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 什么是 Express 中间件? 中间件在字面上的意思是你在软件的一层和另一层中间放置的任何东西。 Express 中间件是在对 Express 服务器请求…
  16. 网易严选前端工程化实践 前端日益发展,从最初的 HTML、CSS、JavaScript 三大基础,到后来的jQuery、Backbone、AngularJS,再到现在的 Angular、React、Vue 三大框架流行,技术的演进既带来了更多的可能,也带来了一些问题。例如:团队如何高效合作、项目如何统一维护、代码如何规范等等。前端工程化的出现,就是为了解决这些日益突出的问题。它…
  17. JavaScript中的类型检查有点麻烦点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  18. Mosh的Node.js教程(二) 前言 本系列文章是根据 Mosh 大佬的视频教程 全方位Node开发 – Mosh 整理而成,个人觉得视频非常不错,所以计划边学习边整理成文章方便后期回顾。该视频教程是英文的,但是有中文字幕,感谢 marking1212 提供的中文字幕翻译。 本篇文章大纲 Node的模块系统 全局对象 Modules 模块 创建一个模块 …
  19. 前端面试之前端性能优化 不论是什么样的前端面试,总会问到的一个问题:前端性能优化。 相信如果这个问题没有答好,在面试中会很被动。 于是,趁着这个天天宅的时期,好好的整理了一番。 Start~ 一、HTML优化 渲染顺序 1、CSS样式表置于头部,CSS会一边加载一边渲染 2、JS脚本置于尾部,JS在未加载完成之前,会阻塞渲染 3、使用外…
  20. 从微前端聊聊架构演进 就目前来看,微前端已经不是一个新话题了。随着越来越多的公司的深入研究,当前也提出了很多的解决方案。不过本文不是想要来介绍微前端,更想介绍项目如何一步步到达微前端架构的实际需求。 当然,也不排除有些项目在初期就需要微前端这样的架构,不过我一直相信,任何架构模式都是根据实际需求来构建的。为什么很多大…
  21. 使用BSN一天学会区块链开发-Nodejs篇 | 火星技术帖 作者:时跃堂   陈曦 《使用BSN一天学会区块链开发》系列文章可以帮助具有一定开发经验的开发者,在不需要学习区块链开发语言的情况下,在区块链服务网络(BSN)上完成区块链应用的开发。 本文主要介绍用户如何通过链下业务系统使用Node.js语言与链上数据进行交互而进行的相关操作流程说明,但在说明链下…
  22. node.js 内存泄漏的秘密 每日前端夜话 第276篇 翻译: 疯狂的技术宅 作者:Giovanny Gongora 来源:nodesource 正文共: 3955 字 预计阅读时间:10分钟 一直以来,跟踪 Node.js 的内存泄漏是一个反复出现的话题,人们始终希望对其复杂性和原因了解更多。 并非所有的内存泄漏都显而易见。但是,一…
  23. Mosh的Node.js教程(一) 前言 本系列文章是根据 Mosh 大佬的视频教程 全方位Node开发 – Mosh 整理而成,个人觉得视频非常不错,所以计划边学习边整理成文章方便后期回顾。该视频教程是英文的,但是有中文字幕,感谢 marking1212 提供的中文字幕翻译。 本篇文章大纲 什么是Node Node的设计结构 Node是如何工作的 安装Node 你…
  24. 剑指offer – 二叉搜索树的后续遍历序列 – JavaScript 题目描述:输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则输出 Yes,否则输出 No。假设输入的数组的任意两个数字都互不相同。 题目描述 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则输出 Yes,否则输出 No。假设输入的数组的任意两个数字都互不相同。 …
  25. [推荐] 高质量前端快照方案:来自页面的 “自拍” 编者按:本文转载自云音乐前端技术团队,作者网易云音乐前端工程师朱佳斌。 1. 背景 将网页保存为图片(以下简称为快照),是用户记录和分享页面信息的有效手段,在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端,汇总了用户最终的参…
  26. 使用typescript改造koa开发框架 原文地址: 使用typescript改造koa开发框架 强类型的 TypeScript 开发体验和维护项目上相比 JavaScript 有着明显的优势,那么对常用的脚手架进行改造也就势在必行了。 接下来开始对基于 koa 框架的 node 后端脚手架进行改造: 项目开发环境 和 typescript 编译环境的搭建; 对 node …
  27. 数据结构:用JS实现队列 首先,创建一个类来表示一个队列。 function Queue () {} 复制代码 同样,我们选择数组来存储队列中的元素。 var items = []; 复制代码 接下来,我们考虑一下为这个队列声明哪些方法: enqueue(element):向队列尾部添加一个新的项。 dequeue():移除队列的第一项,并返回被移除的项。 front():返…
  28. 疫情当前,写一个纯前端实现人脸检测的网页,给你的头像戴上口罩 根据春节的起源,如果“年”真的是一个凶猛的怪兽,那么今年一定是2019-nCoV病毒。往年辟邪用的红纸和鞭炮,变成了各色各样的口罩。约好的聚会和自驾游纷纷取消,同学们都成了躲避瘟疫的牛顿,在家里思考科学。甚至在社交网络上也少了很多年味,越来越多的人把口罩都戴到了自己的头像上。 第一次瞥见这种潮流…

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

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


关注我

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

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

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