20170821 前端开发日报

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

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

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

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

原创文章:20170821 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170821.html)
评论已关闭。