20200404 前端开发周报

用原生js手写前端图片压缩上传插件；JavaScript整洁代码-函数参数和副作用；掌握 JavaScript 面试：什么是纯函数？；JavaScript进阶之浏览器Event-Loop；前端模块化详解（ESM & CommonJs）；接近完美地判断JS数据类型，可行吗；三年前端路：分享我的工作经验与学习经历；前端智能化：思维转变之路

1. 用原生js手写前端图片压缩上传插件

   前端上传图片已经是一个老生常谈的话题了，本人也在工作中多次遇到这类需求，虽然现在市面上现有的插件也很多，但是， […]

2. JavaScript整洁代码-函数参数和副作用

   函数是JavaScript程序的重要组成部分，用于将代码分成可重用的块。因此，为了拥有整洁的JavaScrip […]

3. 掌握 JavaScript 面试：什么是纯函数？

   纯函数对于实现各种目的是必不可少的，包括函数式编程，可靠地并发和 React + Redux 构造的应用程序。 […]

4. JavaScript进阶之浏览器Event-Loop

   前面分析了关于 this指向 ， 执行上下文 ， 闭包等知识点 ，接下来我们来理清楚浏览器的事件循环吧，理清楚 […]

5. 前端模块化详解（ESM & CommonJs）

   首发地址： mp.weixin.qq.com/s/Be-hUjPbt… “用最精简的方式，抓住最核心的知识点， […]

6. 接近完美地判断JS数据类型，可行吗

   作者：JowayYoung仓库：Github、CodePen博客：掘金、思否、知乎、简书、头条、CSDN公众号 […]

7. 三年前端路：分享我的工作经验与学习经历

8. 前端智能化：思维转变之路

9. 前端性能优化 23 条建议（2020）

10. 轻松学会HTTP缓存（强缓存，协商缓存）

11. 前端性能优化实战

    在google中输入“前端性能优化”，可以找到约 11,300,000 条结果，目前性能已经被列入google […]

12. react+echarts实现全国客户数据展示

13. core-js 作者入狱 18 个月，2600 万次周下载的开源项目将如何？

    雷锋网AI源创评论报道， 一位彪悍的俄罗斯程序员，名字叫丹尼斯·普什卡列夫（Denis Push […]

14. 原生 js 中应该禁止出现的写法，以提高代码效率和安全性

15. Webpack 5 Module Federation: A game-changer in JavaScript archit

16. 替换 mediasoup 的 Node.js 模块实现的尝试

    关于 mediaSoup 是什么以及能用其做什么，不是本文的重点。基于某些原因考虑，希望将 mediasoup […]

17. CSS 变换背后的线性变换原理

18. 【图文详解】200行JS代码，带你实现代码编译器（人人都能学会）

19. axios在react里面的使用

    一般我们将axios的拦截器的代码是放在api/config里面的 //创建一个新的axios const i […]

20. 阿里前端攻城狮们又写了一份面试题答案，请查收

21. 未来前端职业发展思考

22. OkHttp 源码深度解析

    点击关注“OPPO互联网技术”，阅读更多技术干货 OkHttp应该是目前Android平台上使用最为广泛的开源 […]

23. Vue传值与状态管理总结

    使用prop使得父子组件形成一个单向下行绑定：一般情况下，父级prop的更新会流动到子组件中，但是反过来则不行 […]

24. 2020前端技术面试必备Vue：(一)基础快速学习篇

    Vue 样式绑定 class 使用 1.通过数组方式添加样式 通过数组方式添加样式 【‘样式名’】 &#821 […]

25. 关乎 package.json 的详细介绍

    npm 是前端开发广泛使用的包管理工具，它让 JavaScript 开发者分享、复用代码更方便。而 管理本地安 […]

26. 使用vue-simple-uploader上传文件和文件夹

    前言 为了阅读和开发方便，我将近期计划要发布的文件上传系列相关文章章节列出来： 01.使用vue-simple […]

27. 基于 HTML5 WebGL 的 智慧楼宇能源监控系统

28. 2020前端技术面试必备Vue:(三)Router篇

    前两章陆续已经更新了Vue的基础入门篇文章和Vue组件篇文章，本章将更新Vue Router篇，前两篇掌握差不 […]

29. Vue中组件通信的方式

    vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要；我们常用的方式莫过于通过prop […]

30. Webpack4.0学习笔记

    webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)，当 […]

31. JavaScript 之执行上下文的生命周期

    首发地址： https://github.com/jeuino/Blo… 前言 在每个执行上下文中 […]

32. H5如何保持屏幕常亮—nosleep.js

33. vue天地图开发实战，解决高德百度，无卫星图问题

    在实际开发过程中，发现高德和百度地图等，无法使用卫星图查看乡镇问题，遂使用政府开发的天地图。写一份实（jiao […]

34. Vue响应式原理（图解）

    响应式原理 组件渲染的过程做了两件事组件的 实例化 和 mount 实例化：会遍历 data 和 props […]

35. 这 10 个技巧让你成为一个更好的 Vue 开发者

