20180615 前端开发日报-前端开发博客

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

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