CSS 中的 float 定位技术在 iOS 上的实现；小demo原生js同步翻译，可以玩玩儿；最常被遗忘的Web性能优化：浏览器缓存；2017前端现状–答题救不了前端新人；vue2.0源码分析之理解响应式架构；Web 自动化之 Headless Chrome 概览；前端周刊第61期：你离 CTC 有多远？；从HTTP切换到HTTPS的完整指南
-
CSS 中的 float 定位技术在 iOS 上的实现 CSS中的float属性简介 几乎所有会WEB前端开发的同学都知道CSS中有一个float属性用于实现HTML元素的浮动定位展示。float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围。不过在 CSS 中，任何元素都可以浮动，假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过…
-
小demo原生js同步翻译，可以玩玩儿1. 背景： 平时不知道用js写什么练手，这里就写了一个类似百度翻译的小demo。大家可以平时没事儿了看看书，写写像这种类型的小demo,调用以下公开的api即可。对于学生党，能进入学校实验室做项目更好。进不去的，…
-
最常被遗忘的Web性能优化：浏览器缓存一提起缓存，Web开发者们总是在想数据库缓存、页面静态化、使用Redis内存缓存。这些方法都有一个共性，就是集中在后台，目的就是加快数据的读取，少用比较容易产生瓶颈的部分。 后台该优化的都优化到了最佳状态，…
-
vue2.0源码分析之理解响应式架构 我之前介绍过vue1.0如何实现observer和watcher。本想继续写下去，可是vue2.0横空出世..所以 直接看vue2.0吧。这篇文章在公司分享过，终于写出来了。我们采用用最精简的代码，还原vue2.0响应式架构实现 以前写的那篇 vue 源码分析之如何实现 observer 和 watcher可以作为本次分享的参考。 不过不看也没关系，但是最好了解…
-
Web 自动化之 Headless Chrome 概览 Web自动化 这里所说的Web自动化是所有跟页面相关的自动化，比如页面爬取，数据抓取，页面内容检测，页面功能测试，页面加载性能测试，页面回归测试等等，当前主要由如下几种解决方式： 文本数据获取 这就是各种request库或者类似curl这样的工具做的事情，拿到的是页面的文本，然后进行XML文档解析，获…
-
前端周刊第61期：你离 CTC 有多远？最近阿里云的美女工程师张秋怡被 Node.js 社区吸纳为 CTC（核心技术委员会）成员，只有对 Node.js 社区有足够大贡献的人，才会被吸纳为 CTC 成员，张秋怡做了哪些贡献？如果你想参与开源社区，她是个很好的参照。…
-
从HTTP切换到HTTPS的完整指南 现在HTTPS是每个网站的必备条件：用户在提供详细信息时希望他们的信息是安全的; Chrome和Firefox将那些有提交表单页面但是不是HTTPS的网站明确标记为不安全的; 这是一个SEO排名因素 ; 一般而言，这对用户隐私有严重的影响… —— 由igeekbar分享
-
用css实现自定义虚线边框 开发产品功能的时候ui往往会给出虚线边框的效果图，于是乎，我们往往第一时间想到的是用css里的border，可是border里一般就提供两种效果，dashed或者dotted，ui这时就不满意了，说虚线太密了。废话不多说，下面直接给解决方案（参考css揭秘）：
-
构建生产环境下的 CSS Grid 布局 CSS Grid 为我们带来了真正的网格布局解决方案，会为现有的 Web 布局方式注入新的活力。本文则介绍了 CSS Grid 的基础概念和它带来的机会与挑战，应该如何在实践中利用 CSS Grid 进行应用布局；作者还以 WordPress 主题为例，介绍了真实应用开发中存在的问题、对比了老的解决方法与基于 CSS Grid 的布局方式。本文首先介…
-
使用css完成引导用户按照流程完成任务的进度导航条 使用纯css实现流程进度条 —— 由╰︶五个半柠檬分享
-
使用tmpfs加速前端构建 前端引入的构建需要处理大量读写脚本、工程文件的读写，常见的磁盘IO速度决定了编译速度的快慢。在一个典型的编译环境下面，基于webpack的打包可能会占据到20秒甚至更多，对于频繁更新打包的项目，这里节省的时候就比较可贵了，开发环境可以应用watch选项完成增量的打包，对于发布环境等全量打包环境，对于*inux系统下面…
-
深入理解React 组件状态（State） 深入理解React 组件状态（State） —— 由xuchaobei分享
-
现代前端科技解析 —— 数据响应式系统 (Data Reactivity System) 从零开始一步步实现Vue2中的数据响应式系统，示例库附有完整的注释和测试 —— 由AnYan分享
-
React Native 中的Flex使用 React Native 中的Flex使用 —— 由东之尘分享
-
Ionic2Cordova蓝牙插件封装 一个完整的基于Ionic2环境下cordova android平台插件的封装过程 —— 由jsochen分享 一个完整的基于Ionic2环境下cordova android平台插件的封装过程 —— 由jsochen分享
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