36. webpack前端项目调试环境安装入门：webpack.config.js禁用UglifyJs只合并JavaScript不压缩混淆代码

    webpack是目前比较流行的前端build工具，本质上是一个模块打包器。合并压缩JavaScript,css […]

37. immer.js:也许更适合你的immutable js库

    在 JS 中对象的使用需要格外注意引用问题，断绝引用的方式常见有深拷贝。但是深拷贝相比较而言比较消耗性能。本文 […]

38. @JsonView的使用

39. 36 个JS 面试题为你助力，让面试更有力(面试必读)

    点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教 […]

40. 淘宝网：前端安全须知

    一、网络安全 机密性（加密）、完整性（防伪造）、来源可靠性（签名） 程序漏洞 二、web前端安全 XSS：Cr […]

41. 整理一个vue实例的产生过程： 从new Vue到mounted

    前言： 去年花了几天时间尝试解读vue源码，可惜基础不够再加上项目压着，无疾而终。今年继续挑战~，let‘s […]

42. 精读《Webpack5 新特性 — 模块联邦》

43. 认识Webpack概念

    在前端模块化开发的今天，我们在工作中经常会接触到一些编译构建工具，如 Parcel （极速零配置Web应用打包 […]

44. 基于 Kotlin+Netty 开发的 Android Web Server

    woman-wearing-white-floral-off-shoulder-top-3653167.jpg […]

45. 改善 React 应用性能的 5 个建议

    你的 React 应用是否感到有些迟缓？你是否害怕在 Chrome DevTools 中打开 “paint f […]

46. 【vue进阶】封装公共弹窗组件的正确方式

    最近一个项目向Vue框架搭建的新项目迁移，但是项目中没有使用vue ui库，也还没有封装公用的弹窗组件。于是我 […]

47. 想学canvas？那一定要看看这篇文章

    历史上，canvas最早是由Apple Inc. 提出的，在Mac OS X webkit中创建控制板组件使用 […]

48. React Hook 日常使用，一步步创建一个可排序表格组件

    2020年第20期 我花了一些精力来创作本文，以及熬夜编写本文的示例程序，以便您能在阅读之后可以实践参考，阅读 […]

49. 唯一维护者锒铛入狱，周下载量超 2600 万的 JS 库该何去何从？

    事件回顾 Denis Pushkarev 是 Core-js 库的维护人员，去年，他在驾驶摩托车时撞到两名行人 […]

50. 利用 Stencil 建構 Web Component

    前言 好一陣子之前在網路上看到 Stencil JS ，原以為是跟 CSS 相關的框架，沒想到是 ionic […]

51. js原型链看这篇就够了

    谈到js原型大家会想到什么，是不是会发出这样的感叹，我明明好好的去看了啊，为什么我还是不懂，我真是太难了，知识 […]

52. 从零到部署：用 Vue 和 Express 实现迷你全栈电商应用（三）

53. 《吊打面试官》系列 Node.js 全栈秒杀系统

    前言 Coding 应当是一生的事业，而不仅仅是 30 岁的青春 ，这篇文章接水怪很用心，也很硬核，相 […]

54. Vue源码探秘（七）（createElement）

    回顾 Vue 源码探秘（五）（_render 函数的实现） ， vm._c 和 vm.$createEleme […]

55. Bpmn.js 在线流程编辑器的汉化

    距离上一篇的 《Vue 整合Bpmn-js 工作流模型编辑器》 也一个多月了，在最近又收到公司的一个需求就是要 […]

56. 带你揭开WebSocket的神秘面纱

    在揭开webSocket的神秘面纱之前，有言在先，我在写文章之前对webSocket一无所知，由于公司业务用到 […]

57. 开源数据集成工具DataX Web 2.1.1发布

58. 高级前端开发者必会的34道Vue面试题解析（三）

    前言 通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页 […]

59. ES6基础特性快速掌握

    不能做字符串拼接等运算操作，但可以显示转换为字符串：Symbol().toString() //” […]

60. Vue 3.0 diff 算法及原理

    Vue 3.0 采取的 diff 算法和 2.0 的双端比较有点不同。大概的原理如下 // c1: a b f […]

61. Vue全家桶+Echarts数据可视化实践

    一年前，刚开始做数据可视化的时候，在自己理解的基础上结合单位的项目使用HTML+CSS+JS+D3 做了一个小 […]

62. 从 JSX 谈起，一起探探 React 框架的学习（新手指南向）

    写在前面：很多前端自学者在完成了 HTML/CSS/JavaScript 三大语言的学习之后，往往容易（比如我 […]

63. [推荐] 前端为什么要关注 Serverless?

    Serverless 的概念或应用场景我们以前讲过很多，这里不再冗述。概括性地讲 —— Serverless […]

64. 我发现了 Vue.js 中的性能陷阱

    我们做了一款单页应用形式的游戏，到了请求域的时候内存占用爆表了。虽然游戏大赛已经结束了，但是我依旧不能释怀。这 […]

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