原文:https://legacy.ofcrab.com/press/javascript-new.html 如果按面向对象的思路去讲 JavaScript 的 new,还是很难去理解,我们可以从另一个方向去理解一下它。…
分类:前端
你从来没了解过的CSS浮动 | Design Shack
浮动到底是做什么呢?他们是如何影响相关元素的盒模型的呢?浮动的元素与内联元素有什么不同呢?制定浮动元素的位置的具体规则是什么?clear属性是如何工作的,并且它的作用是什么? 即使是经验丰富的开发者也会在浮动上出错,所以…
解构赋值是深拷贝吗?
最近在使用Redux想到一个问题,Redux里常用的一种语法是这样的: setSth(state, { payload }) { const { newthing} = payload; return { ...stat…
Edge 拥抱 Chromium 对前端工程师来说意味着什么?
翻译:疯狂的技术宅 原文: https://css-tricks.com/edge-g… 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 在2018年12月,微软宣布 Edge 将采用…
【译】TypeScript中的React Render Props
原文链接: https://medium.com/@jrwebdev/… 和之前的文章一样,本文也要求你对render props有一些知识背景,如果没有官方文档可能会对你有很大的帮助。本文将会使用函数作为c…
React diff原理探究以及应用实践
抛砖引玉 React通过引入Virtual DOM的概念,极大地避免无效的Dom操作,已使我们的页面的构建效率提到了极大的提升。但是如何高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处同样也决定着页面的…
记录一波video.js的使用及问题
最近的项目中需要播放视频,鉴于html5元素<video>的一些坑及不想自己造轮子,于是就找到了web端播放视频使用量最多的插件 video.js,video.js是国外开发者开发的,英语本身就不好的我看英文…
【理解】一道 JS 面试题
最近在一个前端学习群里,有人抛出了这么一道 JS 面试题。 var foo = 1; (function foo(){ foo = 100; console.log(foo); }()) console.log(foo)…
CSS Position(定位)
Position(定位) position可以取五个值 参数 描述 absolute 绝对定位;脱离⽂档流的布局,遗留下来的空间由后⾯的元素填充。定位的起始位置为最近的⽗元素(postion不为static),否则为Bo…
JavaScript 原型的深入指南
不学会怎么处理对象,你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。 对象是键/值对。创建对象的最常用方法是…
Vue $mount实战--实现消息弹窗组件
之前的项目一直在使用 Element-UI框架,element中的 Notification、 Message组件使用时不需要在html写标签,而是使用js调用。那时就很疑惑,为什么element ui使用 this.$…
JavaScript中的继承
前言 作为 JavaScript 中最重要的内容之一,继承问题一直是我们关注的重点。那么你是否清晰地知道它的原理以及各种实现方式呢 阅读这篇文章,你将知道: 什么是继承 实现继承有哪几种方式 它们各有什么特点 这里默认你…