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

JavaScript中的this指针理论化this指针的定义；基于蚂蚁金服「如何管理好10万行代码」搭建了 Vue 项目架构；前端配置工程师；你知道我们平时在CSS中写的%都是相对于谁吗？；React 中的 dumb 组件和 smart 组件；使用vuex缓存数据，一步步优化自己的vuex-cache；这里有 ECMAScript 2016, 2017 和 2018 最新特性的例子；JavaScript 算法与数据结构

JavaScript中的this指针理论化this指针的定义 JavaScript现在应用之广泛，远超其他任何语言，只要是一个合格的网站应用，基本上多多少少都会有JS的存在。在JavaScript中，this的指向被不少Coder所不解，但其实JS中的this理解起来也是相当容易的。在这里我也不能说直接一下个定义，就当做个介绍吧。其实 javascript里的this指针逻辑上的概念是实例化对象，…
基于蚂蚁金服「如何管理好10万行代码」搭建了 Vue 项目架构原文：如何管理好10万行代码的前端单页面应用。当时看到蚂蚁金服这篇文章有点茅塞顿开，只不过他们是基于 React 技术栈开发的，但是架构是一种思想，不区分语言不区分框架的，所以我相信这套架构一定可以应用到 Vue 项目中。废话不多说，直接进入正文。同一“页
前端配置工程师前端配置工程师都说前端是配置工程师，写个项目各种配置，现在主流的也就是webpack的配置，gulp、grunt这类都已经退居1.5线了。那下面我们就讲讲webpack配置，但我今天就以create-react-app中的那些配置都是干嘛用的
你知道我们平时在CSS中写的%都是相对于谁吗？      0.引言在我们编写CSS的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的C
React 中的 dumb 组件和 smart 组件原文：https://medium.com/@thejasonfile/dumb-components-and-smart-components-e7b33a698d43 当你开始起步学习 React，很快就会接触到组件（Component）的概念，正是这一概念让 React 脱颖而出。创建不同的组件并将它们嵌套在一起，就能构建出一个应用。听起来再简单不过了，但真实情况还会更复杂些。有两种…
使用vuex缓存数据，一步步优化自己的vuex-cache 需求：请求接口之后，缓存当前接口的数据，下次请求同一接口时拿缓存数据，不再重新请求添加缓存失效时间 cache使用map来实现 ES6 模块与 CommonJS 模块的差异 CommonJS 模块输出的是一个值的拷
这里有 ECMAScript 2016, 2017 和 2018 最新特性的例子文章并非通篇翻译，而是进行了摘要，有兴趣的小伙伴建议直接阅读原文，有什么好的建议，或者不对的地方，欢迎留言或者@我原文链接：https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e 下文包含了18个 TC39 已完成提案的特性 …
JavaScript 算法与数据结构本仓库包含了多种基于 JavaScript 的算法与数据结构。每种算法和数据结构都有自己的 README 并提供相关说明以及进一步阅读和 YouTube 视频。 Read this in other languages: English, 繁體中文数据结构数据结构是在计算机中组织和存储数据的一种特殊方式，它可以高效地访问和修改数据。更确…
作为前端，如何帮帝都的朋友租到合适的房子？在帝都打拼的小伙伴都知道，要租个合适的房子真心不易。中介要收一个月的房租作为中介费。而且很多黑中介打着租房的旗号各种坑蒙拐骗。要想在茫茫帖子中找到真正的房东，宛如大海捞针，同时需要和各路黑中介斗智斗勇。接下来就讲讲我浴血奋战的故事。那么，How to s
《没学过线代也能读懂的CSS3 matrix》Matrix 的中文是矩阵，是一个数学术语，在计算机科学中，会用矩阵来对象量进行变换，在 CSS3 的 transform 属性中，可以使用矩阵对图像进行变换。（by 范明非）
Es6 Class是如何实现的？在Es5中没有类的概念，在将类之前我们首先要说一下类的继承类的继承类有三种属性，，公有属性，私有属性，静态属性（Es7）/静态类（Es6）如何实现一个类继承公有属性 function Parent(){ this.name = 'pare
升级NGINX支持HTTP/2服务端推送内容概览 NGINX从1.13.9版本开始支持HTTP/2服务端推送，上周找时间升级了下NGINX，在博客上试验新的特性。升级工作主要包括：升级NGINX 修改NGINX配置修改w
[译] 新的 CSS 特性正在改变网页设计
css的进化也在开始释放我们的想象力：如今，网页设计的风貌已经完全改变。我们拥有又新潮又强大的工具 —— CSS 网格/栅格（CSS Grid），CSS 自定义属性（CSS custom properties），CSS 图形（CSS shapes）和 CSS 写作模式（CSS writing-mode），这里仅举此…
基于 HTML5 的 WebGL 3D 版俄罗斯方块前言摘要：2D 的俄罗斯方块已经被人玩烂了，突发奇想就做了个 3D 的游戏机，用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏，然后使用 3D 建模功能创建一个 3D 街机模型，最后将 2D 小游戏贴到 3D 模型上。（ps：最后拓展
【20180530 前端开发日报】社招中级前端笔试面试题总结-答案及拓展；Promise异步控制流模式；中国行政区划信息JS库china-location；[Node.js月刊]2018年第4期；D2Admin – 基于vue的清新后台模板；前端血汗教训：怎么才能让我减少发布Bug概…详情→
提交一个仓库到 CDNJS 概述cdnjs 官网截屏本篇文章主要介绍了：如何提交自己的库到 cdnjs，提交要求，详细的提交步骤及遇到的问题与解决办法。科普先解释一下什么叫 CDN: CDN是构建在网络之上的内容分发网络，依靠部署在
源码分析 @angular/cdk 之 Portal Portal 是什么最近在学习 React 时，发现 React 提供了 Portals 技术，该技术主要用来把子节点动态的显示到父节点外的 DOM 节点上，该技术的一个经典用例应该就是 Dialog 了。设想一下在设计 Dialog 时所需要的主要功能点：
玩转webpack（一）上篇：webpack的基本架构和构建流程挖挖webpack的源码，建议有一定的webpack基础再阅读：在研究了一段时间的 webpack 源码之后，自己希望写个系列文章，结合自己的实践一起来谈谈 webpack 插件这个主题，也希望能够帮助其他人更全面地了解。
玩转webpack（一）下篇：webpack的基本架构和构建流程下篇，讲文件生成：在研究了一段时间的 webpack 源码之后，自己希望写个系列文章，结合自己的实践一起来谈谈 webpack 插件这个主题，也希望能够帮助其他人更全面地了解 w…
React Native 在用户网络故障时自动调取缓存 App往往都有缓存功能，例如常见的新闻类应用，如果你关闭网络，你上次打开App加载的数据还在，只是不能加载新的数据了。我的博客bougieblog.cn，欢迎前来尬聊。集中处理请求如果你fetch数据的页面有多个，不集中处理的话每个页面都要单独进行缓
用 TS + Vue 写了一个在 Chrome 中运行 Prettier 格式化的扩展程序在介绍 prettier-chrome 之前请允许我先介绍一下什么是 Prettier 如果你已经知道这是什么了并且已经会配置了，那么你可以直接跳到 prettier-chrome 的介绍什么是 Prettier ？有见识的代码格式化工具支持多种语言