20180531 前端开发日报

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

  1. JavaScript中的this指针 理论化this指针的定义 JavaScript现在应用之广泛,远超其他任何语言,只要是一个合格的网站应用,基本上多多少少都会有JS的存在。在JavaScript中,this的指向被不少Coder所不解,但其实JS中的this理解起来也是相当容易的。在这里我也不能说直接一下个定义,就当做个介绍吧。 其实 javascript里的this指针逻辑上的概念是实例化对象 ,…
  2. 基于蚂蚁金服「如何管理好10万行代码」搭建了 Vue 项目架构 原文:如何管理好10万行代码的前端单页面应用。 当时看到蚂蚁金服这篇文章有点茅塞顿开,只不过他们是基于 React 技术栈开发的,但是架构是一种思想,不区分语言不区分框架的,所以我相信这套架构一定可以应用到 Vue 项目中。废话不多说,直接进入正文。 同一“页
  3. 前端配置工程师 前端配置工程师 都说前端是配置工程师,写个项目各种配置,现在主流的也就是webpack的配置,gulp、grunt这类都已经退居1.5线了。那下面我们就讲讲webpack配置,但我今天就以create-react-app中的那些配置都是干嘛用的
  4. 你知道我们平时在CSS中写的%都是相对于谁吗?      0.引言在我们编写CSS的时候,经常会用到百分比赋值(%)实现自适应。像我们最常使用的流式布局设计模式,基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题,我们常常会使用下面这样的C
  5. React 中的 dumb 组件和 smart 组件 原文:https://medium.com/@thejasonfile/dumb-components-and-smart-components-e7b33a698d43 当你开始起步学习 React,很快就会接触到组件(Component)的概念,正是这一概念让 React 脱颖而出。创建不同的组件并将它们嵌套在一起,就能构建出一个应用。听起来再简单不过了,但真实情况还会更复杂些。有两种…
  6. 使用vuex缓存数据,一步步优化自己的vuex-cache 需求: 请求接口之后,缓存当前接口的数据,下次请求同一接口时拿缓存数据,不再重新请求 添加缓存失效时间 cache使用map来实现 ES6 模块与 CommonJS 模块的差异 CommonJS 模块输出的是一个值的拷
  7. 这里有 ECMAScript 2016, 2017 和 2018 最新特性的例子 文章并非通篇翻译,而是进行了摘要,有兴趣的小伙伴建议直接阅读原文,有什么好的建议,或者不对的地方,欢迎留言或者@我 原文链接:https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e 下文包含了18个 TC39 已完成提案的特性 …
  8. JavaScript 算法与数据结构 本仓库包含了多种基于 JavaScript 的算法与数据结构。 每种算法和数据结构都有自己的 README 并提供相关说明以及进一步阅读和 YouTube 视频。 Read this in other languages: English, 繁體中文 数据结构 数据结构是在计算机中组织和存储数据的一种特殊方式,它可以高效地访问和修改数据。更确…
  9. 作为前端,如何帮帝都的朋友租到合适的房子? 在帝都打拼的小伙伴都知道,要租个合适的房子真心不易。中介要收一个月的房租作为中介费。而且很多黑中介打着租房的旗号各种坑蒙拐骗。要想在茫茫帖子中找到真正的房东,宛如大海捞针,同时需要和各路黑中介斗智斗勇。接下来就讲讲我浴血奋战的故事。 那么,How to s
  10. 没学过线代也能读懂的CSS3 matrix》Matrix 的中文是矩阵,是一个数学术语,在计算机科学中,会用矩阵来对象量进行变换,在 CSS3 的 transform 属性中,可以使用矩阵对图像进行变换。 (by 范明非) ​​​

    没学过线代也能读懂的CSS3 matrix
  11. Es6 Class是如何实现的? 在Es5中没有类的概念,在将类之前我们首先要说一下类的继承 类的继承 类有三种属性,,公有属性,私有属性, 静态属性(Es7)/静态类(Es6) 如何实现一个类 继承公有属性 function Parent(){ this.name = 'pare
  12. 升级NGINX支持HTTP/2服务端推送 内容概览 NGINX从1.13.9版本开始支持HTTP/2服务端推送,上周找时间升级了下NGINX,在博客上试验新的特性。 升级工作主要包括: 升级NGINX 修改NGINX配置 修改w
  13. [译] 新的 CSS 特性正在改变网页设计
    css的进化也在开始释放我们的想象力:如今,网页设计的风貌已经完全改变。我们拥有又新潮又强大的工具 —— CSS 网格/栅格(CSS Grid),CSS 自定义属性(CSS custom properties),CSS 图形(CSS shapes)和 CSS 写作模式(CSS writing-mode),这里仅举此…
  14. 基于 HTML5 的 WebGL 3D 版俄罗斯方块 前言 摘要:2D 的俄罗斯方块已经被人玩烂了,突发奇想就做了个 3D 的游戏机,用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏,然后使用 3D 建模功能创建一个 3D 街机模型,最后将 2D 小游戏贴到 3D 模型上。(ps:最后拓展
  15. 20180530 前端开发日报】社招中级前端笔试面试题总结-答案及拓展;Promise异步控制流模式;中国行政区划信息JS库china-location;[Node.js月刊]2018年第4期;D2Admin – 基于vue的清新后台模板;前端血汗教训:怎么才能让我减少发布Bug概…详情→ ​​​

    20180530 前端开发日报
  16. 提交一个仓库到 CDNJS 概述cdnjs 官网截屏 本篇文章主要介绍了:如何提交自己的库到 cdnjs,提交要求,详细的提交步骤及遇到的问题与解决办法。 科普 先解释一下什么叫 CDN: CDN是构建在网络之上的内容分发网络,依靠部署在
  17. 源码分析 @angular/cdk 之 Portal Portal 是什么 最近在学习 React 时,发现 React 提供了 Portals 技术,该技术主要用来把子节点动态的显示到父节点外的 DOM 节点上,该技术的一个经典用例应该就是 Dialog 了。设想一下在设计 Dialog 时所需要的主要功能点:
  18. 玩转webpack(一)上篇:webpack的基本架构和构建流程 挖挖webpack的源码,建议有一定的webpack基础再阅读:在研究了一段时间的 webpack 源码之后,自己希望写个系列文章,结合自己的实践一起来谈谈 webpack 插件这个主题,也希望能够帮助其他人更全面地了解。
  19. 玩转webpack(一)下篇:webpack的基本架构和构建流程 下篇,讲文件生成:在研究了一段时间的 webpack 源码之后,自己希望写个系列文章,结合自己的实践一起来谈谈 webpack 插件这个主题,也希望能够帮助其他人更全面地了解 w…
  20. React Native 在用户网络故障时自动调取缓存 App往往都有缓存功能,例如常见的新闻类应用,如果你关闭网络,你上次打开App加载的数据还在,只是不能加载新的数据了。 我的博客bougieblog.cn,欢迎前来尬聊。 集中处理请求 如果你fetch数据的页面有多个,不集中处理的话每个页面都要单独进行缓
  21. 用 TS + Vue 写了一个在 Chrome 中运行 Prettier 格式化的扩展程序 在介绍 prettier-chrome 之前请允许我先介绍一下什么是 Prettier 如果你已经知道这是什么了并且已经会配置了,那么你可以直接跳到 prettier-chrome 的介绍 什么是 Prettier ? 有见识的代码格式化工具 支持多种语言

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流