20190205 前端开发日报-前端开发博客

前端菜鸟笔记 Day-4 CSS布局；JavaScript/ECMAScript的起源与浏览器之战；19年你应该关注这50款前端热门工具（上）；带你了解JavaScript的运行机制—Event Loop；2019 前端性能优化年度总结 — 第四部分；JS专题之深浅拷贝；JS对象继承时，对引用属性的处理；vue入门（一）：项目搭建

前端菜鸟笔记 Day-4 CSS布局文章大纲来源：【Day 3】HTML复习 + CSS基础 CSS框模型宽度和高度内边距外边距 CSS定位浮动 CSS框模型内容引用：CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距 …
JavaScript/ECMAScript的起源与浏览器之战 ➤ JavaScript起源随着互联网的发展及Netscape浏览器市场份额的高占有率，Netscape（网景通信公司，Netscape Communications Corporation）发现，浏览器需要一种可以嵌入网页的脚本语言，来让浏览器控制网页的行为。当时的网速很慢，而网页却变得更大、更复杂。在浏览器上如果没有嵌入脚本语言，仅是验证表单字…
19年你应该关注这50款前端热门工具（上） 19年，又是新的一年，“前端届”，又出了哪些新的“玩意”，今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。一、构建工具 1、 Parcel https://parceljs.org/ Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpa…
带你了解JavaScript的运行机制—Event Loop 首先，众所周知，JS 是单线程的，为什么这种低效的运行方式依旧没有被淘汰那？这是由它的用途决定的；JS 主要用途是用户交互和DOM操作，举例来说假如js同时有两线程，一个线程在某个DOM节点上添加内容，另一个线程却删除了这个节点，这时候浏览器就不知所措了，该以哪个线程为标准那？（为了提高运行性能，新的 html5 里…
2019 前端性能优化年度总结 — 第四部分让 2019 来得更迅速吧！你现在阅读的是 2019 年前端性能优化年度总结，始于 2016。 2019 前端性能优化年度总结 — 第一部分 2019 前端性能优化年度总结 — 第二部分 2019 前端性能优化年度总结 — 第三部分 2019 前端性能优化年度总结 — 第四部分 2019 前端性能优化…
JS专题之深浅拷贝前言在开发过程中，偶尔会遇到这种场景，拿到一个数据后，你打算对它进行处理，但是你又希望拷贝一份副本出来，方便数据对比和以后恢复数据。那么这就涉及到了 JS 中对数据的深浅拷贝问题，所谓深浅拷贝，浅拷贝的意思就是，你只是复制了对象数据的引用，并没有把内存里的值另外复制一份，那么深拷贝就是把值完整…
JS对象继承时，对引用属性的处理前阵子跟一个同事说：创建对象时，原型上只定义方法就行，属性定义在构造函数里面。他问了句：为什么？我居然思索了半天，知识有时真的不用就会忘，通过写作能加深印象，我们来看下面的例子： function SuperCompany() {} SuperCompany.prototype.staffs = []; SuperCompany.prototype.addStaff = function(n…
vue入门（一）：项目搭建我的JS水平比较一般，而且还是跨专业半路出家，因此学习是唯一出路。vue并不是我接触的第一个前端框架，之前学习过angular1.x，觉得不太容易，结果没多久2版本就推出了，一看文档：totally rewrite。WTF？？？1还…
#前端技术#【最丰富的 Node.js 最佳实践列表】详见：这个项目是对 Node.js 最佳实践中排名最高的内容的总结和分享。目前已经超过 50 个最佳实现、样式指南、架构建议进行了分享，并提供了相应的案例代码、博客引用等信息帮助你更好的理解。
【20190204 前端开发日报】2019 前端性能优化清单；前端图片压缩及上传；webpack4.0配置记录（1）；深入学习js之——词法作用域和动态作用域；Javascript基础系列-javascript概述；JavaScript常用工…详情→
【ES6】改变 JS 内置行为的代理与反射代理（Proxy）可以拦截并改变 JS 引擎的底层操作，如数据读取、属性定义、函数构造等一系列操作。ES6 通过对这些底层内置对象的代理陷阱和反射函数，让开发者能进一步接近 JS 引擎的能力。
根据调试工具看Vue源码之生命周期（一）由于工作中经常使用chrome调试工具来定位问题，觉着这东西真的挺好用。突然有一天受到启发，想着：“我学习源码是否也可以通过调试工具呢？” 因此，诞生了这篇文章来记录我的一些学习成果，后续应该会写成一个系列。
学习 PixiJS — 视觉效果平铺精灵是一种特殊的精灵，可以在一定的范围内重复一个纹理。你可以使用它们创建无限滚动的背景效果。要创建平铺精灵，需要使用带有三个参数的 TilingSprite 类（PIXI.extras.TilingSprite）
[缘起] 前端 E2E 测试的困境自动化测试的核心是检查特定输入能不能得到符合预期的结果。对于单元测试和 API 测试来说，“特定输入”就是函数或者接口的参数，结果也是当前语言的数据类型或者通用的比如 JSON，二者一方面好描述，另一方面好验…
Nginx + Node + Vue 部署初试趁着爸妈做年夜饭之前，把之前做的笔记贴出来，新的一年到了，祝大家 Nginx + Node + Vue 部署初试知乎个人博客 Github 日常学习笔记 Nginx 定义异步框架的 Web服务器，也可以用作反向代理，负载平衡器 , HTTP…
强大的 Node.js Web 框架 – Daze.js 去年年初对 Node.js 比较感兴趣，也用了很多 Node.js 的框架，但是开发体验不是特别好，我之前也是后端转前端，然后再接触 Node.js ，所以用过挺多的服务端框架，相对js而言，设计一款服务端框架并不容易，本人也不太愿意使用 typescript （为什么不用java，请勿吐槽）编写并且基于ES6 对入门的小伙伴会更友好一些，然后…
vue入门（一）：项目搭建我的JS水平比较一般，而且还是跨专业半路出家，因此学习是唯一出路。vue并不是我接触的第一个前端框架，之前学习过angular1.x，觉得不太容易，结果没多久2版本就推出了，一看文档：totally rewrite。WTF？？？1还…
使用Fabric.js玩转H5 Canvas 前言之前使用这个框架写过一个卡片DIY的项目，中间遇到很多问题都只能通过google或github issues才能解决，国内资料较少，所以才想写这篇文章来简单的做下总结，希望可以帮到其他人哈。附上个人项目地址： vue-card-diy 欢迎star~ :sparkles: 什么是Fabric.js? Fabric.js 是一个强大的H5 canvas框架，在原…