20200510 前端开发日报

Angular 状态管理方案调研；Vue3.0 中 Object.defineProperty 的代替方案 Proxy；如何在Vue 中管理 Mixins（搞懂这两点就足够了）；微软私有 GitHub 库被黑，黑客窃取 500 GB 数据；前端进阶高薪必看-Webpack篇；从脚本到主流，JavaScript的扶正之路；Vue 多页面配置；你还傻傻的分不清javascript中的caller和callee吗？

1. Angular 状态管理方案调研

   1 / 状态管理 RxJs + Service 组件内管理状态：在组件中可以声明一个属性，作为组件的内存存储。每次操作时调用服务（service）中的方法，然后手动更新状态。 export class TodoComponent { todos : Todo ; // 在组件中建立一个内存TodoList数组 constructor( @Inject(‘todoService’) private serv…

2. Vue3.0 中 Object.defineProperty 的代替方案 Proxy

   Object.defineProperty or Proxy 都可以对对象进行劫持 Vue 3.0 以前响应式处理都是使用 Object.definProperty 来处理的，3.0 已经转向 Proxy 了 接下来我们来看看 Proxy 都有哪些好处 不了解 Object.defineProperty 的同学可以戳这里 Proxy 参数 target 目标对象（对象、数组、函数） handler 代理对象，可以对…

3. 如何在Vue 中管理 Mixins（搞懂这两点就足够了）

   点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

4. 微软私有 GitHub 库被黑，黑客窃取 500 GB 数据

   据微软员工在社交平台透露的信息和从泄露文件的时间可以看出， Shiny Hunters 是在今年 3 月 28 日入侵了微软的私有 GitHub 账户，并窃取了 500 GB 文件。

5. 前端进阶高薪必看-Webpack篇

   前言 此系列作为笔者之前发过的前端高频面试整理的补充 会比较偏向中高前端面试问题 当然大家都是从新手一路走过来的 感兴趣的朋友们都可以看哈 吐槽：提到 webpack 真是一把伤心泪 还记得 weboack1.0 版本刚出来的时候 我按照文档撸了一遍配置项 和官网一样的配置就是各种报错 看都看不懂 那时候加上刚做前端不…

6. 从脚本到主流，JavaScript的扶正之路

   说到很流行的编程语言，可能要数JavaScript，Java和Python了。但是向上追溯几年、十年、甚至是20年，在2000年的时候你绝不会相信，如今JavaScript将成为世界上很受欢迎的语言之一。那时候的JavaScript不仅无法完成专业语言所能做到的各个功能，甚至也没有被设计成一种严肃的编码工具。本文我们一起来致JavaScript发展的…

7. Vue 多页面配置

   1.vue.config.js多页面配置添加 vue官网参考文档 let glob = require(‘glob’)//配置pages多页面获取当前文件夹下的html和jsfunction getEntry(globPath) { let entries = {}, basename, tmp, pathname, appname; glob.sync(globPath).forEach(function (entry) { basename = path.basename(entry, path.extna…

8. 你还傻傻的分不清javascript中的caller和callee吗？

   javascript中的caller和callee一眼望过感觉是一样的，然而一个字母的区别在应用中却天差地别。字面意思caller直接翻译为调用者，callee翻译为被召者。那么这两个到底是什么？怎么用？是我们本文的重点。 1. callee 在了解callee之前我们先了解函数内部arguments这个特殊的属性。arguments是一个类数组对象，它包含…

9. 58 道 Vue 常见面试题

   1.vue优点？ 答： 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了 angular 的特点，在数据操…

10. 前端基础之手撕代码（一）

    前端学到现在，发现平时有些代码平时看了千八百遍，都快要看吐了的代码关键时刻上居然写不出来了，这真的是有点难受啊。所以就在这里做一些总结，后面忘了可以及时复习。 本系列大致分为四篇： 第一篇 call、apply、bind、new、柯里化、函数组合、防抖、节流 第二篇 数组去重、数组扁平化、千分位、深拷贝、promis…

11. 基于 qiankun 的微前端最佳实践（图文并茂） – 应用间通信篇

    大家好~ 本文是基于 qiankun 的微前端最佳实践系列文章之 应用间通信篇，本文将分享在 qiankun 中如何进行应用间通信。 在开始介绍 qiankun 的应用通信之前，我们需要先了解微前端架构如何划分子应用。 在微前端…

12. 前端仔的MV*之路

    我是从 16 年接触前端的，当时大二，经常干的事情是写一些简单有趣的交互，比如 打飞机/坦克大战/推箱子之类的。 这种东西经常一个脚本写一千多行就实现了。参数传来传去，回调调来调去。快乐极了。 17 年去一家古老的棋牌游戏公司做前端实习生，整个组就我一个前端，经常干的事情是写游戏抽奖页面，比如 转盘/抽纸牌…

13. Vue 3 中的 Vue Router 初探

    迎接Vue3系列： 在Vue2与Vue3中构建相同的组件 如何在Vue3中使用生命周期函数 如何在Vue3 Composition API中的提取和重用逻辑 Vue3.0 公测版 PPT （中文） Vue3 Composition API 如何替换Vue Mixins 对于…

14. 你应该知道的Vue高级特性

    本文使用的Vue版本：2.6.10 Vue为我们提供了很多高级特性，学习和掌握它们有助于提高你的代码水平。 一、watch进阶 从我们刚开始学习Vue的时候，对于侦听属性，都是简单地如下面一般使用： watch:{ a(){ //doSomething } } 实际上，Vue对watch提供了很多进阶用法。 handler函数 以对象和handler函数…

15. 使用 Java 和 web3j 进行 Token 开发（概述）

    题外话， 翻译这篇文章是因为看到 CSDN 公众号这篇外行翻译。 （get balance: 获取账号余额被翻译为取得平衡，transaction交易翻译为事务 ， 等等）， CSDN 用自己的流量优势不知道坑了多少开发者。 为了创作本文，我们创建的名为JavaToken的基本ERC20智能合约，可以在此处找到代码。 我们将使用这个代码库进行…

16. JQuery省市联动效果实现过程详解

    Js相关技术 JS中的数组: new Array() DOM树操作: ​ 创建节点: document.createElement ​ 创建文本节点: document.createTextNode ​ 添加节点: appendChild 需求分析 ​ 在我们的注册表单中,通常我们需要知道用户的籍贯,需要一个给用选择的项,当用户选中了省份…

17. 如何写出优雅的 JS 代码，变量和函数的正确写法

    在开发中，变量名，函数名一般要做到清晰明了，尽量做到看名字就能让人知道你的意图，所以变量和函数命名是挺重要，今天来看看如果较优雅的方式给变量和函数命名。 一、变量 使用有意义和可发音的变量名 // 不好的写法  const yyyymmdstr = moment().format("YYYY/MM/DD"…

18. vue + fabricjs 实现简易画图板

    因为公司需要用fabric.js这个框架，所以在学习fabric.js的时候做了这样的一个简易画图板的demo，主要功能有：画直线，画圆， 画矩形， 画贝塞尔曲线，侦测（就是判断鼠标是不是移动到了这个对象附近，如果是的话，吸附在对象上，我就做了贝塞尔曲线的侦测，因为直线侦测的思路与贝塞尔曲线差不多），镜像（目前就做了贝…

19. 分享一波前端二维码生成分案

    前端生成二维码我们之前使用的是 QRCode.js，我相信大家首选也都是这个。 然后前两天，来需求了，想要实现二维码中间放 logo 的效果。没办法我就上网调研了一番。 qrcodejs 是不是支持的。 支付宝他们就是生成了…

20. 深入浅出Vue.nextTick

    Vue的官方文档中这么说的：“在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。”，为什么会出现这么一个API？主要原因是因为Vue在更新DOM采用的是异步执行的，只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一个事件循环中发生的所有数据变更。 使用场景 虽然官方…

21. 实战 | 从零开始使用JavaScript制作自己的命令行(CLI工具)

    我们每天都使用CLI程序（例如Terminal，cmd，Powershell等）进行软件开发。你使用的每个工具本质上都是其他软件工程师的产品，我们也可以制作自己的CLI工具。

22. 它改变了 JavaScript 的体系结构——Webpack 5 Module Federation

    每日前端夜话 第328篇 翻译： 疯狂的技术宅 作者：Zack Jackson 来源：indepth.dev 正文共：4351  字 预计阅读时间：12 分钟 Webpack 5 Module Federation: A game-changer in JavaScript architecture 模块联合（Module federation）允许 JavaScript 应用…

23. 第二期——假如用王者荣耀的方式学习webpack

    崴博.派克诞生于遥远西方的勇士之地，拥有着高超的机械技艺，善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子，与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安！长安以“方舟”为驱动核心中枢，配合层出不断的机关，守护着华丽的…

24. 移动web必会技能-图片居中处理

    我们在日常使用移动APP的时候，特别是一些资讯类的APP，都会有图片展示的相关UI，例如今日头条APP的单大图和三图模式，如下图： 单图： 三图： 或者是类似微博或者朋友圈这种9宫格的图片展示效果，如下图： 对于这些图片，如果你单纯的以为直接用几个 <img> ，配置一下src地…

25. Sublime Text3 安装Package Control 以及解决部分插件问题

    之前Sublime的Package Control 好像是宜衡学长帮我安装的，然后新成员进来后也要安装插件，然后我就远程连接帮他们安装了一下，虽说网上有参考，但到了本地问题还是挺多的，在此记录一下，为他人提供个参考。

26. 当无情面试官问 vue-next-router 带来了哪些变化？

    此次 Vue 的重大改进随之而来带来了 Vue Router 的一系列改进，现阶段（alpha.10）相比 vue2-router 的主要变化，现总结如下：

27. VoVNet：超越ResNet，实时目标检测新backbone网络

    加入极市专业CV交流群，与  1 0000+来自港科大、北大、清华、中科院、CMU、腾讯、百度  等名校名企视觉开发者互动交流！ 同时提供每月大咖直播分享、真实项目需求对接、干货资讯汇总，行业技术交流。关注  极市平台  公众号  ， 回复  加群， 立刻申请入群~ 目前基于深度学习的目…

28. 一个vue全家桶搭建的SPA应用框架

    前段时间vue3推出了bata版本，但是离正式版还有段时间，今天给搭建提供一个由# vue-cli4 + vue2.6 + vuex + vue-router + axios + element-ui搭建的框架，让大家能快速开发，跳过复杂的项目创建与配置过程。项目…

29. springboot&&vue前后端分离入门案例

    springboot&&vue前后端分离入门案例 1、最近一直再学习springboot的相关内容，感觉暂时不想学了，就上网随便搜搜，看到大家都在讨论的前后端分离，出于好奇，今天也来玩玩。 2、玩前后端分离，有一个前提条件，后端的也就是springboot，就不再说了，前端的需要有对应的node环境，还没有环境的可以看我的上一…

30. Mornin：基于 WebRTC 的匿名音频会议服务

    Mornin 是一个疫情期间推出的匿名语音群聊服务。团队由来自 Mixin（隐私加密 IM 和加密货币网络）和 Fox.ONE （去中心化交易引擎）团队的两位成员组成。

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