20200425 前端开发日报

Node.js v14 官方发布说明来了;解读 vue-class-component 源码实现原理;如何给自己的vue组件做一个快乐的提示;webpack构建速度和体积优化策略;通过几个事例,就可以说明 for…of 循环在 JS 是不可或缺;JS 万字总结 重量级干货;重拾JS——继承;2020 最新版 Web 开发者学习路线图来了,收好

  1. Node.js v14 官方发布说明来了

    本文由Michael Dawson 和 Bethany Griggs撰写,同时 Node.js 社区委员会和 Node.js 技术指导委员会也提供了贡献。

  2. 解读 vue-class-component 源码实现原理

    使用过一段时间 class 来定义组件,要用 vue-property-decorator 提供定义好的装饰器,辅助完成所需功能,对这个过程好奇,就研究了源码。内部主要依靠 vue-class-component 实现,所以将重点放在对 vue-class-component 的解读上。 本文主要内容有: 装饰器作用在 class 定义的组件,发生了什么 解…

  3. 如何给自己的vue组件做一个快乐的提示

    友情提示:本教程只提供vscode的提示方法!别的编辑器我不会搞! 用过 vscode 和 element-ui 组件的小伙伴一定会体验过,他的组件能够自动提示名称以及提示可传入 Attributes 下面是使用截图 附一张 el-dialog 组件传值说明图 可以看到,它提示的值基本都是能对应上的。不同于 …

  4. webpack构建速度和体积优化策略

    初级分析:使用webpack内置的stats stats:构建统计信息 package.json中使用stats "scripts": { "build:stats":"webpack –env production –json > stats.json" } 复制代码 指定输出的json对象,输出一个json文件 Node.js 中使用 const webpack = require(‘webpack’) …

  5. 通过几个事例,就可以说明 for…of 循环在 JS 是不可或缺

    请教大家一个问题:什么特性让该编程语言更加优秀? 个人见解:当该特性可以组合多个其他语言特性时。 JavaScript 中的for…of语句就是这种情况,可从ES2015开始使用。 for…of可以迭代数组,类似数组的对象以及通常所有可迭代的对象(map,set,DOM集合)。 接下我们通过事例来看看 for…of 一些有用的地方。 1. …

  6. JS 万字总结 重量级干货

    本篇文章属于 知识总结 型,归纳出许多比较零散的知识点,都是 干货 噢~ 如果你是小白那么这篇文章正好适合你,如果你是老手那么不妨巩固一下看看还有哪些边角料没补! 建议:适合 有js基础 的小伙伴观看, 篇幅较长 ,建议先 收藏 再慢慢浏览 整整花了一周时间总结了一些比较重点也有些比较偏的知识,希望各位…

  7. 重拾JS——继承

    继承是面相对象编程语言的一个特色,一般分为两类:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。在 JS 中,没有函数签名,因此,JS 只支持实现继承,主要是通过原型链实现的。

  8. 2020 最新版 Web 开发者学习路线图来了,收好

    大家好,我是头条菌。 我爱程序员!我的微信号:toutiaoio007,欢迎加我好友,拉你入群~ 搞 Web 开发的,需要学习的东西太多了! 常有不少同学对于技术路线和精进方向感到迷茫,要是有个路线图就好了! 今天要分享的就是这个好东西!2020 最新版 Web 开发者…

  9. Vue3.0 Beta–有牛优刘尤老师上课笔记

    小白:喂,Vue3.0我是放弃还是继续学习?你们一直到现在都还没有给我回电话。 牛老师:这个吧,大概4.21号晚上 9:00就能给你统一答复,你也不要着急,明白吧。 小白:你贵姓呀? 牛老师:我姓牛 小白:尤啊 哪个尤啊? 牛老师:牛 小白:优啊? 牛老师:牛! 小白:刘啊? 牛老师:牛!(逐渐暴躁) …

  10. 防止 Git 泄漏的 5 种最佳做法

    之前看过几个新闻,说是因为程序员的疏忽,将公司服务器的密钥上传到 GitHub 上,导致公司数据丢失,造成了很严重的影响,恰巧最近看到一篇英文博客有介绍如何防止 Git 泄露,下面是我的翻译内容,原文来自于 5 Best Practices To Prevent Git Leaks ,如果有翻译不当的地方欢迎指正,希望能对你有所帮助。 …

  11. 【3分钟技能get】js浮点数计算精度问题

    先看如下计算的输出: 0.1 + 0.2 显然是0.3。但是在javascript中,结果是什么呢? 0.30000000000000004 这是程序语言在数值计算中很容易出现的精度问题,如下图饿了么账单页金额显示。 问题产生的原因 先来看对Number类型数值二进制的表示,由3部分组成: 符号位 * 指数位 * 尾数位 由于js采用64…

  12. Vue 的坑你踩过几个

    喜欢我的话,点击上方蓝色文字关注吧 不喜欢看文字的同学,点击下方绿色按钮,竖起耳朵听吧。 有时候我们踩坑,是因为一些知识点不知道,按照我们自己的逻辑思维,认为应该是这样,但结果并没有按照我们想要的输出,这个时候,我们就掉坑里了。 坑一 …

  13. Vue中通过vue-router实现命名视图的问题

    在用vue-router路由处理一些需求的时候 例如 有时需要 同时同级 展示多个组件 而不是嵌套展示 例如:创建一个布局 有侧导航和主内容两个视图 此时命名视图就派上用场了 在路由对象中 使用 components 属性 以使一个路径下可挂载 多个 子组件: 之后即可为每个要展示的组件指定一个名字 默认name为 defau…

  14. 理解 TypeScript 类型拓宽

    创建了一个 “重学TypeScript” 的微信群,想加群的小伙伴,加我微信 “semlinker”,备注重学TS。 本文是 ”重学TS系列“ 第 30 篇文章,感谢您的阅读! 一、类型拓宽 之前的文章,我们已经介绍了 TypeScript 的类型收窄,本文我们将介绍 TypeScript 的类型拓宽。在一些情况下,TypeScrip…

  15. 手把手教你用原生JavaScript造轮子(五)——Collapse折叠面板

    Collapse 折叠面板 文档: Collapse 源码: tiny-wheels 如果觉得好用就点个 Star 吧~(〃’▽’〃) 效果 思路 每个面板折叠、展开的动画效果其实就是去控制 collapse-panel 的 height 变化,所以在一开始就需要记录下每个面板的原始高度,否则用户在折叠面板后,高度就变为 0 了,这时候计算出来的…

  16. 如何搭建自己的 GitLab 服务

    前言 GitHub、GitLab 以及 Bitbucket ,相信大家都已经耳熟能详,它们是目前最流行的三大代码托管平台 。我们使用 git 管理的项目,要想实现远程协作,就得依赖这类托管平台。 我们可以直接使用这三家提供的在线服务,也可以通过购买他们的付费服务或者开源服务搭建自己的私服,来托管团队项目…

  17. 浅谈 Comet、SSE、WebSocket

    前端时空前端网红集结号,传递一线全栈技术,带你穿越前端时空。 前言 对于前端开发者,我们只做两件事,获取数据,和把数据展示出来。在不同业务场景下,我们需要不同的通信方式和后端交流。在最早的刀耕火种年代,那时候还没有Ajax,我们只能通过URL请求资源,表单提交数据。后来随着大前端的发展以及…

  18. vue项目打包之路由懒加载

    虽然前面经过了去除console语句、使用CDN节点的处理,但是部署时打的包还是过大 这绝对无法忍受的 同时,vue 也给出了建议,那就是将打包文件拆分成更小的资源 什么意思呢? 以当前项目为例,首先展示的登录也,事实上,此时没有必要加载其他的组件,如商品、类别、角色用户等组件的代码 但是,因为代码…

  19. Vue 3.0 bate版尝鲜

    4月21日晚, Vue 作者尤雨溪在哔哩哔哩直播分享了 Vue.js 3.0 Beta 最新进展,也建议前端开发者们不要在大项目中使用,小项目是可以的,怀着激动心情,体验一下 3.0 版本,目前并未全局安装 vue-next 官方相关文档参考 composition-api.vuejs.org/#summary github.com/vuejs/vue-n… 1.新建文件夹,…

  20. 提醒你可能会忽略的 Git 提交规范

    如果你有一个项目,从始至终都是自己写,那么你想怎么写都可以,没有人可以干预你。可是如果在团队协作中,大家都张扬个性,那么代码将会是一团糟,好好的项目就被糟践了。不管是开发还是日后维护,都将是灾难。

  21. 前端面试之彻底搞懂this指向

    this是JavaScript中的一个关键字,但是又一个相对比较特别的关键字,不像function、var、for、if这些关键字一样,可以很清楚的搞清楚它到底是如何使用的。 this会在执行上下文中绑定一个对象,但是是根据什么条件绑定的呢?在不同的执行条件下会绑定不同的对象,这也是让人捉摸不定的地方。 这一次,我们一起来彻底…

  22. Vue3中对VDOM的改进

    前言 vue-next 对virtual dom的patch更新做了一系列的优化,从编译时加入了 block 以减少 vdom 之间的对比次数,另外还有 hoisted 的操作减少了内存的开销。本文写给自己看,做个知识点记录,如有错误,还请不吝赐教。 VDOM VDOM的概念简单来说就是用js对象来模拟真实DOM树。由于MV**的架构,真实DOM树应该随着数据(…

  23. 使用js获取checkbox控件在GridView中的第几行

    这次的知识点是如何使用js获取checkbox控件所在的是第几行!!! 我们可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 ( 从0开始 ) 这两个一定要记好: var row_num = GV.rows .cells .children(0). parentNode.parentNode.rowIndex; var col_num = target.parentNode.cel…

  24. 备战-JS(包含es6)基础篇

    常见的有: string、number、boolean、null、undefined ,symbol我们就暂时不列入进去。 基本类型因为数据大小固定存储在栈之中,我们无法间接改变基本类型的值,就看下面这个很简单的例子。 let a = 1; let b = a; b = 2 console.log(a); // 1 function change(num) { num = num++; return num; } change(a)…

  25. VUE组件通信传值(‘悄悄话’我知道)

    vue的两大特点就是 响应式原理 和 组件系统 ,今天我们就来看一下关于 组件系统 中各级组件是如何传递数据的。 之后的演示都在如下图的关系网中进行: Father 对于 Son 和 Daughter 来说为父组件。 Son 对于 Father 为子组件,但是对于 GrandSonBySon 和 GrandDaughterBySon 为父组件。 Da…

更多内容请关注公众号【前端开发博客】每日更新


关注我

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

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

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