20170720 前端开发日报

可能是迄今为止最好的 GitHub 代码浏览插件;慕课网js面试题学习笔记(ES6 标准) ——实时更新;我所不注意的那些CSS冷知识,但却阻止了我做项目的速度;CSS入门指南-2:盒子模型、浮动和清除;刷题——Codewars Js题目(持续更新);CSS 文本截断知多少;React + BaiduMap + Node.js , 实现的上海各小区房价一览表;Vue SPA + Nodejs项目实战

  1. 可能是迄今为止最好的 GitHub 代码浏览插件 GitHub是很多开发者远(tong)程(xing)协(jiao)作(you)的重要工具,其社交化编码的理念伴随着开源运动改变着整个开发社区的生态,无数优质项目依托GitHub在全球开源开发者的参与下蓬勃发展。 不过,讲真,你有在GitHub上好好读过代码吗? 对于大部分人来说恐怕是没有,GitHub作为一款基于Git的代码管理工具和…
  2. 慕课网js面试题学习笔记(ES6 标准) ——实时更新1、typeof有几种结果 {代码…} 2、何时使用 ===,何时使用 == {代码…} 3、js中的内置函数有哪些? {代码…} 4、window.onload和DOMContentLoaded的区别 {代码…} 5、如何理解JSON {代码…} 5、444
  3. 我所不注意的那些CSS冷知识,但却阻止了我做项目的速度有序无序列表序列号不显示 我们常常要遇到的是,不显示序列号(设置list-style-type:none),但有时因为项目过大,设置了一些通用属性后,想显示序号却怎么也捣腾不出来,关于list-style-type:none属性,具体去看…
  4. CSS入门指南-2:盒子模型、浮动和清除这是CSS设计指南的读书笔记,用于加深学习效果。 上一篇介绍了css 的工作原理,这一篇主要介绍盒子模型和浮动。 盒子模型 所谓盒子模型,就是浏览器为页面中的每个HTML元素生成的矩形盒子。这些盒子们都要按照可…
  5. 刷题——Codewars Js题目(持续更新)发现一个很好的练习做题网站 Codewars 都是自己做过的,先放自己的答案,再放自己觉得不错的其他回答。 1. 将首字母放到后面并加上ay pigIt(‘This is my string’)转换成:pigIt(‘hisTay siay ymay tringsay’) min…
  6. React + BaiduMap + Node.js , 实现的上海各小区房价一览表 React + BaiduMap + Node.js , 实现的上海各小区房价一览表 —— 由xuchaobei分享 React + BaiduMap + Node.js , 实现的上海各小区房价一览表 —— 由xuchaobei分享
  7. Vue SPA + Nodejs项目实战 本文主要阐述的是使用了vue spa单页应用的后台管理系统配合nodejs接口代理,并使用webpack打包编译的项目架构分享。 面向对象是有一定前端开发基础对vue nodejs webpack有一定认识的开发。 —— 由陈峰163分享
  8. 强大的 Angular 选择器感谢 trotyl 指出问题,这篇文章的确是有问题,我疏忽了。 当使用第三方组件时,有时候需要添加缺少的功能。假设,我们自定义了一个 checkbox 组件: {代码…} 你可以使用该组件,但问题是它不支持可访问性 (acc…
  9. VUE页面中加载外部HTML前后端分离,后端提供了接口。但有一部分数据,比较产品说明文件,是存在其他的服务器上的。所以,在页面显示的时候,如果以页面内嵌的形式显示这个说明文件。需要搞点事情以达到想要的效果。 不同以往的IFRAME标…
  10. Webpack 3 的新功能:Scope Hoisting 不久前,Webpack 正式发布了它的第三个版本,这个版本提供了一个新的功能:Scope Hoisting,又译作“作用域提升”。只需在配置文件中添加一个新的插件,就可以让 Webpack 打包出来的代码文件更小、运行的更快 —— 由XaYvier分享
  11. Redux:自问自答  前段时间看了Redux的源码,写了一篇关于Redux的源码分析: Redux:百行代码千行文档,没有看的小伙伴可以看一下,整篇文章主要是对Redux运行的原理进行了大致的解析,但是其实有很多内容并没有明确地深究为什么…
  12. JS——事件流与事件处理程序 本文对事件流和事件处理程序进行了简单整理,主要用于理清思路,不做详细概念解释。供大家复习与记忆使用。 —— 由阿r阿r分享 本文对事件流和事件处理程序进行了简单整理,主要用于理清思路,不做详细概念解释。供大家复习与记忆使用。 —— 由阿r阿r分享
  13. JavaScript代码检查工具对比看到很多团队和开源项目都在用代码检查工具,自己一直没用过,最近加入了新团队有项目在用,就想着研究一下。看到sitepoint上的一篇2015年的文章觉得不错就给翻译出来了。本文译自A Comparison of JavaScript Lin…
  14. Vue折腾记 – (3)写一个不大靠谱的typeahead组件
  15. Vue.js 中,7种定义组件模板的方法 | Codementor – 众成翻译 7 Ways To Define A Component Template in Vue.js 原文地址:https://vuejsdevelopers.com/2017/03/24/vue-js-component-templates/?jsdojo_id=cm_cot —— 由AleCC分享 7 Ways To Define A Component Template in Vue.js 原文地址:https://vuejsdevelopers.com/2017/03/24/vue-js-component-templates/?jsdojo_id=cm_cot —— 由AleCC分享
  16. JavaScript 30 – 一起做一次了不起的挑战JavaScript 30 – 一起做一次了不起的挑战 在Github上看到了wesbos的一个Javascript30天挑战的repo,旨在使用纯JS来进行练习,不允许使用任何其他的库和框架,该挑战共30天,我会在这里复现这30天遇到的挑战与问题…
  17. Nodejs cluster模块深入探究可以收藏我的博客 由表及里 HTTP服务器用于响应来自客户端的请求,当客户端请求数逐渐增大时服务端的处理机制有多种,如tomcat的多线程、nginx的事件循环等。而对于node而言,由于其也采用事件循环和异步I/O机制…
  18. 前端跨域之CORS 在前端开发中出于种种原因,总会有需要访问其它域名数据的时候.比如说,因为某项业务你需要调用一下第三方的一个接口.或者说你需要与其他域名的网站交互一下数据等等.不一而足.但是,与此同时我们也知道.浏览器在出于安全方面的考虑,有一个同源策略.只要是不同域名,不同端口,不同协议之间的通讯都会被浏览器阻止.而在这种情… 在前端开发中出于种种原因,总会有需要访问其它域名数据的时候.比如说,因为某项业务你需要调用一下第三方的一个接口.或者说你需要与其他域名的网站交互一下数据等等.不一而足.但是,与此同时我们也知道.浏览器在出于安全方面的考虑,有一个同源策略.只要是不同域名,不同端口,不同协议之间的通讯都会被浏览器阻止.而在这种情…
  19. 对ES6Generator函数的理解 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。 —— 由wangyiming分享 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。 —— 由wangyiming分享
  20. WebServer Q&A当前主流的web服务器有哪些? Apache Nginx iis Apache的工作模式有哪些?各自的特点和优缺点是什么?适用场景是什么? {代码…} prefork工作模式 特点 {代码…} 优点 {代码…} 缺点 {代码…} worker工作模式…
  21. RxJS: 6个你必须知道的操作符 五分钟阅读,带你了解RxJS中几个非常实用的操作符 —— 由SangKa分享
  22. react-redux-router 一个完整项目解读(附源码) react-redux-router 一个完整项目解读(附源码) 技术栈: webpack + react + react-router + redux + sass + es6 —— 由小钱钱阿圣分享

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

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


关注我

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

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

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