20171214 前端开发日报

从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型;CSS等比例缩放的盒子;听说你想学 React.js ?;全本 | iKcamp翻译 | 《JavaScript 轻量级函数式编程》|《你不知道的JS》姊妹篇;基于gulp+webpack 快速搭建的前端自动化脚手架;Vue单页面骨架屏实践;移动Web加速技术月报第3期;带你从零到一理解 HTTPS

  1. 从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型 我们知道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了。所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css盒子模型的方式将div元素包含。 元素分类 HTML5中,元素主要分为7类: Metadata Flow Sectioning Heading Phrasing Embedded Interactive 这些分类集合互相…
  2. CSS等比例缩放的盒子 原文:《你不知道的 CSS》之等比例缩放的盒子 你肯定已经知道,对于一个 img 元素而言,你可以单独地修改它的 width 或者 height 属性来设置它的大小,同时图片的比例还能够保持不变。 如下图所示,最上面是原始大小的图片,下面两张则
  3. 听说你想学 React.js ? 原文地址:So you want to learn React.js? 原文作者:Samer Buna 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:tv_哇 校对者:kangkai124 jonjia 听说你
  4. 全本 | iKcamp翻译 | 《JavaScript 轻量级函数式编程》|《你不知道的JS》姊妹篇 原文地址:Functional-Light-JS 原文作者:Kyle Simpson - 《You-Dont-Know-JS》作者 译者团队(排名不分先后):阿希、blueken、brucecham、cfanlife、dail、kyoko-df、l3ve、
  5. 基于gulp+webpack 快速搭建的前端自动化脚手架 适用于中小型项目,快速构建前端项目框架。比如运营活动页,官网类,简单移动端项目,小demo测试等 项目启动 // 常用命令 开发环境: npm run dev 生产环境: npm run build // 单任务命令 执行压缩: gulp zip 编译页面: gulp html 编译脚本: gulp script 编译样式: gulp styles 语法检测: gulp eslint 压缩图…
  6. 移动Web加速技术月报第3期 为推进Web技术的发展,Brilliant Open Web 团队特推出每月一期的《移动Web加速技术月报》,该月报将整理较流行的移动Web加速技术,并跟进各项技术的进展和发展方向,以期帮助开发者了解或选用相关的技术,把握技术发展趋势。欢迎关注【OpenWeb
  7. 带你从零到一理解 HTTPS 前言 本文将逐步的来还原 HTTPS 的设计过程,理解从 HTTP 到 HTTPS 的转变中,到底都发生了些什么。 HTTP 的缺陷 首先先来说说为什么需要 HTTPS, 也就是 HTTP 的主要不足是什么 通信使用明文(不加密),内容可能会被窃听 不验证通
  8. [面试∙网络] TCP/IP(六):HTTP 与 HTTPS 简介 本文是准备面试过程中网络部分总结整理的最后一篇文章,主要介绍以下知识: HTTP 协议概述 POST 请求和 GET 请求 Cookie 和 Session 数据传输时的加密 HTTPS 简介 HTTP 协议 在 OSI 七层模型中,HTTP 协议位于最顶
  9. 在本地开发环境(Mac)中安装自签名证书,启用https0. 前言 今天一大早上班Chrome浏览器提示已经自动升级(Version 63)需要重启浏览器,重启之后发现本地的开发环境打开不,原因是新版的浏览器强制将http转换成https了,而我本地的开发环境没有启用https。解决方…
  10. 从 React 到 Preact 迁移指南 作者 | 刘凯 专注 Web 前端技术,崇尚一目了然的设计。 为什么选 Preact Fast 3kB alternative to React with the same ES6 API. React 的 3kb 轻量化方案,拥有同样的 ES6 API 体积小。React v15.6.1 有 49.8kb,最新的 React v16.0 小了很多,…

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

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


关注我

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

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

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