20190103 前端开发日报

一个大四前端实习生的2018年总结;整理js开发中的实用小工具(一):做一个整合存储的小工具;大三前端实习生2018总结;使用 Webapck 优化 VS Code 插件加载性能;『前端好文整理』2019你值得拥有;「前端早读君008」新手必踩坑之display: inline-block;基于Vue+Koa的pm2配置;javascript函数防抖Debounce

  1. 一个大四前端实习生的2018年总结 这是2018年的最后一个小时,此刻我正在改着我的毕业设计开题报告,坐在电脑前忽然有点感慨,于是打算做个年终总结,顺便把今年所学所想做个梳理和回顾。 年初 回想今年, 似乎走了很多路, 尝试了很多东西, 在年初二月份左右选择了考研, 尝试着想去读华南师范大学的软件工程, 但是在很多原因的影响下,在七月初放…
  2. 整理js开发中的实用小工具(一):做一个整合存储的小工具 在开发工作中,常遇到代码重复开发的问题,比如一个分页,左滑动等常见功能,而我们的解决办法可能是这次写一点,下次 copy 一点,如果不能解决问题,再改写一点。若是没有把可复用的代码抽离出来,做成一个通用的、可配置的小工具,私以为对技能的提升无益,所以在此立下个 flag,以后工作中遇到频繁开发的功能,都要有…
  3. 大三前端实习生2018总结 看 QQ 空间同学们都在发自己的 2018 总结,以及对 2019 的展望,满满的正能量。 出于个人性格的原因不喜欢发朋友圈这些东西,但是在逛掘金的时候看到各种技术大佬也在总结自己过去的一年。。 可能是从众心理的原因,也为 2019 年无所事事的时候可以拿来看看,我也想写一下自己的 2018 总结。 …
  4. 使用 Webapck 优化 VS Code 插件加载性能 Webpack 这一 JS 模块打包神器相信大家都不陌生了。由于 VS Code 插件大部分也都是 JS/TS 代码 + 依赖库的形式,因此也可以使用 Webpack 打包,优化性能。 本文将介绍如果利用 Webpack 大幅提升我们的 VS Code 插件性能。 增加 Webpack 相关依赖库 npm install –save-dev webpack webpack-cli ts-loader 复制代码…
  5. 『前端好文整理』2019你值得拥有年初按照惯例,是应该立下flag的时候了。把2018年积累的一些碎片化的好文都梳理了一遍,知识体系化后学习会变得更加有目的性,从而提升学习效率(github地址)。
  6. 「前端早读君008」新手必踩坑之display: inline-block今日励志语 往日不可追,来日犹可期,祝大家2019年继往开来 迷之间隙 我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下: {代码…} 效果图如下: 我们从效果图中可以看到列表 item 之…
  7. 基于Vue+Koa的pm2配置 目前使用的技术栈是:前端Vue、后端Koa、数据库Mongodb。 然而每当起服务的时候,都要 npm start 、 node ./server/app.js ,还要同时保持这两个窗口一直是开着的,很是麻烦。 而且因为我使用的是koa,也没有使用狼叔写的koa脚手架。是自己基于廖雪峰老师的 Koa框架 改的一个小型mvc。导致没有热更新。 为了…
  8. javascript函数防抖Debounce 一、函数为什么要防抖 有如下代码 window.onresize = () => { console.log(‘触发窗口监听回调函数’) } 复制代码复制代码 当我们在PC上缩放浏览器窗口时,一秒可以轻松触发30次事件。手机端触发其他Dom时间监听回调时同理。 这里的回调函数只是打印字符串,如果回调函数更加复杂,可想而知浏览器的压力会非…
  9. js实现红黑树树在前端的重要性就不言而喻了,随处可见,vdom,dom tree,render tree,有时候前后端交互中也会收到具有递归性质的tree结构数据,需要注意一点的是es6中虽然出现了set和map数据结构,但其实现和其它语言(例如j…
  10. js数据结构-散列表(哈希表)散列表(Hash table,也叫哈希表),是根据键(Key)而直接访问在内存存储位置的数据结构。也就是说,它通过计算一个关于键值的函数,将所需查询的数据映射到表中一个位置来访问记录,这加快了查找速度。这个映射…
  11. javascript引用类型之Array 类型使用数组字面【数组字面量由一对包含数组项的方括号表示,多个数组项之间以逗号隔开】表示法来创建数组 {代码…}
  12. javascript算法基础之01背包,完全背包,多重背包实现给定一组物品,每种物品都有自己的重量和价格,在限定的总重量内,我们如何选择,才能使得物品的总价格最高。
  13. Weex开发之地图篇在移动应用开发中,地图是一个很重要的工具,基于地图的定位、导航等特点衍生出了很多著名的移动应用。在Weex开发中,如果要使用定位、导航和坐标计算等常见的地图功能,可以使用weex-amap插件。
  14. JavaScript是如何工作的:Web Workers的构建块+ 5个使用他们的场景这是专门探索 JavaScript 及其所构建的组件的系列文章的第7篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript是如何工作的:深入V8引擎&am…
  15. 使用 Node.js 构建交互式命令行工具 | 使用 Node.js 构建一个根据询问创建文件的命令行工具。 … ​​​

    使用 Node.js 构建交互式命令行工具

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

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


关注我

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

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

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