20200413 前端开发日报

JavaScript系列: 一、手撕JS中的深浅拷贝;利用CSS变量进行黑暗模式切换;Vue 组件通信的几种方式汇总;手写 Promise 符合 Promises/A+规范;因为两位志愿者来自伊朗,GitHub 封禁了一个开源项目;[推荐] web 前端崩溃监控优化历程;W3C 标准、 ECMAScript 规范与JavaScript 什么关系 ?;angular事件深入

  1. JavaScript系列: 一、手撕JS中的深浅拷贝

    对象、数组、函数 数据类型不是本文重点, 重点是实现深浅拷贝 下面是要copy的对象, 之后的代码都会直接使用$obj, 之后不会再次声明 // lmran var $obj = { func: function () { console.log('this is function') }, date: new Date(), symbol: Symbol(), a: null, b: undefined, ...

  2. 利用CSS变量进行黑暗模式切换

    利用CSS变量进行黑暗模式切换 本文以react为例。 用css变量来切换黑暗模式,易于维护和扩展。 css变量的用法: {代码...} 方案一 设置主题对应的CSS变量,切换主题只需切换css属性的变量值。例如:切换APP元素的...

  3. Vue 组件通信的几种方式汇总

    Vue 组件间通信主要有 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信。 Github 地址 props/$emit 父子组件通信 父组件向子组件传递数据是通过 props ,子组件向父组件传值是通过 events($emit) (事件形式)。 父组件向子组件传值 父组件 Parent: <template> <div> <chil...

  4. 手写 Promise 符合 Promises/A+规范

    异步编程是前端开发者必需的技能,过去管理异步的主要机制都是通过函数回调,然而会出现像“回调地狱”这样的问题。为了更好的管理回调,ES6 增加了一个新的特性 Promise。Promise 是 ES7 中 async/await 语法的基...

  5. 因为两位志愿者来自伊朗,GitHub 封禁了一个开源项目

    「 你们听说了吗,因为开发者有两个伊朗人, GitHub 把 Aurelia 封了 」。 「 理由呢?」「 贸易禁令呗 」。 啧啧,又开始了。 可能有人得问了,Aurelia 是个啥啊? 实际上,Aurelia 是一款还算流行的前端框架,是程序员们在制作网页时经常会用到的玩意。 打个比方的话就是,我们平常做 P...

  6. [推荐] Web 前端崩溃监控优化历程

    某天产品经理,在群里吐槽,自己打开自家的网站,浏览器崩溃了。然后又有人运营跟着评论,说某天也遇见了这种情况。这个时候 HR 也跳出来说面试的候选人也说遇到过这种情况。似乎这个时候,无论我们自己的电脑怎样,但是这个问题就必须有结论。 *前端不想看到的崩溃界面* 确定问题 其实大家日常在开发的时...

  7. W3C 标准、 ECMAScript 规范与JavaScript 什么关系 ?

    在前端知识体系中,我是把 Web 标准放在第 1 位的。对于初学者,可能会对 W3C、ECMAScript 和 JavaScript 的内容和关系搞不清楚,这里简单为大家梳理一下。 什么是标准?标准制定后可以告知负责实现该技术的程序员,有哪些特性是必须提供的,以及它们应该如何实现。比如由 W3C (World Wide Web Consortium) 制定...

  8. angular事件深入

    事件可以理解为行为,如对button的点击,事件的本质是一个函数,他接收一个event对象。每个事件会产生一个Event对象,Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按...

  9. 作为 attribute 和 property 的 value 及 Vue.js 的相关处理

    attribute 和 property 是 Web 开发中,比较容易混淆的概念,而对于 value,因其特殊性,更易困惑,本文尝试做一下梳理和例证 attribute 和 property 的概念 简单的说,attribute 是元素标签的属性,property 是元素对象的属性,例如: <input id="input" value="test value"> <script&...

  10. WebRTC 实时通信

    Real-Time Communication with WebRTC 中文翻译。

  11. 从零开始实现数组方法来学习JavaScript,编码面试题

    本文将介绍一些JavaScript数组问题,通过从零开始实现数组方法来学习更多关于JavaScript数组的知识,并练习使用它们进行常见的操作。 手动实现Array.prototype.map方法 Array.prototype.map 方法通过调用一个回调函数来进行映射,从而将每个数组项映射到新的项。它返回一个带有映射值的新数组。使用如下 let ...

  12. 厉害了每30秒学会一个Python小技巧,Github星数4600+

    很多学习Python的朋友在项目实战中会遇到不少功能实现上的问题,有些问题并不是很难的问题,或者已经有了很好的方法来解决。当然,孰能生巧,当我们代码熟练了,自然就能总结一些好用的技巧,不过对于那些还在刚...

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

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