20191216 前端开发日报

11月份Github上热门的JavaScript项目;Npm 发布 Vue 组件教程;JS算法题之每日一题-找出数组中出现次数最多的元素;项目常用JS方法封装(二) [ 时间处理 ];作为一名前端工程师,VSCode需要装什么插件;通过定时器、时间分片、Web Worker优化长任务;Vue 学习笔记(一)初遇;在Vue框架下使用Fullcalendar

  1. Npm 发布 Vue 组件教程 平时我们在开发的时候经常使用 npm 安装各种组件。 今天我们就来尝试下制作一个自己的组件发布到 npm 上。 这里我以自己刚发布的一个 Vue 组件来介绍。感兴趣的可以来下载玩玩。 k-progress 安 装 npm install -S k-progress 使 用 // main.js import 'k-progress'; import 'k-progress/dist/k...
  2. JS算法题之每日一题-找出数组中出现次数最多的元素示例 1:给定数组 nums = [3,1,2,1,3,4,3,5,3,6,3], 函数应该返回: 次数最多的元素为:3, 次数为:5
  3. 项目常用JS方法封装(二) [ 时间处理 ] 因涉及的方法比较多,全部放到一篇文章中,阅读体验极差。所以,以后我会按类别进行整理,分篇书写。 持续更新中... 封装方法传送门: 项目常用JS方法封装(一) 使用方法非常简单,只需放到你的 utils.js 工具文件中,直接 export const 加上我的封装方法,在别的文件中使用 {方法1,方法2,...
  4. 通过定时器、时间分片、Web Worker优化长任务 希望你能了解什么是 Event Loop(事件循环) ,以及对 Web Worker 有所了解,以便更容易吸收 什么是长任务 W3C 性能组规定:执行时长大于 50ms 的任务,定义为长任务 那么我们如何对长任务进行优化? setTimeout js 是单线程语言, 它的作用主要用于操作DOM 。 js执行也非常简单(从上往下执行),但 js 里也...
  5. Vue 学习笔记(一)初遇考虑到有些同学还在用原生的JS,不知道Jquery,这里我先介绍一下Jquery.在介绍Jquery我大致的介绍一下JavaScript。
  6. 在Vue框架下使用Fullcalendar 在Vue框架下使用Fullcalendar 2019年12月14日 20:03 helloweba.net 作者:月光光 标签:JavaScript  Vue.js   Fullcalendar   Fullcalendar是一个非常受欢迎的日历日程处理的js组件,它功能强大,文档齐全,可定制化高,可与你的项目无缝对接。本站之前有很多文章介绍...
  7. TypeScript编写Vue项目结构解析使用TypeScript编写Vue项目也已经有了一段时间,笔者在刚刚使用TypeScript时候也是很茫然,不知道从何下手,感觉使用TypeScript写项目感觉很累赘并不像JavaScript那么灵活,因为TypeScript对于代码限制太多,在写...
  8. Webpack打包改造--插入自定义内容 一、描述 在实际业务开发中,有可能遇到这样一种问题,因平台打包或者差异性等原因,提交给测试的包,我们需要确定是否为某一版本,这就要求我们的生成包中需要有一版本标记,并且这个版本标记在运行时是固定不变但在下次编译时是可变的,而且在打包编译生成时写入。 前端工程化,目前使用较多的为Webpack,本文讨论...
  9. nuxt.js开发移动端项目的实际项目经验 首先使用nuxt.js搭建脚手架以及api相关使用这里就不再做重复的描述,因为官网上的更详细。 一、构建页面自适应 实现原理是根据屏幕的宽度除以ui设计稿的宽度算出其比例再乘以你觉得算起来比较容易的倍数(例如:screenWidth / 750 * 10 ,那么再写style的时候实际宽度是750px就应该写成75rem),我习惯乘以...
  10. 前端面试必会 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var 本文翻译自 https://blog.bitsrc.io/hoisting-in-modern-javascript-let-const-and-var-b290405adfda ,作者 Sukhjinder Arora,内容有部分删改,标题有改动。 许多 JavaScript 程序员将提升解释为 JavaScript 将声明(变量和函数)移至其当前作用域(函数或全局)顶部的行为。好像它们实际上已经移到了代码的顶部,...
  11. 松软科技Web课堂:JavaScript While 循环 只要条件为 true,循环能够一直执行代码块。 While 循环 while 循环会一直循环代码块,只要指定的条件为 true。 语法 while (条件) { 要执行的代码块 } 实例 在下面的例子中,循环中的代码将运行,一遍又一遍,只要变量(i)小于 10: while (i < 10) { text += "数字是 " + i; i++; ...
  12. 一杯茶的时间,上手 Node.js Node.js 太火了,火到几乎所有前端工程师都想学,几乎所有后端工程师也想学。一说到 Node.js,我们马上就会想到“异步”、“事件驱动”、“非阻塞”、“性能优良”这几个特点,但是你真的理解这些词的含义吗?这篇教程将带你快速入门 Node.js,为后续的前端学习或是 Node.js 进阶打下坚实的基础。 此教程属于 Node.js 后端工...
  13. 浅谈JS内存泄漏和垃圾回收机制 原因:闭包可以维持函数内局部变量,使其得不到释放。 解决:将事件处理函数定义在外部,解除闭包,或者在定义事件处理函数的外部函数中,删除对 dom 的引用。 3、没有清理的 DOM 元素引用 原因:虽然别的地方删除了,但是对象中还存在对 dom 的引用。 解决:手动删除。 4、被遗忘的定时器或者回调 原因:定时器中有 ...
  14. 前端项目优化之我的浅见 做前端开发,也有些年头了。除了垒代码之外,也非常重视自己开发的项目的用户体验,经常会以纯用户的角度,去体验自己开发出来的项目。综合自己在项目开发过程中遇到的问题,尤其是合作开发的过程中遇到的情况,以及作为用户的感受,特别想写一点关于项目优化的东西,如有不合适的地方,欢迎批评指正。 8秒原则 我们都...
  15. Angular6项目打包优化 输出包体组成分析文件 Rollup 摇树优化 导出Webpack配置,通过修改webpack配置优化打包 让我们来逐一分析。 输出包体组成分析文件 Webpack 有一个非常好用的工具叫 webpack-bundle-analyzer,会自动分析包体组成结构,并以一种可视化的方式显示。 使用步骤: 打开项目,命令行输入: npm install webpac...

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

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