20180615 前端开发日报

用最短的 CSS 样式,勾勒大数据演示屏;PWA 再进化,可以生成一个安卓原生的 WebAPK 了;Vue Native – 用 JavaScript 和 Vue 开发原生移动应用;CSS 实用的 Debug 技巧;React中型项目的优化实践;webpack4.0让编译速度飙升;弹幕系统很复杂?前端工程师也能完成;移动web体验月报(5月):MIP引入MIP-SHELL组件;Google Search推出AMP页面新使用场景

  1. 用最短的 CSS 样式,勾勒大数据演示屏 先看案例效果,再看心得与总结 前段时间撸了一个演示平台,输入任一手机号,可追踪其行迹,类似《人民的名义》追踪丁义珍的效果,很明显涉密了,因此特意克隆了一个,并把后端阉割了,目前查询号码写死为我的号码,数据替换为静态的: 演示地址(阉割后端) 效果预览 ...
  2. PWA 再进化,可以生成一个安卓原生的 WebAPK 了 By Pete LePage Pete is a Developer Advocate Add to Home Screen on Android does more than just a
  3. Vue Native - 用 JavaScript 和 Vue 开发原生移动应用 Introduction First of all we would like to thank SmallComfort (https://github.com/SmallComfort/react-vue) for their efforts i
  4. CSS 实用的 Debug 技巧 简评:这个技巧很棒,可以一目了然不同层级之间的关系,可以很快看出不同浏览器的怪异行为, PS: FireFox 的 3D View 也是很棒的功能(Tilt 3D )。 Debugger CSS 比如有这么一个需求,设计一个标题,标题中的图片需要悬浮在多行所有文字上,如上图所示。 现在我们想要调试这个标...
  5. React中型项目的优化实践 写在前头--在公司搬砖也差不多一年了,眼看着项目越来越大,优化问题亟待解决。优化是一件很矛盾的事情,但是为了诗和远方,我们还是得走一趟坑坑洼洼的优化之路。 本文可能涉及的内容-- 项目介绍 整个项目大概有60+个页面,用到的组件大概150+,package
  6. webpack4.0让编译速度飙升 前端开发一个crm项目的时候,因为项目内容比较庞大,导致webpack编译和打包都巨慢,实在是影响开发效率,所以着手升级webpack。 webpack4-ES6-react webpack4-es6-react是一个全新的基于webpack4
  7. 弹幕系统很复杂?前端工程师也能完成 socket.io 简介 使用流行的 web 应用技术栈 —— 比如PHP —— 来编写聊天应用通常是很困难的。它包含了轮询服务器以检测变化,还要追踪时间戳,并且这种实现是比较慢的。 大多数实时聊天系统通常基于 WebSocket 来构建,具体来说就是sock
  8. 移动Web体验月报(5月):MIP引入MIP-SHELL组件;Google Search推出AMP页面新使用场景 为推进Web技术的发展,Brilliant Open Web 团队特推出每月一期的月报,该月报将整理较流行的移动Web加速技术,并跟进各项技术的进展和发展方向,以期帮助开发者了解或选用相关的技术,把握技术发展趋势。欢迎关注【OpenWeb开发者】公众号并回复“
  9. 开始CSS模块 | CSS-Tricks 这里不止一种方法来让CSS模块与JavaScript模板、CSS文件或者构建步骤运行起来。这篇文章作为CSS模块系列文章的一部分,我们学习一种方法。本文的目的就是开始一个CSS模块项目并且运行起来。 系列文章 Part 1: 什么是CSS模块以
  10. 程序员最佳网站】作为程序员,你经常会发现自己是某些网站的永久访问者。它们可以是教程、参考或论坛。因此,在这篇文章中,让我们看看给程序员的最佳网站。全文=> ​​​    作为程序员,你经常会发现自己是某些网站的永久访问者。它们可以是教程、参考或论坛。因此,在这篇文章中,让我们看看给程序员的最佳网站。   W3Schools   W3Schools 是为初学者和有经验的 Web 开发人员学习各种编程语言的最佳网站之一。你可以学习 HTML5css3、PHP、 JavaScript、ASP 等。   ...

    程序员最佳网站
  11. 什么是CSS模块以及你为什么需要它们?| CSS-Tricks #什么是CSS模块以及你为什么需要它们? 我最近对CSS模块很好奇。如果你还没有听说过它们,这篇文章就是为你而写。我们将了解CSS模块以及它的目的是什么。如果你也感兴趣,请持续跟踪,下一篇文章将关于怎样使用CSS模块。如果你想进一步提高你的CSS模块使
  12. 20180614 前端开发日报】译 | 为什么前端开发这么不稳定?;GitHub 和开源是对穷人的恩赐;vue中vuex,echarts,地图,ueditor的使用(一篇就够);深入理解javascript系列(二):内存空间;JavaScript之节流与防抖;D3.js 漫游指南;大型Vuex应用程...详情→ ​​​

    20180614 前端开发日报
  13. GitHub 5月最受欢迎开源发布】刷新知识,更新自己 ​​​
  14. WebAssembly 现状与实战 WebAssembly 现状与实战 为什么需要 WebAssembly 自从 JavaScript 诞生起到现在已经变成最流行的编程语言,这背后正是 Web 的发展所推动的。Web 应用变得更多更复杂,但这也渐渐暴露出了 JavaScript
  15. 如何选择 Web 前端模板引擎?》Web 模板就在那里 模板引擎负责组装数据,以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。 无论你是否直接使用模板引擎,Web 模板一直都在,不在前端就在后端。 (by 喻恒春) ​​​

    如何选择 Web 前端模板引擎

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

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

原文:20180615 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180615.html)