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 (去中心化交易引擎)团队的两位成员组成。

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

原文:20200510 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200510.html)