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

JavaScript 对象所有API解析；CSS outline（轮廓线）；HTML5 History API 和 Location 对象剖析；javascript流程控制语句；前端常用的正则表达式；Puppeteer — 控制 headless Chrome 的 Node.js API；CSS 常见布局方式；React 的许可协议到底发生了什么问题？

JavaScript 对象所有API解析之前看到【深度长文】JavaScript数组所有API全解密和JavaScript字符串所有API全解密这两篇高质量的文章。发现没写对象API解析（估计是博主觉得简单，就没写）。刚好我看到《JavaScript面向对象编程指南（第2版）…
CSS outline（轮廓线）outline的中文意思是轮廓线。是绘制于元素周围的一条线，位于边框(border)边缘的外围，轮廓线不会占据空间，也不一定是矩形。 {代码…} CSS2的属性，所有浏览器都支持 outline-color 属性。如果规定了 !DOCTYP…
HTML5 History API 和 Location 对象剖析这次也不长篇大论，只搞清楚两件事 —— History API & Location 对象。了解清楚这些，将能够使我们在不同 web 页面之间穿梭自如。 History API History 作为一个全局变量（即 window.history），不继承任何属性，在 HTML4 时代就已经存在，通过这个接口，我们可以操纵浏览器中曾经访问过的会话历史记录，但当时我…
#JavaScript#【javascript流程控制语句】流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等7种语句。一、if语…请戳→ #前端开发博客#
前端常用的正则表达式替换通过一些例子来学习正则表达式摘录，js正则函数match、exec、test、search、replace、split 去除首尾的 {代码…} javascript:; 、javascript:void(0) {代码…} 匹配 {代码…} 匹配一些字符 {代码…} 关…
Puppeteer — 控制 headless Chrome 的 Node.js API Puppeteer 是一个控制 headless Chrome 的 Node.js API 。它是一个 Node.js 库，通过 DevTools 协议提供了一个高级的 API 来控制 headless Chrome。它还可以配置为使用完整的（非 headless）Chrome。在浏览器中手动完成的大多数事情都可以通过使用 Puppeteer 完成，下面是一些入门的例子： …
CSS 常见布局方式本文思维导图，欢迎补充本文首发于我的个人网站：cherryblog.site 前言温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局
React 的许可协议到底发生了什么问题？暂时性的结果先说截止目前的结论: Explaining React&amp;#x27;s license 换言之，不会对 React 的许可协议做任何修改
好用的Vue状态管理模式：浅谈Vuet在实际应用中解决的问题父子组件通信 Vuet提供了模块化的状态管理，通过对一个组件的注入，再向其子组件进行分发，使得我们可以在任何一个子组件，通过模块的方法对当前模块的状态进行更新，再由和vuet连接的父组件对子组件进行单向数据流动。这样我们就可以轻易的解决了父子组件的
Vue 折腾记 – (8) 写一个挺靠谱的多地区选择组件前言这个不是三级联动的地址组件; 这是在这个基础需求上增加多地区选择的功能; 我也不想这么个玩意的,但是产品需求就是有这么个东东. 上基友社区找了下,又木有这类型的组件…只能自己动手丰衣足食了.. 虽然过程遇到了许许多多的坑点,但总算是搞出来了.. 依旧不废话..看看效果图,再扯.. 效果图 …
10 个最佳 ES6 特性 ES6，正式名称是ECMAScript2015，但是ES6这个名称更加简洁。ES6已经不再是JavaScript最新的标准，但是它已经广泛用于编程实践中。如果你还没用过ES6，现在还不算太晚…下面是10个ES6最佳特性，排名不分先后：1.函数参数默认值 2.模板字符串 3.多行字符串 4.解构赋值 5.对象属性简写 6.箭头函数 7.Promise 8.Let与Const 9.类 10.模块化
Vuejs多页weback配置webpack的流行给前端开发减少了许多不必要的工作，webpack可以让我们更纯粹的关注我们的代码，但是很多人认为它更适合单页应用，主要有以下一些痛点如果模板是后台管理的生成的怎么办我目前没有使用任何模块化…
应用 Next.js: 开发一个博客程序 – 入门环境配置这篇文章的环境是Windows, 正好也说一下Windows下前段开发的工具链 1. 安装巧克力 https://chocolatey.org/instal… {代码…} 2. 安装Yarn 安装Yarn包管理器会自动安装Nodejs. 3. 创建项目 {代码…} …
Vue VSCode snippets – 加速你开发的体验 Description These snippets were built to supercharge my workflow in the most seamless manner possible. This repo was built
Kotlin + Node.js = Node.kt？ Kotlin 是一个基于 JVM 的新的编程语言，由 JetBrains 爸爸开发，我们都知道它可以编译为 Java 字节码，有完善的 IDE 支持，还可以作为 Android 开发语言。除此以外，还可以编译为 JavaScript，在 JVM 虚拟机外运行。今天准备使用 Node.js 偶然想起 Kotlin 可以编译为 JavaScript，忽然脑洞大开想试试用 Kotlin …
HTML/CSS/JS编码规范最近整理了一份HTML/CSS/JS编码规范，供大家参考。目录：一、HTML编码规范 1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表达的意思，因为alt是在图片无法加载时显示的文字。如下不太好的写法：
【 js 基础】【源码学习】 setTimeout(fn, 0) 的作用在 zepto 源码中，$.fn 对象有个 ready 函数，其中有这样一句 setTimeout(fn,0); $.fn = { ready: function(callback){ // don’t use “interactive” on IE <= 10 (it can fired premature) // // document.readyState：当document文档正在加载时,返回"loading"。当文档...
react-native-code-push进阶篇之前写了一篇关于react-native-code-push的入门使用篇：微软的React Native热更新 – 使用篇，真的是很简单的使用，能热更新成功就行了。这一篇通过在项目中实战所遇到的问题，根据源码分析它的原理，来更深入的理解code-push。
React如何获取数据原文链接：How to fetch data in React作者：rwieruch 刚开始使用React做项目的新手并不需要获取数据，通常他们制作一些类似计数器、Todo或井字棋应用。因为在刚开始学习React时候，获取数据通常会增加复杂性。然而，在某一
阿里前端推出新的 React 框架：Mirror 阿里前端推出新的 React 框架：Mirror