20170925 前端开发日报

node爬虫-小试牛刀(小说爬取);学习前端我推荐这5本书;原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的;react-redux?mobx?或许我需要更加小巧玲珑的;史上最全面、最透彻的BFC原理剖析;一步步带你做vue后台管理框架 – 登录功能;关于js中的‘==’ 与 ‘===’;React、Jest、Flow 和 Immutable.js 将使用 MIT 许可证

  1. node爬虫-小试牛刀(小说爬取) 接触node两个多月来,因项目紧急,一直无法好好的学习node相关模块,以前接触过python爬虫,今天尝试用node也来写一个小爬虫。 本文用到node模块有: 拉取项目 选择小说目录页面 获取小说所有章节页面地址 使用request获取章节信息 使用che
  2. 学习前端我推荐这5本书 前言 作为一名前端开发人员,如果你告诉我你没有看过任何关于前端的书籍,那么我完全可以认为你不是一名合格的前端开发工程师。为什么我要以“看书”来衡量合格前端的标准?因为前端作为一个特殊的极具变化与开拓性的工种,没有较强的自我学习与思考能力,很难在这激烈又纷杂的环境里存活而不被淘汰,而“看书”则是最基本…
  3. 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 hello~各位亲爱的看官老爷们大家好。估计大家都听过,尽量将CSS放头部,JS放底部,这样可以提高页面的性能。然而,为什么呢?大家有考虑过么?很长一段时间,我都是知其然而不知其所以然,强行背下来应付考核当然可以,但实际应用中必然一塌糊涂。因此洗(wang)心
  4. react-redux?mobx?或许我需要更加小巧玲珑的 前戏 目前前端主流开发框架,react,vue,angular三分天下,至于孰优孰劣这里不评说,一较高下不是几句话说得清的,我挺react,只是因为其他的我用的不多,也许只是先入为主的原因,我更加倾向于react。react带给我们的颠覆我就不班门弄斧了,大神
  5. 史上最全面、最透彻的BFC原理剖析 史上最全面、最透彻的BFC原理剖析 左鹏飞 2017.09.21 本文讲了BFC的概念是什么; BFC的约束规则;咋样才能触发生成新的BFC;BFC在布局中的应用:防止margin重叠(塌陷,以最大的为准); 清除内
  6. 一步步带你做vue后台管理框架 – 登录功能 系列教程《一步步带你做vue后台管理框架》第三课 github地址:vue-framework-wz线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架《一步步带你做vue后台管理框架》第二课:上手使用《一步步带你做vue后台管理框架》第
  7. 关于js中的‘==’ 与 ‘===’ 在js中,'==' 和 '==='运算符用来比较两个值是否相等,但是他们对于相等的定义是不同的。两个运算符都可以用来比较任意类型的操作数,如果两个操作数相等,返回true,否则,返回false。'===' 严格相
  8. React、Jest、Flow 和 Immutable.js 将使用 MIT 许可证 阅读原文(需自备梯子)Adam Wolff下周,我们将根据 MIT 许可证重新授权我们的开源项目 React,Jest,Flow 和 Immutable.js。我们正在重新评估这些项目,因为 React 是 Web 生态上开源软件的基础,我们不希望以非技术原因
  9. 前端够得到的Web安全2–CSRF跨站请求伪造 跨站请求伪造 CSRF(Cross-site request forgery),也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用。尽管听起来像跨站脚本(XSS),但它与XSS非
  10. TypeScript体系调研报告 作者简介:aoto 蚂蚁金服数据前端 Q:为什么要写这边文章?这篇文章要表达什么? A:我们考虑在SPA应用中使用TS作为开发语言,我们需要一篇系统性介绍TS本身及周边的文章来论证在项目中使用TS作为开发语言是科学合理的,而且是顺势而为的。 导引 TS是什
  11. JS中的算法与数据结构——列表(List) 前言 前端很少有机会接触到算法,大多都交互性的操作,所以不少前端工程师会抱着这么一种想法:我是做前端的,为什么要学数据结构与算法?没有数据结构与算法,我一样很好的完成工作。 实际上,算法是一个宽泛的概念,我们平时写的任何
  12. CSS选择器总结 常总结,多归纳,身体棒棒
  13. vue2 + vue-router2+ es6,SPA-仿懂球帝-爆炸足球 Vue2—爆炸足球 模仿懂球帝移动端官网,欢迎各位童鞋star 技术栈
  14. 鸟瞰前端 , 再论性能优化 欢迎大家前往腾讯云技术社区,获取更多腾讯海量技术实践干货哦~导语 : 从事前端有6年+的时间了,从最开始的美工到重构再到偏向js逻辑开发的前端开发,一直在前端这个行业里面摸索和学习,我现在将自己这些年的一个心得体会来个系统性的梳理写成一篇关于性能优化的主题文章
  15. JavaScript的记忆函数真的可以提升性能吗? 1 记忆函数是什么呢?让函数记住曾经计算过的参数对应的结果2 那我们为什么使用记忆函数呢?答案是 避免重复计算3 在工作中如何使用和实现函数记忆 ?形成闭包,在闭包中维护一个哈希数组(其实就是对象),让哈希数组帮你记住曾经你做过的计算请看下面的例子:(计算质数
  16. 前端高性能计算之 WebWorkers 最近做一个项目,里面涉及到在前端做大量计算,直接用js跑了一下,大概需要15s的时间, 也就是用户的浏览器会卡死15s,这个完全接受不了。 虽说有V8这样牛逼的引擎,但大家知道js并不适合做CPU密集型的计算,一是因为单线程,二是因为动态语言。我们就从这两个突破口入手,首先搞定“单线程”的限制,尝试用WebWo…
  17. iPhone X的缺口和CSS》苹果公司(Apple)的发布会也开完了,新产品也将登陆了。估计很多开发人员看到iPhone X的设备是要崩溃了,特别对于前端开发人员更是如此。 (by 大漠) ​​​

    iPhone X的缺口和CSS
  18. TypeScript 中使用 CSS Modules CSS 的全局性 相当长一段时间 CSS 总是在页面上作为一个全局的存在,以前这个『特性』影响还不算很大,命名上注意一点,比如使用 BEM 也能一定程度上解决问题。 但是随着 web 组件化的需求越来越强烈,CSS 的这种特性开始成为束缚开发者自由飞翔的绳索,
  19. 记一次fis3+react开发经历》虽然说是记录fis3+react的一次开发经历。但是在项目的上线前几天收到公司TC委员会的邮件,因为react的开源协议让找到react的替代方案,并且逐步下线线上的react项目。真的是可以用“出师未捷身先死”来形容这次开发了。 (by zhiqiang21 ) ​​​

    记一次fis3+react开发经历
  20. 怎样把网站升级到http/2 为什么要升级到http/2呢?我们用Chrome的控制台进行网站评测的时候,非http/2的网站会给一个建议:意思是说要使用http/2,我之前只是听过http/2的一些介绍,其实http/2已经来了。http/2最大的特点是使用多路复用,对同一个域的服务器只
  21. web项目中图标的前端处理方案 工程中用到图标是常事,那这些图标我们前端一般是怎么解决的呢?这几种方案有什么优缺点呢? 第一种: SVG Sprite SVG sprite其实就是svg的集合。SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称,是一种用来描述
  22. 再见,babel-preset-2015 我猜很多同学和我一样每次使用 Babel 的时候,必选的 preset 就是 ES2015。 然而就在最近,如果你再次安装 babel-preset-es2015 时
  23. 前端感官性能的衡量和优化实践 本文已发表在2017年8月《程序员》杂志。 我们为什么需要关注站点的性能,性能为什么如此重要呢?如今任何互联网产品首先重要的都是流量,流量最终会转换为商业价值。所以在互联网产品中,流量、转化率和留存率基本上是产品经理或者业务非常关注的几个因素,而性能则会直接影响到用户的转化和留存(在一定阶段…
  24. #开源项目#【Vue 后台管理框架:vue-framework-wz】详见: vue-framework-wz 是一款 Vue 实现的后台管理框架,它集成了权限管理、登录功能、UI 组件、七牛上传等功能,可以直接应用。项目体验地址: ​​​

    vue-framework-wz
  25. #jquery代码#【jquery插件ScrollTo】jquery插件ScrollTo,jquery滚动到指定位置,为什么老外的js就这么牛逼呢?与我自己写起来的插件相差不是一两米啊/** * jQuery.ScrollTo * Copyright (c) 2007-2008 Ariel Flesler – aflesl…请戳→ #前端开发博客# ​​​

    jquery插件ScrollTo
  26. react-native-splash-screen集成实践(ios & android) react-native在启动的时候会有瞬间的白屏出现,ios白屏时间会很短,安卓要相对长一些,大概1-3s时间。这是react-native的工作机制决定的。 react-native在启动时会装载js bundle到内存并渲染界面,这段时间界面是一个空Vi
  27. Vue 2.0学习笔记:v-text和v-html Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,在应用状态改变时,Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。 如…

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

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


关注我

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

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

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