前端的数据库:IndexedDB入门

打开数据库的请求生命周期 IndexedDB使用事件生命周期管理数据库的打开和配置操作。图2演示了一个打开的请求在一定的环境下产生upgrade need事件。 图2:IndexedDB打开请求的生命周期 所有与数据库的交互开始于一个打开的请求。试图打开数据库时,您必须传递一个被请求数据库的版本号的整数值。在打开请求时,浏览器对比你传入的用于打开请求的版本号与实际数据库的版本号。如果所请求的版本号 … 继续阅读“前端的数据库:IndexedDB入门”

pwa重构上海地铁线路图

pwa重构上海地铁线路图 2018/03/28 · JavaScript · PWA 原文出处: Neal    之前一直有在维护一个上海地铁线路图的 pwa,最主要的特性就是 “offline first”。但是由于代码都是通过原生的 js 去实现,之前我都不是很喜欢去用框架,不想具有任何框架的偏好。但是到后期随着代码量的增加,代码的确变得混乱不堪,拓展新功能也变得尤为困难。因此,花了将近两个礼 … 继续阅读“pwa重构上海地铁线路图”

利用 Service worker 创建一个非常简单的离线页面

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

开发一个 Web App 必须了解的那些事蒲京娱乐场网站

用户体验(UX) 表单:当提交一个表单后,用户应收到提交后的反馈。如果提交后不向用户发送一个不同的页面,那么就应该有弹框或 alert 一些信息,以便让用户知道这次提交是否成功。 登录重定向:如果用户打算在你的网站打开一个页面,但并没有登录,那么他们应该首先接收到一个能登录的页面,并在登录后重定向到一个他们原本想打开的一个页面(当然,前提是已得到授权)。 如果他们尝试登录,但提供了一个错误的密码, … 继续阅读“开发一个 Web App 必须了解的那些事蒲京娱乐场网站”

我的前端之路蒲京娱乐场网站:工具化与工程化

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

H5 玩法知多少

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

H5页检测手机是否安装app 相关流程

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

浅谈移动前端的最佳实践,浅谈移动最佳实践

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

前端相关数据监控

前端相关数据监控 2015/08/16 · HTML5 · 数据监控 原文出处: AlloyTeam    项目开发完成外发后,没有一个监控系统,我们很难了解到发布出去的代码在用户机器上执行是否正确,所以需要建立前端代码性能相关的监控系统。 所以我们需要做以下的一些模块: 一、收集脚本执行错误 JavaScript function error(msg,url,line){ var REPORT_ … 继续阅读“前端相关数据监控”

自用的VIM插件蒲京娱乐场网站:

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

最近学习JS的感悟蒲京娱乐场网站-1

自定义标签在IE6-8的困境 2015/07/20 · HTML5 · IE, 自定义标签 原文出处: 司徒正美    或许未来前端组件化之路都是自定义标签,但这东西早在20年前,JSTL已在搞了。现在Web Component还只有webkit支持。但一个组件库,还需要一个特殊的标识它们是一块的。不过这个XML已经帮我们搞定了,使用scopeName,如”<xxx:dialog>”。 … 继续阅读“最近学习JS的感悟蒲京娱乐场网站-1”

用手机访问本地环境的利器ngrok

用手机访问本地环境的利器ngrok 2015/08/11 · HTML5 · 4 评论 · ngrok 原文出处: 吕大豹    我们在调试移动端页面,尤其是调试微信页面的时候,会遇到这样的情况,手机连着公司的wifi,开发环境(台式机)插着公司的网线,我们要用手机来访问开发环境下的页面。这个时候,如果网线和wifi是在同一个网段,那么直接在手机访问电脑的ip就可以访问到我们搭在本地的web服务。 … 继续阅读“用手机访问本地环境的利器ngrok”

蒲京娱乐场网站File杂谈——拖拽异步上传实现

File杂谈——拖拽异步上传实现 2015/07/25 · HTML5 · 异步上传 原文出处: 百码山庄    在前一篇文章《File杂谈——拖拽上传前传》中我制作了一个静态的拖拽上传界面,拖拽文件到显示区域释放,可以显示拖入文件的基本信息。本文将在此基础上进一步加工,打造一个完整的拖拽上传示例。 在XMLHttpRequest Level2出台之前,大多数的异步上传图片都是利用iframe去实 … 继续阅读“蒲京娱乐场网站File杂谈——拖拽异步上传实现”

File杂谈——拖拽异步上传实现

File杂谈——拖拽上传前传 2015/07/24 · HTML5 · 拖拽上传 原文出处: 百码山庄    在《File杂谈——初识file控件》一文中,我们已经对file控件有了初步的了解,并且对制作一个视觉和体验一致的file控件做了较为详细的说明,今天我们继续了解file控件的更多特性,并延伸出更多。 FileReader基本使用 首先我们来看一下如何创建一个FileReader实例对象, … 继续阅读“File杂谈——拖拽异步上传实现”

HTML5实现屏幕手势解锁

HTML5实现屏幕手势解锁 2015/07/18 · HTML5 · 1 评论 · 手势解锁 原文出处: AlloyTeam    效果展示 实现原理 利用HTML5的canvas,将解锁的圈圈划出,利用touch事件解锁这些圈圈,直接看代码。 JavaScript function createCircle() {// 创建解锁点的坐标,根据canvas的大小来平均分配半径 var n = ch … 继续阅读“HTML5实现屏幕手势解锁”