20170629 前端开发日报

CSS 中的 float 定位技术在 ios 上的实现;小demo原生js同步翻译,可以玩玩儿;最常被遗忘的web性能优化:浏览器缓存;2017前端现状–答题救不了前端新人;vue2.0源码分析之理解响应式架构;Web 自动化之 Headless Chrome 概览;前端周刊第61期:你离 CTC 有多远?;从HTTP切换到HTTPS的完整指南

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

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

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

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

发表评论

请登录后发表评论: