20200405 前端开发日报

Vue中父子组件生命周期执行顺序回顾；面试官：为什么 Vue 中不要用 index 作为 key？（diff 算法详解）；支付宝2020新春活动WebGL技术实践；js查询功能涵盖单条件、多条件、单值、多值的精准查询与模糊查询；规范化 git commit 信息；ES5 & ES6精华；[javaScript]new的使用与模拟实现；亿级前端项目中的 3D 技术：支付宝 2020 年新春活动的背后

1. Vue中父子组件生命周期执行顺序回顾

   在单一组件中，钩子的执行顺序是beforeCreate-> created -> mounted- […]

2. 面试官：为什么 Vue 中不要用 index 作为 key？（diff 算法详解）

   Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章 […]

3. 支付宝2020新春活动WebGL技术实践

   新春红包项目，作为每年用户基数最大的支付宝活动之一，对整个项目组的技术都是一个很大的考验。而作为前端，我们的技 […]

4. js查询功能涵盖单条件、多条件、单值、多值的精准查询与模糊查询

   随着 vue 、 react 在实际开发中应运越来越广泛，前端们处理数据的需求越来越多。这篇文章就讨论一下轻量 […]

5. 规范化 git commit 信息

   前言 在git的使用中，一种最佳实践是使用格式化的commit信息，这样方便自动化工具进行处理，可以快速生成R […]

6. ES5 & ES6精华

   ES5面向对象编程： {代码…}

7. [javaScript]new的使用与模拟实现

   new运算符可以创建构造函数的实例，使用方式如下： function Student (name, class […]

8. 亿级前端项目中的 3D 技术：支付宝 2020 年新春活动的背后

   本文转载自前端之巅《亿级前端项目中的3D技术：支付宝2020年新春活动的背后》，如果对我们团队有兴趣，除了文末 […]

9. 如何克隆一个大 Git 项目

   用 Git 克隆新项目，可以说是每个工程师必备的基础技能，然而，当你遇到克隆过程中的各种各样问题的时候，可知道 […]

10. Vue + TypeScript 踩坑总结

    vue 和 TypeScript 结合的情况下，很多写法和我们平时的写法都不太一样，这里总结我项目开发过程中遇 […]

11. How to use tailwindcss with AMP in a Next.js project

    Recently, I was refactoring my blog using Next.js by a […]

12. Flutter – 使用Provider实现状态管理

    这篇文章好的的地方在于它不仅讲了Flutter Provider如何管理State的，还讲述了一个Flutte […]

13. (复盘)Vue中如何使用v-echarts组件

    基于 Vue2.0 和 echarts 封装的 v-charts图表组件 只需要统一提供一种对前后端都友好的数 […]

14. 调试 node.js 程序

    在程序开发中，如何快速的查找定位问题是一项非常重要的基本功。在实际开发过程中，或多或少都会遇到程序出现问题导致 […]

15. Flutter使用JsBridge方式处理Webview与H5通信

    目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Goo […]

16. vue中数组响应式解决方案

    由于Js的限制，vue不能监测到数组的变动。 Vue 双向绑定的原理是利用了 Object.definePro […]

17. 用混入的方式写分页-Vue管理端项目分页写法新尝试

    对于一个经常写管理端系统的前端来说，写分页是一件绕不过去的事情；一般的做法是将分页与表格封装在一个组件里，在渲 […]

18. 前端技术观察第 14 期 — JavaScript 20年发展史

    《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块： H […]

19. core-js 作者入狱 18 个月，周下载 2600 万次的开源项目恐将无人维护

    俄罗斯开发者丹尼斯·普什卡列夫（Denis Pushkarev）是 JavaScript 的模块化标准库 Co […]

20. 让你可以在2020年成为前端大师的9个项目

    无论您是刚开始编程还是已经是一名经验丰富的开发人员，在这个行业中，学习新的概念和语言/框架是跟上快速变化的必要 […]

21. 最简单的Vue 按钮权限控制

    Vue 按钮权限控制  关于vue按钮权限控制，最简单的不过与v-if。例如： v-if=’sc […]

22. 读 《HTML5 揭秘》有感

    最近在补一些 HTML 的书籍，偶尔读到这本书，虽然这本书已经是10年以前的书籍了，不过其中有些有趣的知识点与 […]

23. js — 实现一个平滑过渡函数

    为什么要写平滑过渡函数呢，主要是可以运用于动画里面，比如进度条的动画，不管是canvas还是dom都可以直接运 […]

24. 中止信号：如何取消 JavaScript 中的异步任务

    作者：Tomasz Jakut 翻译：疯狂的技术宅 原文： ckeditor.com/blog/Aborti… […]

25. 5个你应该知道的JavaScript技巧，不能错过

    本文转载自公众号“读芯术”(ID：AI_Discovery) JavaScript是目前最流行的编程语言之一。 […]

26. 手摸手从0实现简版Vue —(watch实现)

    使用watch有两种方法，第一种直接调用vm.$watch，第二种是在选项中配置watch属性。 watch: […]

27. 前端如何理解正则-由浅入深的学习

    正则在平时工作中用得蛮多的，比如说 验证 、 文本搜索 、 文本替换 、 服务配置 …。之前就常有 […]

28. Vue.js 学习笔记（二）事件与表单元素

    用户与 HTML 元素的交互行为都会触发特定的事件。Vue.js 通过 v-on 指示器创建对事件的绑定。 & […]

29. 手摸手从0实现简版Vue —(批量更新&nextTick)

    假设我们下面一种情况，我们在2s后多次去修改某一个变量的值： setTimeout(() => { vm […]

30. 在前端重构中获取到的一些经验总结

    （ 给 高级前端进阶 加星标，提升前端技能 ） 作者： hugh_ https://juejin.im/pos […]

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