20200309 前端开发周报

总结Vue组件的通信；【JavaScript】几个必须要会的高级编程技巧；JavaScript学习总结之数组排序的方法；JavaScript学习总结之字符串常用的属性和方法；[推荐] 要进大厂？前端灰度发布必须要知道；前端常见面试-进阶篇；记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题；一定要熟记这些常被问到的React面试题

1. 总结Vue组件的通信 写在前面 总结是一种学习方式，取长补短是一种学习态度。 全文总结了6种Vue组件间的通信方式，如有误区，欢迎指正！ 1、props/$emit 最常用的一种父子间传递数据的方式。 描述： 父组件通过绑定属性来向子组件传递数据，子组件通过 props 属性来获取对应的数据；子组件通过 $emit 事件向父组件发送消息，将自…
2. 【JavaScript】几个必须要会的高级编程技巧 作为一名有追求的前端攻城狮，掌握几个高级编程技巧是必须的～学会这些技巧，会让我们的开发工作事半功倍，让我们在工作中更加游刃有余，本篇文章将介绍三个小技巧： 惰性载入函数的应用 函数柯里化的应用 compose调用函数扁平化 惰性载入函数 在我们的代码中，一定包含了大量的 if 语句，这…
3. JavaScript学习总结之数组排序的方法 先点赞后关注，防止会迷路 寄语：没有一个冬天不会过去，没有一个春天不会到来。 前言 排序是计算机内经常进行的一种操作，其目的是将一组 无序 的记录序列调整为 有序 的记录序列，当然排序也是算法中的一种，JavaScript内置的sort函数是多种排序算法的集合，数组在原数组上进行排序。JavaScript实现多维数组…
4. JavaScript学习总结之字符串常用的属性和方法 先点赞后关注，防止会迷路 寄语：没有一个冬天不会过去，没有一个春天不会到来。 前言 字符串是一种非常重要的数据类型，在Java等面向对象编程语言中，它代表对象类型，而在javascript中它却是一种基本数据类型，在开发的领域中，我们经常会碰到，无论是前端还是后台。比如后台验证手机号码，将手机号码的后四…
5. [推荐] 要进大厂？前端灰度发布必须要知道 笔者在刚进入阿里的时候，其实连灰度是什么也不知道，但是灰度这个概念在大厂非常普遍，只要有一定用户量的应用都会涉及到灰度发布，所以准备进大厂的同学，灰度发布这个概念一定要了解一下。 一. 灰度发布是什么？ 灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够…
6. 前端常见面试-进阶篇 上一篇文章，我们对js相关的知识点做了一个具体的介绍，有需要的朋友可自行查看：前端常见面试-js篇。当然对于前端面试来说，还会涉及到一些原理性的东西，具体这篇来重点探讨一下这方面的问题。
7. 记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
8. 一定要熟记这些常被问到的React面试题什么是 JSX 要了解 JSX，首先先了解什么三个主要问题，什么事 VDOM，差异更新和 JSX 建模： VDOM，也叫虚拟 DOM，它是仅存于内存中的 DOM，因为还未展示到页面中，所以称为 VDOM {代码…} 上面这一句就是最简单…
9. 几个 JavaScript 性能优化小 Tip 本文翻译自 John Au-Yeung 的 JavaScript Best Practices — Performance ，请参考原文阅读 像任何其他编程语言一样，JavaScript 也有自己的最佳实践列表，以使程序更易于阅读和维护。JavaScript 有很多棘手的部分，因此应避免某些降低代码质量的做法。通过遵循最佳实践，我们可以创建优雅且易于管理的代码，让任何人…
10. 美团前端面试记录此篇文章来自于读者投稿 我在 github 上新建了一个仓库 每日一题，每天一道面试题，欢迎交流。 前端面经大全 前端面试题小记 计算机基础面试题小计 时维七月，炎炎夏日，酷暑当头，而我已经在望京附近饶了半个小…
11. 算法和数据结构面试题（JavaScript+Python）——滑动窗口 input是一些线性结构如 链表，数组，字符串 等，求 最长/最短 子字符串或是某些 特定的长度 要求 滑动窗口避免了重复循环元素，在计算sum等数值时适应，但是有些情况必须遍历所有值解题就不适用了。 模式 res = [] <1.设置窗口> start= 0 end= 0 while end < len(arr): <2.执行计算 (window.add(a…
12. vue中父组件和子组件交互的方式 组件 vue中使用component来表示组件，通过封装组件，我们可以将代码最大程度的复用，可以说组件是vue中的核心。 通信交互 定义了组件之后，我们需要使用它，一般情况我们都是通过在vue中使用compoment方法来引入它，当然有时候也会使用vue.use来引入组件。 组件交互分为两种，一种是父组件的信息传递给子组件，一种…
13. Vue Router 实现动态路由和常见问题解决方案 个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。 如何利用Vue Router 实现动态路由 Vue 项目实现动态路由的方式大体可分为两种： 前端将全部路由规定好，登录时根据用户角色权限来动态展示路由…
14. 学习Javascript之模拟实现bind总括: 本文模拟实现了bind方法的更改this，传参和绑定函数作为构造函数调用时this失效的特性。
15. Vue"非常规"技巧, 99%的人是第一次看类似vue中$emit, 使用new Event可以创建浏览器的原生事件,通过使用addEventListener监听事件.
16. 【js进阶系列】一文学会31个数组方法 JS数组上的方法太多了，有的修改原数组，有的返回一个新数组，记住了又混淆了， 所以我决定关上书本一个都不记! 哼!用的时候再说吧。 然后每出现一个数组方法的时候看着都知道，就是用的时候还是模棱两可，又去查文档，这样是不能算作精通JavaScript的哦，于是玲珑好好的把每个方法认真复习、认真总结、认…
17. 要进大厂？前端灰度发布必须要知道 笔者在刚进入阿里的时候，其实连灰度是什么也不知道，但是灰度这个概念在大厂非常普遍，只要有一定用户量的应用都会涉及到灰度发布，所以准备进大厂的同学，灰度发布这个概念一定要了解一下。 一. 灰度发布是什么？ 灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够…
18. 提升 Chrome 使用效率的 30个快捷键、16个扩展插件与 11个前端调试方法如果你要用一种工具用几年，甚至十几年，那就现在开始用它，用的烂熟，那你可以将来的工作中节省掉很大一部分的时间。
19. 使用 TypeScript 开发 Web 应用的最佳实践 TS的开发经验总结，主要包含以下几个方面的内容 编译工具的特点与比较 语言特性的选择与使用 模块系统与自定义类型 其他使用技巧 译自：TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 | @jagaapple 前言 主…
20. [推荐] 从后端开发转职前端开发，我学到了什么？ 全文共2888字，预计学习时长9分钟 来源：Pexels 从后端开发转职到前端开发真的不容易。 特别是当你已经习惯了后端开发的工作模式，习惯了构建数据结构，编写类似于测试驱动开发的测试，习惯了使用持久层、仓库和数据库图表，以及给前端创建API接口。 …
21. 大厂前端面试分享：如何让6000万数据包和300万数据包在仅50M内存环境中求交集由于最近疫情的影响，相信最近很多小伙伴都忙于线上办公或者面试，笔者这里分享一道发生在大厂前端线上编程面试中的一道题目，
22. Vue 组件传参的八种方式总结 Vue 组件的使用不管是在平常工作还是在面试面试中，都是频繁出现的。因此系统的梳理一下组件之间的传参还是非常有必要的 一、props 传参 子组件定义 props 有三种方式: // 第一种数组方式 props: // 第二种对象方式 props: { xxx: Number, xxx: String} // 第三种对象嵌套对象方式 props: { x…
23. 学习Javascript之模拟实现new 前言 本文1021字，阅读大约需要5分钟。 总括:本文对new进行了一个简单介绍，然后使用一个函数模拟实现了new操作符做的事情。 参考文档： new 运算符 公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术书籍 人生是没有毕业的学校。 正文 new 是JS中的一个关键字，用来将构造函数实例化…
24. 深入理解JS的事件循环 在上篇我们已经讲过了JS世界是如何诞生的，但是如何才能让世界有条不紊的运转起来呢？ 本文将从 万物初始 讲起JS世界的运转规则，也就是 事件循环 ，在这个过程中你就能明白为什么需要这些规则。有了规则JS世界才能稳稳的运转起来，所以这些规则非常重要，但是你真的了解它们了吗？ 阅读本文前可以思考下面几个问…
25. 前端实现压缩图片功能 为什么要前端来压缩图片 最近在做一个移动端h5上传图片的功能，本来这个功能并不复杂，只需要将图片文件通过axios传到服务端即可，但是考虑到现在手机设配的拍照功能十分强大，随便一张照片都能动辄五六兆，而服务端的要求是上传图片必须小于两兆，而且直接传这么大图片，带宽它也受不了，所以前端进行压缩图片就成了…
26. 从0开始探究vue-组件化-组件之间传值 Vue中有个非常重要的核心思想，就是组件化，组件化是为了代码复用 什么是组件化 组件化，就像一个电脑主机里的主板，有内存条的插口，有硬盘，光驱等等的插口，我们的项目，就像一个电脑主机，通过各种组件化的模块（硬盘、内存等），来拼合成一个完整的电脑。 如图，每一个块都是一个组件，由许许多多的组件…
27. 教你用Node.js搭建本地服务器，并访问本地图片视频等静态资源 废话不多说，先用express搭建一个本地服务 var express = require(‘express’) var path = require(‘path’) var app = express() app.get(‘/’, (req, res)=>{ res.send(‘Hello world’); }); app.listen(8083, ()=>{ console.log(‘Server is running at http://localhost:8083’) }) 复制代码 然后在命…
28. 在 Vue.js 中使用嵌套路由 每日前端夜话 第290篇 翻译： 疯狂的技术宅 作者：Parthiv Mohan 来源：alligator.io 正文共：2408  字 预计阅读时间：7 分钟 随着 Vue.js 单页应用（SPA）变得相当复杂，你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单…
29. vue双向绑定实现之源码解析 本篇文章是基于参考且个人思考后以最简单的方式写出： 关于vue依赖收集部分： ustbhuangyi.github.io/vue-analysi… vue源码解析： github.com/answershuto… 源码实现 双向绑定的实现流程如下 根据上图(参考自： github.com/DMQ/mvvm ) 双向绑定必须要实现以下几点： 实现一个数据监听器Observer，…
30. 挖洞经验 | 跨站Websocket Hijacking漏洞导致的Facebook账号劫持 作者在测试Facebook的近期推出的某个新应用中（出于保密原因此处不便公开），存在跨站Websocket Hijacking漏洞，攻击者利用该漏洞可以劫持使用该新应用的用户Websocket 连接，之后构造恶意的Websocket信息，可实现对目标受害者的Facebook账号劫持。 因为该项Facebook新近推出的应用还处于测试阶段，只有少数安全人员可…
31. Vue+Electron开发跨平台桌面应用虽然 B/S 是目前开发的主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上 Web 开发的低成本、高效率…
32. vue2.x中使用typescript 本文目的在于大家可以快速在vue中使用ts，关于ts的具体的使用方法， 大家可以去官网查看 。 以前各类类型转换的骚写法写习惯了，比如： const y = ‘5’; const x = + y; 复制代码 然鹅在最近的项目中，由于类型判断引发的bug不在少数，比如A页面跳转B页面带的参数是个String类型，但是在B页面会校验这个参数是否是Num…
33. Webpack优化总会让你不得不爱 在家的日子不能出去玩，不能出去吃，的确是很不开心的，不过也是真的增加了好多空闲时间 与其在家呆着无聊，不如安安静静的学习一下 疫情期间，不管怎样，心态不能崩，武汉加油，中国加油 闲言少叙，现在我们就开始一起学习吧 优化是个好词 优化，就是加以改变或选择使优良，在工作当中是让提升效率的好办法。 …
34. 搭建websocket消息推送服务，必须要考虑的几个问题
35. Webpack4不求人(2) ——手把手搭建TypeScript+React16+ReactRouter5同构应用脚手架同构应用 使用同一份应用代码，同时提供浏览器环境和服务器环境下的应用，解决传统浏览器单页应用的两个顽固问题： 不利于SEO，浏览器环境代码是在客户端渲染，大部分爬虫都只能爬到一个空白的入口文件 代码在浏…
36. 怎样修复Web应用程序中的内存泄漏从服务器端渲染的网站切换到客户端渲染的 SPA 时，我们突然不得不更加注意用户设备上的资源，必须做很多工作：不要阻塞 UI 线程，不要使笔记本电脑的风扇疯狂旋转，不要耗尽手机的电池等。我们将交互性和“类应用…
37. electron-vue 跨平台桌面应用开发实战教程（六）：打包 前边几篇文章介绍了一些基本用法，最终都是要打包成可执行应用程序的，今天我们就讲讲怎么打包 1. 设置应用appId 在package.json 中增加 “appId”: “com.ipp.electronvue”, 2. 增加vue.config.js 这个文件是用来配置打包工具electron-builder的参数，代码中有对应的注释，按…
38. vue优化小技巧 用vue项目有个特点就是一进入页面会有一段时间的白屏，给人的体验非常差，网上也有很多方案，不过大多都是说什么模块按需加载，开启gzip压缩，服务端渲染（ssr），服务端渲染还算靠谱，前面那两种只能加快页面加载速度，还是无法解决刚进入页面的白屏情况的，原因是因为模板文件 index.html 里有如下的一个标签 <d…
39. Promise最新详解 所谓 Promise ，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果 1、对象的状态不受外界影响。 Promise 对象代表一个异步操作，有三种状态： pending （进行中）、 fulfilled （已成功）和 rejected （已失败） 2、一旦状态改变，就不会再变，任何时候都可以得到这个结果…
40. 前端常见面试-vue篇前面，我们已经针对前端的基础知识和常见的一些进阶知识都做了整体的梳理，并且也对缓存进行了单独的具体讲解，有需要的朋友可自行查看相关的文章，文章如下：前端常见面试-css篇、前端常见面试-js篇、前端常见面…
41. 爱奇艺号微前端架构实践 前言 近来，微前端的概念非常火爆，那么什么是微前端架构？微前端架构是一种架构风格类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。微前端所具备的便于引…
42. 前端监控那些事 允许访问当前页面性能相关的信息，performance对象中常见的属性 timing ：对象中提供了各种与浏览器处理相关的时间数据 navigation：在指定时间段里发生的操作信息，包括页面是加载还是刷新、发生了多少次重定向 memory: 获取到基本内存使用情况的对象 timeOrigin: 性能测量开始时的时间的时间戳 通…
43. 学习webpack的第三天 使用npm run dev时，已经安装了webpack为何还有报错信息？ 我们发现又一些dev是用webpack启动的，又一些webpack-dev-server启动的原因是? "dev": "webpack –config webpack.config.js" "dev": "webpack-dev-server –open –config build/webpack.dev.js", "dev"…
44. 前端读取Blob内容 前端由于安全方面的因素，不能直接对文件进行写操作。但是在实际的业务需求中，难免会遇到各种各样文件的下载、预览。 如果服务端下载文件是以流的形式传递到前端，前端通常是将流转换为 objectURL ,借用 a 标签的 download 属性，进行文件下载。但是有时候会遇到下载文件处理失败的场景，这样服务端消息的返回格式不…
45. CSS教程： CSS（上）官方描述：用于描述用标记语言编写的文档的外观和格式。 虽然最常用于更改用HTML和XHTML编写的网页和用户界面的样式，但该语言可以应用于任何类型的XML文档，包括纯XML，SVG和XUL。 与HTML和JavaScript一起，CSS…
46. Javascript Symbol 解惑Symbol是ES6中新引入的一种基本数据类型，在此之前Javascript中已有几种基本数据类型：
47. CSS Color、Media Queries、Transforms、Conditional Rules W3C CSS 工作组发布四份规范的首个公开工作草案：CSS Color Module Level 5、Media Queries Level 5、CSS Transforms Module Level 2、CSS Conditional Rules Module Level 4。
48. 带你学习javascript的函数进阶（二） JavaScript除了提供正常模式外，还提供了严格模式（strict mode）。ES5的严格模式是采用具有限制性Javascript变体的一种方式。即在严格的条件下运行js代码。 严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器会被忽略。 严格模式对正常的javascript语义做了一些更改： 消除了Javascrip语法的一些不…
49. vue数据渲染vue 是如何将编译器中的代码转换为页面真实元素的？这个过程涉及到模板编译成 AST 语法树，AST 语法树构建渲染函数，渲染函数生成虚拟 dom，虚拟 dom 编译成真实 dom 这四个过程。前两个过程在我们 vue 源码解读…
50. JS原型链 (foo.__proto__.__proto__.__proto__ === null) 记得有一次面试, 就考到了原型链. 面试官在批改我的笔试题时, 他突然说你这题是做对了, 那你把它完整的原型链画出来吧! 难受:persevere:, 当时我也是一知半解的做对了, 我只能瞎操作一顿了. 今天就好好整理下关于 原型链 的知识 要理解原型链是什么, 就要知道什么是__proto__、什么是prototype、还有constrtctor, …
51. 阿里云服务器部署个人网站(nodejs + mongodb)更多文章 购买阿里云服务器，选择操作系统，我选的 ubuntu 在云服务器管理控制台选择实例->更多->密钥->重置实例密码（一会登陆用） 选择远程连接->VNC，会弹出一个密码，记住它，以后远程连接要用 …
52. Vue 的 diff 算法解析 1. 前言 diff 算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff 算法的在很多场景下都有应用，例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时，就用到了该算法。diff 算法有两个比较显著的特点： 比较只会在同层级进行, 不会跨层级…
53. 深入了解VUEX原理 vuex 作为 Vue 全家桶不可或缺的一部分，学习并理解其源码，不仅可以学习到作者的优秀开发思路和代码编写技巧，还可以帮助我们在开发过程中写出更好更规范的代码，知其然，知其所以然 源码版本是3.1.2，在调试源码时尽量不要直接使用 console.log ，因为有些时候其输出并不是你期望的数据，建议使用 debugger 进行调…
54. @vue/cli-单个 *.vue 快速原型开发—遇到的坑 @vue/cli-单个 *.vue 快速原型开发—遇到的坑 背景 vue最新脚手架有一个’对单个 *.vue 快速原型开发’的方式，感觉平时用这个方式开发个小demo之类的很方便，就尝试，但在结合element-ui使用时发现总是报错，最后找了一天，终于发现问题所在并成功解决了它。下面是遇到问题的过程和解决的思路。@vue/cli希望使用 发现问…
55. 一起来看看Babel做了什么在进行Webpack或者Rollup配置的时候，难免会进行Babel的相关配置，因为代码中往往会使用比较新的JS语言的特性，然而可能运行环境并不支持这些特性，这个时候就需要Babel去帮助实现转换。
56. 在优化 Node.js 服务时学到的六课经验 在 Klarna，我们付出了很多努力来帮助我们的开发人员提供高质量和安全的服务。我们为开发人员提供的一项服务是一个运行 A/B 测试的平台。这个平台的一个关键组成部分是一组流程，用来针对每个传入的请求做出决定：将请求暴露给哪种测试（A 或 B）。这一流程进而确定了按钮用哪种颜色渲染、向用户显示哪种布局，甚至是要…
57. Vue中用一个动态登录效果了解transition与is-show的配合 在登录界面，如果登录框能有一个动态效果，那无疑是十分吸引眼球的，而这个动态效果，就用到了vue的内置模块 transition 标签与 is-show 属性。 先来介绍 is-show 属性 is-show 属性与 is-if 属性的区别 先写一个基本页面，用它的html内容来展示二者的不同 因为我们的页面用到了eleent-ui组件，所以要…
58. 深入了解JavaScript执行过程（JS系列之一） JavaScript 执行过程分为两个阶段，编译阶段和执行阶段。在编译阶段 JS 引擎主要做了三件事：词法分析、语法分析和代码生成；编译完成后 JS 引擎开始创建执行上下文（ JavaScript 代码运行的环境），并执行 JS 代码。 编译阶段 对于常见编译型语言（例如： Java ）来说，编译步骤分为：词法分析 -> 语法分析 -&…
59. Vue中的diff算法Vue 数据渲染中最核心的的部分就是 diff算法 的应用，本文从源码入手，结合实例，一步步解析 diff 算法的整个流程。
60. JavaScript事件循环及异步原理笔记 先提出一个问题 JavaScript 既然是单线程，那为什么浏览器或 Node.js 可以执行异步操作呢？ 下面简短解释一下： 1、JavaScript 是单线程的，只有一个主线程； 2、函数内的代码是从上到下依次执行，遇到被调用的函数先进入被调用的函数执行，待完成后继续执行；（这个机制主要是通过函数调用栈实现的） 3、遇到异步…
61. JavaScript变量类型数据类型 对外的，面对编译器 基本数据类型（值类型） 包括 Undefined Null Boolean String Number Symbol（ES6） 存放位置：内存中的栈区域。值的不可变性，称这些类型的值为原始值。基本数据类型的值是按值访…
62. Vuejs 父子组件间的访问方式 有时候我们需要父组件直接访问子组件；子组件直接访问父组件；或者是子组件访问根组件。 父组件访问子组件：使用$children 和 $refs 关键词。 子组件访问父组件：使用$parent 关键词。 一、父组件访问子组件 我们先来看下$children的访问；this.$children是一个数组类型，它包含所有子组件对象。 我们这里通…
63. JavaScript 是如何执行代码的作用域: 引擎的另一个好朋友，负责创建并维护所有的声明（变量，函数），并实施一套严格的规则，规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。
64. 教你如何从零搭建一个Node.js 的 MVC 项目 PS：安装 Node.js 就不介绍了，最新版本就 ok npm init -y cnpm i koa –save cnpm i supervisor –save-dev 复制代码 建立入口文件 app.js ./app.js const Koa = require("koa"); const app = new Koa(); app.listen(3000,()=>{ console.log("server is running..") }); 复制代码 ./p…
65. 二月前端实战面试 作者从事前端一年半 基础的我就不讲了，我讲一些回答的不是很好的 腾讯 一面 webpack 的劣势在哪里 技术选型上为什么选择 vue ， vue 有哪些缺陷 是如何进行 code review 的，这里讲了持续化集成 js 的基础类型(这个脑子短路了，给忘了) webpack 针对模块化做的处理 …
66. 万丈高楼平地起，巩固你的基础知识点，js知识点巩固第一步，面试不在难（1） JS基本有5种简单数据类型：Number,String,Bolean,Null,Underfined.引用数据类型：function,Object,Array 判断数据类型的方法 常用的数据类型判断方法有三种 typeof,instanceof,Object.prototype.toString.call() 下面介绍一下这几种方法。 typeof console.log(typeof 2); //number console.log(…
67. 手摸手：3秒打包一个three.js项目（有物证） 关于 webpack 相关的文章太多了，何不一起从零开始手写一个配置呢？ 真的3秒能打包一个three.js项目吗？真的，后面会提供源文件地址哦。 要打包的项目是这个样子的。 从零开始 关于 three.js 的安装和使用部分都省略。 首先是最基础的。我们需要安装 cross-env 目前最流行的运行跨平台设置和使…
68. react hooks之useReducer+useContext实现redux简易版将全局useReducer返回的state和dispatch传递给全局Context.Provider的value中
69. 使用BSN开发区块链应用智能合约-Nodejs篇 作者：时跃堂 陈曦 智能合约又称链码（Chaincode），是用计算机语言描述合约条款、交易的条件、交易的业务逻辑等，通过调用智能合约实现交易的自动执行和对账本数据的操作。一个BSN应用可以部署多个链码，每个链码包含多个方法。 链码支持多种语言编写，包括Nodejs、golang、java。每个链码程序都必须实现Chaincode…
70. JavaScript学习总结之数组常用的方法和属性 先点赞后关注，防止会迷路 寄语：没有一个冬天不会过去，没有一个春天不会到来。 前言 在javascript中，数组是一种非常重要的数据类型，我们时常会和它打交道，最近在开发项目中频繁的使用到数组，但是自己对数组的众多方法已经是非常模糊了，为了方便自己以后能够更好的使用数组中的属性和方法，在此记录一下…
71. Nodejs学习记录：如何切换node.js版本| # 如果 npm 版本低于 5.2.0 ，需要升级才能使用 npx 命令npm install -g npm@latest
72. JS中的数据类型object基础 上次我们简单概述了基本数据类型的基础知识，这次我们主要了解一下引用数据类型中的 object 的基础知识 一、定义 1、用键值对（key:value 俗称属性名和属性值）来描述一个对象的特征（每一个对象都是综合体，存在零到多组键值对）； 2、{ key : value , …} 每组键值对是key : value 的格式，多组键值对用…
73. 精读《结合 React 使用原生 Drag Drop API》 作者通过 HTML5 的拖拽 API，结合 React 一些特殊语法，聊了下基于 React 的拖拽方案，短小精悍。
74. vue+egg.js+mysql+stylus 仿缤客网 前言 这个项目是仿制缤客网的页面，因为缤客网机票页面打不开，所以就没有编写机票页面，并且后端的api我只写了booking页面、login页面、register页面,不足之处请见谅。 技术栈 前端:vue + stylus + axios 后端:egg.js + mysql + sequelize 部署:nginx + xshell + Xftp 效果演示 Vue前端 utils文件夹的路由…
75. 从零起步，真正理解Javascript回调函数总听到这么一个词语：回调函数。对于它的了解，只知道在微信的网页授权用到了回调，以及在Angular中可以用观察者模式进行.subscribe订阅，但对于它原理的理解，却是一团浆糊。直到昨天开会时，突然被问到回调函数…
76. 编写高质量JavaScript模块的4个最佳实践使用ES2015模块，您可以将应用程序代码分成可重用的、封装的、专注于单一任务的模块。 这很好，但是如何构造模块呢?一个模块应该有多少个函数和类? 这篇文章介绍了有关如何更好地组织JavaScript模块的4种最佳实践…

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

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