20170712 前端开发日报

[笔记] js原型链;JavaScript 核心概念归纳整理;思路清奇:通过 JavaScript 获取移动设备的型号;VS Code 1.14发布,可以直接Debug Angular应用;CSS选择器的妙用;我的webpack学习笔记(一);redux-logger源码分析;JavaScript专题之深浅拷贝

  1. [笔记] js原型链js原型链中的object.__proto__ 和object.prototype的区别 1)每个对象都有.__proto__属性 2)每个构造函数(函数也是对象,但对象不一定是函数)都具有.prototype属性(prototype是构造函数独有的属性) 3)每个…
  2. JavaScript 核心概念归纳整理 | 作者: 京东金融-前端开发工程师 熊俊漉 JavaScript语言本身是一个庞大而复杂的知识体系,复杂程度不低于任何一门后端语言,本文针对JavaScript语言的核心概念进行简单的梳理,对应的每个知识点仅仅点到为止,不作详细介绍。目的是为了方便大家快速审查自己对JavaScript的知识结构是否完善,如有遗漏或不正确…
  3. 思路清奇:通过 JavaScript 获取移动设备的型号我们一般在浏览器里识别用户的访问设备都是通过 User Agent 这个字段来获取的,但是通过它我们只能获取一个大概的信息,比如你用的是 Mac 还是 Windows,用的是 iPhone 还是 iPad。如果我想知道你用的是第几代 iP…
  4. VS Code 1.14发布,可以直接Debug Angular应用 VS Code发布了1.14版本,可以直接Debug Angular应用了! —— 由大漠穷秋分享
  5. CSS选择器的妙用:not 1)为元素添加边框,最后一个去除边框(其实+和~也是可以的) 2)列表的每一项用逗号分隔 (需要注意的是“复制粘贴并不会带走CSS生成的内容” 也就是以下代码中生成的逗号,是不会被复制粘贴)3)配合nth-child一…
  6. 我的webpack学习笔记(一)前言 在上一篇文章中我介绍了学习webpack前的准备工作,下面开始webpack的学习。 {代码…} 请关注package.json的内容在之后的学习中的变化。 目标 一般我们接触到的关于webpack的文章,都是以解读webpack官方文…
  7. redux-logger源码分析在redux的配置文件中,如果你使用了redux-logger,也许你会写下面这样一段代码: {代码…} 现在,我们只关注redux-logger,我们可以看到使用redux-logger分为下面几个步骤: 1、导入redux-logger {代码…} 2、…
  8. JavaScript专题之深浅拷贝JavaScript 专题系列第六篇,讲解深浅拷贝的技巧和以及实现深浅拷贝的思路 前言 拷贝也是面试经典呐! 数组的浅拷贝 如果是数组,我们可以利用数组的一些方法比如:slice、concat 返回一个新数组的特性来实现拷贝…
  9. Angularjs:谁都忍受不了烂代码,如何从开发到测试减少程序缺陷? AngularJS 是一个为动态WEB应用设计的纯前端的开发框架。它使用HTML作为模板语言,用 js处理业务逻辑。它组织良好,经过严格测试,多功能,强大并且十分灵活。你仍然需要具有服务端后台,但大多数的用户交互逻辑将优雅地放到客户端上处理。 —— 由hanayee分享 AngularJS 是一个为动态WEB应用设计的纯前端的开发框架。它使用HTML作为模板语言,用 js处理业务逻辑。它组织良好,经过严格测试,多功能,强大并且十分灵活。你仍然需要具有服务端后台,但大多数的用户交互逻辑将优雅地放到客户端上处理。 —— 由hanayee分享
  10. 前端面试必备——外边距合并 因本人最近正忙于校招应聘,所以特此设计《前端面试必备》系列,总结面试问题并分享给大家,因能力不足,如有问题,敬请指正,特此感谢。 块的顶部外边距和底部外边距有时候会被折叠为单个外边距,其大小为两值中的最大值,这种行为就被称为外边距合并。一般发生外边距合并主要
  11. vue-router 2 简易入门准备工作 webpack-simple版的vue项目初始是没有vue-router的,需要另外安装 新建一个demo项目 {代码…} 安装vue-router {代码…} 配置router 新建index.vue组件,路径为/demo/src/page/index.vue接下来会围绕in…
  12. JS正则表达式完整教程(略长) 引言亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣。想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准。关于正则表达式的教程,网上也有很多,相信你也看了一些。与之不同的是,本文的目的是希望所有认真读完的童鞋们,都有实质性的提
  13. 搭建 基于 Mocha + Webpack2 + Chai + ES6 前端单元测试 现在如果写某些类库的话,非常注重单元测试,从而确保发版质量。大概测试框架也有很多,这里介绍比较常用的 前端测试框架技术选型。文章将简要介绍使用Mocha + Webpack2 + Chai + ES6的具体步骤。 —— 由蒲小花分享
  14. 走进Node.js 之 HTTP实现分析 作者:正龙(沪江Web前端开发工程师)本文为原创文章,转载请注明作者及出处 上文“走进Node.js启动过程”中我们算是成功入门了。既然Node.js的强项是处理网络请求,那我们就来分析一个HTTP请求在Node.js中是怎么被处理的,以及JavaScrip 作者:正龙(沪江Web前端开发工程师)本文为原创文章,转载请注明作者及出处 上文“走进Node.js启动过程”中我们算是成功入门了。既然Node.js的强项是处理网络请求,那我们就来分析一个HTTP请求在Node.js中是怎么被处理的,以及JavaScrip
  15. 学习下一代的ES6模块化打包工具——Rollup 学习下一代的ES6模块化打包工具——Rollup —— 由莫扬的天空分享
  16. ECMAScript 2017(ES8)特性概述 – 知乎专栏 ECMAScript 2017 或 ES8 与 2017 年六月底由 TC39 正式发布,可以在这里浏览完整的版本;而 ES8 中代表性的特征包括了字符串填充、对象值遍历、对象的属性描述符获取、 函数参数列表与调用中的尾部逗号、异步函数、共享内存与原子操作等。 —— 由王下邀月熊分享 ECMAScript 2017 或 ES8 与 2017 年六月底由 TC39 正式发布,可以在这里浏览完整的版本;而 ES8 中代表性的特征包括了字符串填充、对象值遍历、对象的属性描述符获取、 函数参数列表与调用中的尾部逗号、异步函数、共享内存与原子操作等。 —— 由王下邀月熊分享
  17. 一个能够帮助你写出更加简洁、优雅的 CSS 的样式解决方案 Postcss-salad 是一个基于 PostCSS 的 CSS 解决方案,它提供了一系列快捷的 at-rule 和默认语法声明来帮助你快速地搭建项目样式与类库,它只在调用时才输出代码,而不是直接提供 CSS 类库。 沙拉不仅提供了下一代css语法支持,还提供了基础的sass的语法、属性顺时针简写、rem填充、基础图形绘制、可定制样式的inline-svg… Postcss-salad 是一个基于 PostCSS 的 CSS 解决方案,它提供了一系列快捷的 at-rule 和默认语法声明来帮助你快速地搭建项目样式与类库,它只在调用时才输出代码,而不是直接提供 CSS 类库。 沙拉不仅提供了下一代css语法支持,还提供了基础的sass的语法、属性顺时针简写、rem填充、基础图形绘制、可定制样式的inline-svg…
  18. vue-toast-plugin: Vue toast 提示插件 vue-toast-plugin 是一款简单易用的 toast 提示插件,支持自定义提示位置。 欢迎提 Issue 和 PR。 —— 由Bourne_分享
  19. Javascript 判断变量类型的陷阱 与 正确的处理方式 Javascript 由于各种各样的原因,在判断一个变量的数据类型方面一直存在着一些问题,其中最典型的问题恐怕就是 typeof null 会返回 object 了吧。因此在这里简单的总结一下判断数据类型时常见的陷阱,以及正确的处理姿势。 —— 由Pspgbhu分享
  20. 从CSS盒子模型说起 前言 总括: 对于盒子模型,BFC,IFC和外边距合并等概念和问题的总结 原文地址:从CSS盒子模型说起 知乎专栏:前端进击者 博主博客地址:Damonare的个人博客 为学之道,莫先于穷理;穷理之要,必先于读书。 正文 ​ CSS盒子模型是C
  21. 基于 Webpack 3 的 React 工程项目脚手架 – 知乎专栏 基于 Webpack 3 的 React 工程项目脚手架从属于笔者的 Web 前端入门与工程实践,算来已经是笔者 React 技术栈脚手架的第四个迭代版本。更多关于 React 或者前端开发相关的资料链接可以参考React 学习与实践资料索引以及 Webpack 学习与资料索引,对于其中浅薄的工程化的思考可以参考 2016-我的前端之路:工具化与工程化。…
  22. CSS 打印 本文主要讲解如何使用 CSS 控制打印样式 —— 由lon分享
  23. Ionic透明的状态栏和工具栏的完美结合 Ionic透明的状态栏和工具栏的完美结合。该项目支持ionic2+以及最新的ionic3+。能帮助您快速实现透明的状态栏,以及动态的与状态栏相融合的工具栏。ionic Material Design设计之黑科技。 —— 由jeneser分享
  24. CSS进阶——巧用猫头鹰选择器 猫头鹰选择器,您造吗? —— 由神码大姐分享 猫头鹰选择器,您造吗? —— 由神码大姐分享
  25. HTML5解决跨域方案之postMessagepostMessage()方法可以使不同源的脚本采用异步方式进行数据传递 两个参数 data 传递的数据,在传递参数的时候需要使用JSON.stringify()方法将对象参数序列化 origin 目标的源,协议,主机,端口号 将主页面和次级…
  26. CSS border属性–妙用在ie下实现圆角效果 (由于border-radius兼容性特别差,所以要在ie低版本浏览器下实现圆周角效果特别难)利用border-style的dotted效果可实现如下图所示的圆效果: 代码简单如下 {代码…} 制作三杠icon效果 其实…

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

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


关注我

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

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

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