20170826 前端开发日报

七个不可错过的React组件库与开发框架;JavaScript 是如何工作的?;web 开发中说高并发的时候,我们在说什么;关于 Node.js 的认证方面的教程(很可能)是有误的;如何编写轻量级 CSS 框架;Nodejs实战——实现一个资源分析系统;10 个 React 小模式;5 个你可能不知道的 CSS 属性

  1. 七个不可错过的React组件库与开发框架】React是如今最火爆的前端技术,从按钮到卷轴到工具条,应有尽有,而且这些组件可以各行其是,也可以组装成复杂的UI,你也可以把UI分解成独立的可服用的模块。这里介绍几个非常重要而有用的React组件库和开发框架。详见(来自:@IT经理网) ​​​
    七个不可错过的React组件库与开发框架
  2. JavaScript 是如何工作的?大家应该都知道 JavaScript 是单线程的,以及听过 V8 引擎的概念。

    这篇文章将会介绍这些概念,并解释 JavaScript 是如何运行的。通过了解这些细节,开发者能更好地编写代码,正确利用其提供的 API。

  3. Web 开发中说高并发的时候,我们在说什么 这并不是一个回答的问题的文章,而是由此引发的一个思考。 大家先心里仔细想想,当你们听到高并发网站时,心里对这个网站是个什么概念?首先想到的是淘宝吗?带着问题,我们一起思考技术 写这个话题是因为我对搜索引擎给我的答案很不满意,然后决定把思考的一些东西分享出来,希望可以大家彼此讨论下...
  4. 关于 Node.js 的认证方面的教程(很可能)是有误的 我搜索了大量关于 Node.js/Express.js 认证的教程。所有这些都是不完整的,甚至以某种方式造成安全错误,可能会伤害新用户。当其他教程不再帮助你时,你或许可以看看这篇文章,这篇文章探讨了如何避免一些常见的身份验证陷阱。同时我也一直在 Node/Express 中寻找强大的、一体化的解决方案,来与 Rails 的 devise 竞争。
  5. 如何编写轻量级 CSS 框架》想说的东西很多,却又无从说起。如今轻量级框架如雨后春笋,层出不穷。我想每个人都应该归纳总结工作中的常见需求,编写一套适合自己的 CSS 框架。 (by nzbin) ​​​
    如何编写轻量级 CSS 框架
  6. Nodejs实战——实现一个资源分析系统最近经验要迁移到https,需要排查页面中需要用到的全部资源,我用nodejs+phantomjs做了一个自动收集页面资源的程序,本文分享下自己的一点经验,注意文章结尾有干货。
  7. 10 个 React 小模式 在过去的几年,我经手过很多大大小小的React项目,在这个过程中,我不断的重复重复,逐渐的形成了一些模式,在这里分享给大家。

    如果你是刚开始接触React,能看到这篇文章,只能说你很幸运 :)。

  8. #前端技术#【5 个你可能不知道的 CSS 属性】详见: 在这篇文章中,作者将分享 5 个相对较新的 CSS 属性。通过总览这些 CSS 属性,告诉你可以使用哪些值,它们的应用场景,并且提供了一些示例帮助你理解。 ​​​
    5 个你可能不知道的 CSS 属性
  9. [js高手之路]js单页hash路由原理与应用实战什么是路由? 通俗点说,就是不同的URL显示不同的内容 什么是单页应用? 单页,英文缩写为SPA( Single Page Application),就是把各种功能做在一个页面内. 那所谓的单页路由应用就是:在一个页面内,通过切换地址...
  10. 阿里校招前端笔试题小结阿里前端笔试题,题目不多,难度也不大,我只记录了两道稍微有点难度的编程题。题目如下:1.JSON.stringify 的功能是,将一个 JavaScript 字面量对象转化为一个 JSON 格式的字符串。例如: {代码...} 当要转化的对...
  11. 前端工程化实践:大前端的转变之路 年初有幸加入到 TalkingData,到现在半年有余。是时候回头看看,这半年走过的路。 团队的充分信任和赋能,使我可以大胆地实践和尝试。 前端团队需要负责很多条产品线的前端开发工作,如果技术规范和技术栈不统一,就很难保证产品的快速迭代。在这半年里,通过推行组件化开发理念、规范 Git 工作流和...
  12. HTML5 实时监听输入框值变化在网页开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。 因此这篇文...
  13. 2017-08-26 前端日报2017-08-26 前端日报 精选 【译】ES6中一些超!级!好!用!的内置方法漫谈 React 组件库开发(一):多层嵌套弹层组件React 高阶组件浅析ES6的工厂函数Webpack 打包优化之速度篇colebemis/feather: Simply beaut...
  14. 【React系列】状态(State)和生命周期在上一篇中写过,组件可以分为函数式组件和类组件,并且更新组件的方法也给出了通过传入ReactDOM.render()方法进行更新。但是这种方式并不能很好地进行封装成独立功能的组件,一些操作会由外部进行控制。而我们理...
  15. webpack 简易配置入门教程 一个简单的webpack配置教程,也算是一个通用的。 本文正文链接 最近公司弄了个有150+页面的项目,心想,终于有机会可以去学习webpack了,以前想学却没有实际项目去引导逼迫去学,现在终于领略到了webpack的强大了。 什么是webpack 在前端的项目开发中,总有大量的页面和样式需要处理,而维护这些文件也...
  16. Angular2开发踩坑系列-生产环境编译版权声明:此文首发于我的个人站Angular2开发踩坑系列-生产环境编译,转载请注明出处。 公司移动端项目需要技术选型,此前仅仅是学过ng2会用而已,于是想趁着这个项目,深入学习一下angular2就提议给CTO。最终选...
  17. Node.js 开发者再一次创建分支 构建 Web 应用的流行开源跨平台运行时环境 Node.js 再次发生了分裂,上一次开发者了 io.js(后来合并了),这一次他们,将仍然会采用开放治理模式管理。这一次引发众多开发者不满的人是技术指导委员会成员 Rod Vagg。Vagg 最近转推了一篇反对行为规范的右翼,导致了一些人向技术指导委员会投诉。8 月 21 日,技术指导委...
  18. 网易前端面经 没想到笔试居然过了,就抱着去西湖转转稳赚不赔的心态去杭州了 记录一些能想起来的问题,对部分进行解析 一面 上来问了下项目的一些问题,然后就开始问基础知识 box-sizing 标准盒模型与IE的盒模型 box-sizing的取值 padding取值 有哪些单位,当为百分比时是根据哪个值算出的 ...
  19. git学习之路之分支管理分支说明 分支管理给多人协同开发,和自主开发提供了可能。。。 未创建分支的时候,head指向是master 创建新分支dev后 haed指向dev分支 每次再dev分支下提交代码的时候,dev分支会往前走一步如图 要是想合并maste...
  20. 我了解到的JavaScript异步编程一、 一道面试题 前段时间面试,考察比较多的是js异步编程方面的相关知识点,如今,正好轮到自己分享技术,所以想把js异步编程学习下,做个总结。下面这个demo 概括了大多数面试过程中遇到的问题: {代码...} 通...
  21. vue源码阅读笔记(8) 上次看了生命周期部分的代码,这次准备看 event 的代码 Vue构造函数和vue实例 instance events.js 之前说过,实例这部分的文件里,一般包括两部分,一部分用在实例init的过程,一部分用在定义Vue构造函数的mixin。events.js 也是,所以废话不多说,咱们开始。 /* @flow */ import { toArray } from '...
  22. JavaScript正则表达式的匹配模式 正则表达式(regular expression) 是一个描述字符模式的对象。JavaScript的 RegExp类 表示正则表达式,String和RegExp都定义了方法,后者使用正则表达式进 行强大的 模式匹配 和 文本检索与替换 功能。 JavaScript的正则表达式语法是Perl5的正则表达式语法的大型子集 ,所以对于有Perl编程经验的程序员来说,学习JavaScri...
  23. MongooseJS 4.11.8 发布,MongoDB 连接包 MongooseJS 4.11.8 已发布,MongooseJS 是使用 JavaScript 编程,连接 MongoDB 数据库的软件包,使 MongoDB 的文档数据模型变的优雅起来,方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。 更新内容如下: feat: add warning about using schema ObjectId as type ObjectId #5571 ...
  24. React 高阶组件浅析 背景 高阶组件的这种写法的诞生来自于社区的实践,目的是解决一些交叉问题(Cross-Cutting Concerns)。而最早时候React官方给出的解决方案是使用mixin。而 React 也在官网中写道: We previously recommended mixins as a way to handle cross-cutting concerns. We’ve since realized that mixins c...
  25. #前端头条#【仿Google首页搜索自动补全!】<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN><html><head><meta http-equiv=Content-Type co...请戳→ #前端开发博客# ​​​
    仿Google首页搜索自动补全
  26. Vue 折腾记 - (9) 写一个挺靠谱的typeahead组件
  27. #AMD#【js概念之AMD-浏览器中的模块规范】感觉好凌乱,对于一些js领域出现的名词都不是很清楚其概念,更别说深入了解原理和应用了。今后将加深这方面的知识,同时也会分享js方面的各种名词和框架,首先我觉得作为一个专...请戳→ #前端开发博客# ​​​
    js概念之AMD-浏览器中的模块规范

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

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

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