indexedDB 基本使用 2017/12/14 · 基础技术 · 1 评论 · IndexedDB 原文出处: 党黎明    indexedDB简介: indexedDB 是一种使用浏览器存储大量数据的方法.它创造的数据可以被查询,并且可以离线使用.   indexedDB 有以下特点: indexedDB 是 WebSQL 数据库的取代品 indexedDB遵循同源协议(只能访问同域中存储的 […]

React 同构应用 PWA 升级指南 2018/05/25 · JavaScript · PWA, React 原文出处: 林东洲    渐进式Web应用(PWA)入门教程(下) 2018/05/25 · 基础技术 · PWA 原文出处: Craig Buckler   译文出处:葡萄城控件    上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程( […]

渐进式Web应用(PWA)入门教程(上) 2018/05/23 · 基础技术 · PWA 原文出处: Craig Buckler   译文出处:葡萄城控件    最近关于渐进式Web应用有好多讨论,有一些人还在质疑渐进式Web应用是否就是移动端未来。 但在这篇文章中我并不会将渐进式APP和原生的APP进行比较,但有一点是可以肯定的,这两种APP的目标都是使用户体验变得更好。 移动端Web应用有很多 […]

渐进式Web应用(PWA)入门教程(下) 2018/05/25 · 基础技术 · PWA 原文出处: Craig Buckler   译文出处:葡萄城控件    上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程(上) 在这一节中,我们将介绍PWA的原理是什么,它是如何开始工作的。 关于PWA PWA(Progressive Web App), 即渐进 […]

前端优化带来的思考,浅谈前端工程化 2015/10/26 · 前端职场 · 2 评论 · 工程化 原文出处: 叶小钗(@欲苍穹)    前端优化带来的思考,浅谈前端工程化,浅谈前端 这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚: 传输层面:减少请求数,降低请求 […]

铺设基础 这个例子从实现这样一个模块开始,它负责从数据库读取数据,插入新的对象,更新现有对象,删除单个对象和提供在一个object store删除所有对象的选项。这个例子实现的代码是通用的数据访问代码,您可以在任何object store上使用。 奥门永利误乐域,这个模块是通过一个立即执行函数表达式(IIFE)实现,它使用对象字面量来提供结构。下面的代码是模块的摘要,说明了它的基本结构。 Java […]

组件通信和状态管理 本地开发的最大的难点应该就是这一块的内容了。本来由于组件的层级并不算特别复杂,所以我并不打算上 Redux 这种类型的全局状态管理库。主要组件之间的通信就是父子通信和兄弟组件通信。父子组件通信比较简单,父组件的 state 即为子组件的 props,可以通过这个实现父子组件通信。兄弟组件略为复杂,兄弟组件通过共享父组件的状态来进行通信。假如这样的情景,我点击站点,希望能够弹出信 […]

迈向PWA!利用serviceworker的离线访问模式 2017/02/08 · JavaScript · PWA 本文作者: 伯乐在线 – pangjian 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 微信小程序来了,可以利用WEB技术在微信打造一个有着Native应用体验的应用,业界非常看好这种形式。但是你们也许不知道,Google早已有类似的规划,甚至层次更高。那 […]

做 Web 应用要知道的那些事 2015/07/21 · HTML5 · Web应用 本文由 伯乐在线 – 刘健超-J.c 翻译,黄利民 校稿。未经许可,禁止转载! 英文出处:blog.venanti.us。欢迎加入翻译组。 在过去一年里,我从零开始开发一直在我的首个重要的 Web 应用程序。这次经历教会了我许多之前不知道的东西,特别在安全和用户体验方面。 我最后一次尝试开发足够复杂的 […]

我的前端之路:工具化与工程化 2017/01/07 · 基础技术 · 工具化, 工程化 原文出处: 王下邀月熊_Chevalier    前言 近年来,随着浏览器性能的提升与移动互联网浪潮的汹涌而来,Web前端开发进入了高歌猛进,日新月异的时代。这是最好的时代,我们永远在前行,这也是最坏的时代,无数的前端开发框架、技术体系争妍斗艳,让开发者们陷入困惑,乃至于无所适从。 Web前端开发可以追溯于19 […]

H5 玩法知多少 2017/09/01 · HTML5 · 1 评论 · H5 原文出处: 大熊    html5的发布让移动端web增添了很多新的能力,这些能力给我们带来了很多新的玩法,不知你知道了多少呢?下面我将结合案例罗列一些自H5发布以来出现的新玩法,给大家温故而知新。本文也适合大家在策划H5活动的时候作为参考,说不定在这儿就找到灵感了。 构思H5的玩法该从何入手呢?网上的H5五花八门,其 […]

H5页检测手机是否安装app 相关流程 2017/04/21 · HTML5 · 2 评论 · H5 原文出处: sunsmeill    近期公司需要针对分享流程进行优化,其中一点就是前端H5检测是否安装应用,来进行不同的判断(下载或直接跳转到app中)。原理很简单:创建一个iframe去打开uri。如果打开app成功网页进入后台,再切换回来时间会超过2.5s。利用时间去检测。下面来看具体实现过 […]

浅谈移动前端的最佳实践 2015/07/13 · HTML5, JavaScript · 移动前端 原文出处: 叶小钗(@欲苍穹)    浅谈移动前端的最佳实践,浅谈移动最佳实践 前言 这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距: 这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位 […]

参考资料: html5 performance en html5 performance cn javascript onerror api 1 赞 1 收藏 评论 19、在页面加入当前时间   前端相关数据监控 奥门永利误乐域,2015/08/16 · HTML5 · 数据监控 原文出处: AlloyTeam    项目开发完成外发后,没有一个监控系统,我们很难了解到发布出去的代码在用户机器上执 […]

Vim常用插件——前端开发工具系列 2015/08/16 · HTML5 · vim, 插件 原文出处: AlloyTeam    作为一名开发者,应该对编辑器之神Vim)与神之编辑器Emacs有所耳闻吧。编辑器之战的具体细节有兴趣的童鞋可以google之。 Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了。 用习惯了Vim的另一个好处是在linux下可 […]