实例化vue发生了什么?(详解vue生命周期)；CSS Gird 布局 指南；2018 最值得关注的 JavaScript 趋势；npm 2017 JavaScript 框架报告之后端框架；JavaScript 知识点串烧——对象；Babel 配置技巧；我的Promise秘密初探之小试牛刀；基于JS快速生成各种网格布局工具Grid介绍
-
实例化vue发生了什么?(详解vue生命周期)实例化vue发生了什么?(详解vue生命周期) {代码…} 我在Github上建立了一个存放vue笔记的仓库,以后会陆续更新一些知识和项目中遇到的坑,有兴趣的同学可以去看看哈(欢迎star)! 传送门 实例化一个Vue {代码…} 1….
-
CSS Gird 布局 指南 CSS Grid Layout 原文地址： https://css-tricks.com/snippets/css/complete-guide-grid/ 简介 CSS网格布局是一个二维的基于网格的布局系统, 其目的在于完全改变我们设计基于网络的用户界面
-
2018 最值得关注的 JavaScript 趋势 如果你在过去的 2017 年有过一连串的规划，那么这篇文章适合你。 2017 年发生了很多事情，我们一直在 X-Team 中仔细观察，并想着如何让 2018 更加富有激情和创新。 你也可以利用这篇文章来帮助你完善 2018 的计划或者让你做出更有创意的计划。 React vs. Vue.js 我们直接上好东西吧：不…
-
JavaScript 知识点串烧——对象 说到JavaScript，我们就总是会提到对象，说到对象我们就会提到原型继承，这是我们接触JavaScript时经常会遇到的，尤其是在面试中我们也是会经常遇到。一般知道对象，理解原型看起来是足够够了，但是有一些小细节的问题，我想我们还是要注意的，下面我们就来说说。 对象的常见创建方法 new Object() 实现对象的继承…
-
Babel 配置技巧 当下，每个写 JavaScript 的猿可能都在或多或少地使用 Babel。借助 Babel，我们可以使用最新的 ECMAScript 特性，而不用太关注浏览器支持。Babel 在背后进行了许多复杂的转换，我们要做的，就是写配置文件，告诉 Babel 我们想要什么。下面就来看看一些配置技巧吧。 在 .babelrc 中使用 JS All Babel API opti…
-
我的Promise秘密初探之小试牛刀 在前端开发中，相信很多读者都使用过AJAX，这种比较:ox: 逼的异步处理方式，确实在一定程度上方便和简化了我们的某些需求，但有时候也会遇到在一个操作中，会需要多个异步请求的情况，在以往的处理中，比如笔者就曾做过2个及多个AJAX层层嵌套着处理的方式，这种方式，在当时看上去也可以满足一般的需求，但看着别扭，总…
-
基于JS快速生成各种网格布局工具Grid介绍 作者：云荒杯倾 写在前面 这两天了解了一下css的grid布局，发现确实很好用。看了几篇博客，了解了它的几个常用属性后，可以快速生成一个网格布局。相较于传统的float、定位等显得更成体系，更规范，不需要一些hack做法。 虽然grid
-
如何继承Date对象？由一道题彻底弄懂JS继承前言 见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ———-长文+多图预警，需要花费一定时间———- 故事是从一次实际需求中开始的。。。 某天，某人向我寻求了一次帮助，要协助写…
-
使用 dva 和 antd-mobile 同步构建 ReactNative 应用和手机网页应用 Build react-native and web app with dva and antd-mobile. English | 中文文档 Structure ├── App.js
-
Angular中的纯粹和不纯的管道之间的本质区别以及为什么这很重要在Angular中编写自定义管道时，可以指定是定义纯管道还是不纯管道： {代码…} Angular在管道上有一个非常好的文档，你可以在这里找到。 但是，正如文件经常发生的情况一样，没有明确的划分理由。 在这篇文章中，…
-
前端每周清单第 47 期：NPM 年度报告与 2018 展望，Airbnb React Router 实践 前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。 新闻热点 国内国外，前
-
Willin: 使用 OS X 进行高效 JS 前后端开发 Brew： 用于安装各类 *nix 依赖包和应用 dnsmasq： Localhost下的泛域名指定（Brew 安装） LaunchRocket： Brew 应用 GUI 管理工具（Brew Cask 安装） iTerm + Oh My Zsh!： 高效 Shell 工具 iStat Menus：系统监控 CheatSheet： 按住 ⌘ command 不放弹出快捷键菜单 Moom： 窗口分屏…
-
手把手教你webpack如何打包才能输出最优生产文件前言 webpack打包大多数前端工程师们都已经用过，然后今天我想和大家分享的是webpack如何打包才能输出最优生产环境文件，主要针对两种人群：未自己手把手配置过webpack的人、配置过webpack但是不熟悉或者不知所以…
-
前端数据监控到底在监控什么？ 原文地址 前端数据监控一般分为性能数据监控和线上异常监控。本文对这两块数据的监控原理和方法进行整理说明。 性能数据 统计方案 代码监控 将监控代码注入到页面中，手动计算时间差或者使用浏览器API进行数据统计。 工具监控 不将统计代码注入到页面中，一般借助虚拟机对…
-
前端布局方式汇总及概念浅析 更多文章参见： https://github.com/elevenbeans/elevenbeans.github.io 前言 又一个月没更博了，为了自己的第一个小窝连续奔波于苏沪两地。 恰逢最近团队有个关于前端布局的分享的作业，于是赶
-
JavaScript从反转数组到链表反转 链表反转之前我已经写过相关的文章了，但是现在去看下之前写过的文章，感觉太过于简短，只是贴出了代码，并没有把核心的东西讲出来。趁着周末，还是把这道简单的题重新梳理一下。 如何反转一个数组？ 众所周知，JavaScript的数组提供了很多有用的操作数组的方法，其中 Array.prototype.reverse 方法就可以将数组…
-
漫话JavaScript与异步·第二话——Promise：一诺千金 一、难以掌控的回调 我在第一话中介绍了异步的概念、事件循环、以及JS编程中可能的3种异步情况（用户交互、I/O、定时器）。在编写异步操作代码时，最直接、也是每个JSer最先接触的写法一定是回调函数(callback)，比如下面这位段代码： aj
-
聊聊reactive streams的schedulers序 本文主要研究一下reactive streams的schedulers 背景 默认情况下Mono以及Flux都在主线程上运行，有时候可能会阻塞主线程，可以通过设定schedulers让其在其他线程运行。 原始输出 没有使用publishOn及subscribe…
-
Node.js design pattern : module Node.js design pattern一书中对Node的Module模块机制这一块，我觉得讲的挺透彻和易懂，这里根据自己理解做下总结。本文转发自本人 github 。 loadModule 自定义一个简单的模块加载方法 loadModule ，基本思路跟nodejs一致，将加载的模块内容包裹在一个函数里面实现变量的隔离，保证模块内的变量都是私有的。 f…
-
实现一个符合 Promise/A+ 规范的 MyPromise 实现一个符合 Promise/A+ 规范的 MyPromise，并实现 resolve、reject、all、race、defer、deferred等静态方法。 MyPromise 作用：创建 MyPromise 实例。Promise MyPromise接收一个回掉函数 executor MyPromise状态 pending 可以转换成 ful…
-
从零开始写一个 Web 视频播放器 前言 最近几周接连做完了酷家乐大学的直播页面和视频播放页改版，过程中有一些探讨与思考值得记录一下，本文会介绍实现一个 Web 视频播放器的过程。 前方提示1：本文不会着重在 Web 视频播放器的实现细节上。 前方提示2：本文要讲的 Web 视频播放器，不涉及底层实现，或者是关于视频格式、码率等其他…
-
Webpack原理-编写PluginWebpack 通过 Plugin 机制让其更加灵活，以适应各种应用场景。在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。 一个最基础的 Plugi…
-
iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 解析JSON 视频地址： www.cctalk.com/v/151149238… JSON 数据 我颠倒了整个世界，只为摆正你的倒影。 前面的文章中，我们已经完成了项目中常见的问题，比如 路由请求 、 结构分层 、 视图渲染 、 静态资源 等。 那么， JSON 呢？ JSON 格式数据的传输，已经深入到了我们的码里行间，脱离了 JSON 的人想必是痛苦…
-
漫话JavaScript与异步·第一话——异步：何处惹尘埃 自JavaScript诞生之日起，频繁与异步打交道便是这门语言的使命，并为此衍生出了许多设计和理念。因此，深入理解异步的概念对于前端工程师来说极为重要。 什么是异步？ 程序是分“块”执行的。最常见的“块”是函数。在一个块内，语句大体上从上到下依
-
浅谈Promise之按照Promise/A+规范实现Promise类 在需要多个操作的时候，会导致多个回调函数嵌套，导致代码不够直观，就是常说的回调地狱，通常通过promise来解决 Promise本意是承诺，在程序中的意思就是承诺我过一段时间后会给你一个结果。 什么时候会用到过一段时间？答案是异步操作，异步是指可能比较长时间才有结果的才做，例如网络请求、读取本地文件等 构…
-
JavaScript 中的求值策略 最近在研究 lambda演算 中的 η-变换 在 JavaScript 中的应用，偶然在 stackoverflow 上看到一个比较有意思的问题。关于 JavaScript 的求值策略，问JS中函数的参数传递是按值传递还是按引用传递？回答很经典。 一栗以蔽之
-
理论联系实际：从零理解WebSocket的通信原理、协议格式、安全性 本文来自云栖社区程序猿小卡的技术分享。 1、前言 WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
