20170912 前端开发日报

前端性能优化之加载技术;使用 Chrome DevTools 调试 JavaScript;Javascript 代码重构,美化你代码;node.js – 收藏集 – 掘金;一步步带你做Vue后台管理框架(二)——上手使用;vue应用产品之iShow H5编辑器;angular4 从零到实战讲解;CSS Checkbox 合集

  1. 前端性能优化之加载技术 在这个前端用户体验越来越重要的时代,你的页面稍微有点卡顿,都难以挽留用户。而作为一名有追求的前端,势必要力所能及地优化我们前端页面的性能。今天,就来谈一谈那些前端性能优化的加载技术,利用这些技术可以很好地提高网站的响应速度和用户体验。 页面渲染 在理解真正的优
  2. 使用 Chrome DevTools 调试 JavaScript 彻底地摒弃 console.log 调试!了解如何在Chrome开发者工具中使用断点来调试代码。 作为一名新开发人员,查找和修复 bug 可能非常困难。 你可能会随机使用 console.log(),试图查看代码的工作工作情况。 那么我现在告诉你,你不
  3. Javascript 代码重构,美化你代码 前言 同样一个功能,可以用很多方法来实现,有时候由于项目时间紧张,导致很多时候只是实现了功能,往往忽视了代码质量。下面几种代码重构方法,以便大家可以写出更漂亮的代码。本文内容是我的读书笔记
  4. node.js - 收藏集 - 掘金 如何部署 Node.js 应用 - 后端 - 掘金当你熟悉 Node.js 之后很可能会自己写些小东西放在 VPS 上跑,比如说一个个人的 API 服务,或者是你的网站。这篇文章分享的内容不管你的 app 大小,都相对适用,因为我们的原则是「run it fo
  5. 一步步带你做vue后台管理框架(二)——上手使用 系列教程《一步步带你做vue后台管理框架》第二课 github地址:vue-framework-wz
  6. vue应用产品之iShow H5编辑器 什么都不说,先上demo github地址: github.com/qiuyaofan/i… 文档: qiuyaofan.github.io/iShow/ 网站在线地址: qiuyaofan.github.io/ishowPage 今年年初,开始断断续续打磨自己的vue编辑器,到现在也有半年有余。目前是ishow1.0版本,后续会不断完善,也欢迎大家贡献自己的想法,共同进步。如果喜欢这...
  7. angular4 从零到实战讲解 angular是一个比较完善的前端MVC框架,包含了模板,数据双向绑定,路由,服务,过滤器,依赖注入等等所有的功能,基本上只要你做web开发,angular都会提供一个,换句话说,相对于一些其它的只关注前端某一方面的框架来说,学习angluar这么一个框架,往
  8. CSS Checkbox 合集 各种样式的 CSS 复选框,任君挑选,兼容 IE9 + 和所有现代浏览器。
  9. 当 webpack 遇上 symlink在开发若干个有相互依赖关系的库的时候,通常都会采用 symlink 的方式互相引用,比较典型的一种场景就是使用 lerna 开发多个 package 。 lerna 简介 lerna 是用于管理拥有多个 package 的 JavaScript 项目,其典...
  10. 如何快速把 Vue 项目升级到 webpack3        由于 webpack3升级后,新增了  Scope Hositing(作用域提升) 功能,
  11. 用Nodejs开发命令行工具 前言 准备工作 Hello World 内容详解 index.js package.JSON npm link命令 发布项目到npm官网供大家使用 如何处理命令行参数 单元测试 让你的项目显得正规(github badges) 持续集成(CI)和代码覆盖率
  12. 由 ECMA 规范解读 Javascript 可执行上下文概念前言 其实规范这东西不是给人看的,它更多的是给语言实现者提供参考。但是当碰到问题找不到答案时,规范往往能提供想要的答案 。偶尔读一下能够带来很大的启发和思考,如果只读一章 Javascript 规范,某位大神觉...
  13. elasticsearch-js:ElasticSearch 的前端工具类 前端ElasticSearch实现查询的工具类,例子见 demo.html 查询说明 用户输入多添加时,多个查询条件用空格分割,但如果实际查询条件中带空格,请用双引号(""),括起来。 查询条件中,支持"非"操作,例如-广州, 意思是 不要包含广州 的内容。 例如: 中国 广州 -女 "hello wo...
  14. Angular做一个笔记文章管理应用 前言 相信大家在逛技术论坛或者技术博客的时候,都会发现有些写的很好的文章我们想保存下来以便可以重复翻阅和查看,在一些相对大的站点,比如掘金或者SegmentFault都会提供类似收藏这样的功能来帮我们做这个保存的工作,我们以后可以回来重复查看,但是我们平时浏览的站点肯定不止一个,并且有时候一些个人的技术博...
  15. Car2go 如何选择前端框架 作者:Sumit Kumar 原文链接:car2godevs 2016年12月,car2go 开始在柏林及汉堡组建新的前端团队开发一些内部产品。汇聚了一批有 NodeJS、前端、rails 以及其它开发经验的人,很快,前端框架的问题暴露出来了。 在2017年组建一支新的前端开发团队意味着不得不面对框架选择的争论。虽然我已经是一些框架的粉丝了,但...
  16. 20170910 前端开发日报】JavaScript并发模型与Event Loop;JavaScript 高级技巧;我们来看看尤大神谈Vue.js;Angularjs前端开发总结;如何制作离线友好的表单。 ​​​
  17. Facebook发布JavaScript包管理器Yarn 1.0 Facebook在官方网站上 正式发布 了JavaScript包管理器Yarn 1.0。在从Yarn诞生之日起至今的11个月时间里,Yarn拥有了大批的追随者。GitHub上有175,000个项目在使用Yarn,许多大大小小的公司和广大开源社区也在使用Yarn,每个月通过Yarn下载的包数量接近30亿个。Yarn为广大用户节省了大量的时间。Twitter和微软说他们的包...
  18. 深入浅出webpack教程系列(共9篇) webpack,我想大家应该都知道或者听过,Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建,比如vue官方就推荐使用webpack.废话不多说,我们赶紧开始吧. 第一步、安装webpac
  19. 在 2017 年学习 React + Redux 的一些建议(上篇)》使用 React + Redux 这个技术栈开发应用已经有很长一段时间了,我的一些使用经验也许会有些主观,但我觉得写出来也许对你开始学习或是进阶使用 React + Redux 会有些帮助。(by 郭永峰) ​​​
    在 2017 年学习 React + Redux 的一些建议(上篇)
  20. #开源项目#【基于 React 的 SVG 地图组件:React-Simple-Maps】详见: React Simple Maps 是一个用于创建 SVG 地图的组件库,它具备添加地图细节的各类组件,它们可为地图的各个区域添加文字注释、标记以及自定义颜色。Demo 地址: ​​​
    React-Simple-Maps
  21. 区块链是如何工作的——用JavaScript演示 原文:How does blockchain really work? I built an app to show you.作者: Sean Han译者:JeLewine
  22. js 的正则表达式 正则表达式 一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息(搜索),也可以用来查找并编辑特定的信息(替换)。 核心是 匹配,匹配位置或者匹配字符 先简单的介绍一下语法 基本元字符 . : 匹配除了换行符之外的任何单个字符 : 在非特殊...
  23. 探索 React 中 es6 的继承机制 什么是继承呢? 继承(英语:inheritance)是面向对象软件技术当中的一个概念。如果一个类别A“继承自”另一个类别B,就把这个A称为“B的子类别”,而把B称为“A的父类别”也可以称“B是A的超类”。继承可以使得子类别具有父类别的各种属性和方法,而不需要再
  24. MongooseJS 4.11.11 发布,MongoDB 连接包 MongooseJS 4.11.11 已发布,MongooseJS 是使用 JavaScript 编程,连接 MongoDB 数据库的软件包,使 MongoDB 的文档数据模型变的优雅起来,方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。 更新内容: fix(connection): properly set readyState in response to driver 'close' and 'reco...
  25. Windows上安装nvm--nodejs版本管理器
  26. #css3#【css3属性border-radius(css3圆角)】CSS3属性之一:border-radius语法:border-radius : none | <length>{1,4} [ / <length>{1,4} ]?相关属性: border-top-right-radius , border-bottom-right-r...请戳→ #前端开发博客# ​​​
    css3属性border-radius(css3圆角)
  27. React Router 从 v3 升级到 v4 踩坑之旅 tags:开发随笔 概述 和 Angular 那改朝换代般的升级相比,react技术栈一直以其稳定的 API 而备受好评。不过,这次 react-router 从v3到v4的升级,简直是砸 react 的好名声的。 如果你以为这个升级只是在 package.json 中简单的改一下版本号就好了,那你就大错特错了。我相信,你改完版本号之后,会像我当初一样面对成堆...

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

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

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

发表评论

请登录后发表评论: