20171014 前端开发日报

HTTP 缓存机制一二三;前端跨域常用方法;函数式编程在Redux/React中的应用;MobX:MobX 和 React 十分钟快速入门;JavaScript 字符串转数字:陷阱(示例);翻译连载 | 第 10 章:异步的函数式(下)-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇;知其然,亦知其所以然——彻底搞懂JS原型继承;CSS三角形的实现原理及运用

  1. HTTP 缓存机制一二三 Web 缓存大致可以分为:数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器缓存。 浏览器缓存也包含很多内容: HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。 在具体了解 HTTP 缓存之前先来明确几个术语: 缓存命中率:从缓存中得到数据的请求…
  2. 前端跨域常用方法 前端跨域常用方法
  3. 函数式编程在Redux/React中的应用 本文简述了软件复杂度问题及应对策略:抽象和组合;展示了抽象和组合在函数式编程中的应用;并展示了Redux/React在解决前端状态管理的复杂度方面对上述理论的实践。这其中包括了一段有趣的Redux推导。 软件复杂度及其应对策略 软件复杂度
  4. MobX:MobX 和 React 十分钟快速入门 MobX 是一种简单的、可扩展的、久经考验的状态管理解决方案。 这个教程将在十分钟内向你详解 MobX 的所有重要概念。MobX 是一个独立的库,但是大部分人将它和 React 共同使用,所以本教程将重点讲解他们的结合使用。 核心理念
  5. JavaScript 字符串转数字:陷阱(示例) 有很多种方式可以将字符串转为数字。我能想到的方式就至少有5种! parseInt(num); // 默认方式 (没有基数) parseInt(num, 10); // parseInt 使用基数 (十进制) parseFloat(num) // 浮点型
  6. 翻译连载 | 第 10 章:异步的函数式(下)-《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇 原文地址:Functional-Light-JS 原文作者:Kyle Simpson-《You-Dont-Know-JS》作者 关于译者:这是一个流淌着沪江血液的纯粹工程:认真,是 HTML 最坚实的梁柱;分享,是 CSS 里最闪耀的一瞥;总结,是 Ja
  7. 知其然,亦知其所以然——彻底搞懂JS原型继承 曾经,我写过下面一段代码,我满心欢喜以为得到了JS面向对象编程和原型继承的真谛。 var pets = { sound: '', makeSound: function() { console.log(this.sound);
  8. #CSS#【CSS三角形的实现原理及运用】css border制作小三角形状及应用(兼容IE6),使用CSS 的border制作小三角,使用两个小三角制作有边框的小三角,本文将详细讲解css border如何兼容IE等各种浏览器的。 #前端开发博客# ​​​

    CSS三角形的实现原理及运用
  9. 移动Web加速技术月报第1期 作者 | Brilliant Open Web 团队breezet、JennyL编辑 | 尾尾 为推进Web技术的发展,Brilliant Open Web 团队特推出每月一期的《移动Web加速技术月报》,该月报将整理较流行的移动Web加速技术,并跟进各项技
  10. Github 推出新工具:警示开发者留意项目中易受攻击的依赖项 | 该功能可以例举已构建项目中的软件库,以可视化的方式呈现易于被开发者们消化的信息,对他们的代码库给出准确的概述。 … (
  11. 9 月份 GitHub 上最火的 JavaScript 开源项目!】推荐 GitHub 上9 月份最受欢迎的 10 个 JavaScript 开源项目,在这些项目中,你有在用或用过哪些呢?详见 ​​​

    9 月份 GitHub 上最火的 JavaScript 开源项目
  12. #前端开发那些事#【新手向 – 用 React 做一个知乎日报】详见:新手向-用react做一个知乎日报 利用 React 做一个知乎日报的步骤,遇到的问题以及解决方法。(作者:始悔不悟) 分享Web前端相关的技术文章、工具资源、学习心得以及笔记。小编会在12小时内审核通过,并与大家分享精选文章。小狮也会在微博【IT程序狮】上,推荐大家的文章。欢迎Web开发者们踊跃投稿哦。

    新手向 – 用 React 做一个知乎日报

  13. Luy 1.0 :一个React-like轮子的诞生 前言 在过去的一个多月中,为了能够更深入的学习,使用React,了解React内部算法,数据结构,我自己,从零开始写了一个玩具框架。
  14. 如何在没有前端框架的情况下实现组件化 预备知识:webpack 相关知识,传统网站模版开发模式 什么是组件 关于组件的定义有非常多的说法,我先举几个例子。 在vuejs下,组件长这个样子 在ReactJS下,组件长这个样子 class HelloMessage extends React
  15. react-router 4.2.* 如何优雅实现嵌套路由 项目地址FBI Warning:由于react-router V4 版本的核心概念是 “Dynamic Routing”,所以该文章只是提供一种尝试思路 ,详情请访问React-Router官网 今天本来是要从0搭建一个React项目的,然后一不小心就装了
  16. 【翻译】React@16 官方文档翻译——Portals Portals 提供了一种很好的将子节点渲染到父组件以外的 DOM 节点的方式。 ReactDOM.createPortal(child, container) 第一个参数(child)是任何可渲染的 Reac
  17. 基于HTML5和WebGL的三维可视立体动态流程图惯例先扯点闲篇 记得15年那会儿,我给人讲WebGL,还得从头科普,三令五申要用Chrome,末了再强调一句,记得启用WebGL功能。今天,但凡懂点儿Web开发的,都会来一句“网页3D用WebGL”。 怎么形容这种感受呢? 这两年…
  18. 《GitHub 2017 开发者年度报告:JS 依然最受欢迎,Python 第二》每年 GitHub 都会推出“Octoverse”报告,其中列出了一些年度的数据,包括其网站中最受欢迎的编程语言、开源项目等。今年的数据让人眼前一亮,我们不妨关注一下…… ​​​

    JS 依然最受欢迎,Python 第二

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

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


关注我

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

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

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