localStorage.ie6.js

!window.localStorage && function() { window.localStorage = {}; var prefix = 'data-userdata' , body = document.body , html = document.documentElement , mark = function(key, isRomove) { // key 值字符串 try { html.load(prefix); var tmp = html.getAttribut…

使用localstorage及js模版引擎开发 m站设想

目前 m站开发的方式,依然请求完整的html,这样造成的问题就是每次请求的数据量过大过多,在没有wifi的情况下,导致页面打开的速度很慢,耗费的流量也较多:访问m站的多是移动端设备,其浏览器的版本都较高,所以其html5属性localstorage支持性也较好,并且m站页面较为简单,结构性较好,如果使用localstorage+js解析模版+json数据的方式来实现m的结构,其访问速度应该会大幅度提升. 具体实现方式如下: 1.把页面的html节点存储在localstorage中,因为m站结构简…

JavaScript使用localStorage缓存Js和css文件

对于WebApp来说,将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间.特别是当移端信号不好高延迟时优化效果还是很显见的下面的代码可以实现此功能: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title><…

ie6 js报错汇总

假如ie6是一个非美女的人,那不知道为多少人乱刀砍多少次,假如不幸它是一个美女,那不知道要被多少人轮奸完之后还是乱刀砍死. ie6的js的错误说明总是很隐晦的,它喜欢和捉迷藏.报的行数和错误,常常不知道所云,在页面里对应的行数也根本找不到错误的点.只好自己所有js看一遍.受够了这种痛.决定把遇到的ie6下的js报错及对应的代码粘出来,以供参考 var obj = { get : function(){ }, };var arr = [1,2,3,4,]//报错:缺少标识符.字符串或数字如果你有…

ie6 js报错unterminated string constant

原因1:读取js文件时选用的编码不匹配导致该错误. 解决办法: 方法1:修改js的存储编码.可以使用note++打开js文件,再用UTF-8编码方式保存并取代原来的js文件即可,并且在. <script type="text/javascript" src="123.js" charset="UTF-8"></script>…

IE6 js修改img的src属性问题

今天在做项目,有个点击按钮切换图片功能,即修改img的src属性,在IE6下测试,切换图片不显示,右键选择显示图片,可以显示出来,琢磨了很久,最终发现是因为该按钮是a标签导致的, 随后上网查了下,有些人也遇到这个为,据说是IE6认为链接被点击,是跳转,就在本页面不加载资源了,导致图片显示不出来. 最后把按钮改成div做的,测试通过了.…

Web移动端使用localStorage缓存Js和css文件 | 强制不要缓存

1.尽量不把js放在onload事件中,而是放在由用户主动触发的事件 2.加时间戳,时间不同则会加载js而非使用缓存强制不要缓存: <meta http-equiv=Cache-Control content=no-cache /> 必须结合其他:  <meta http-equiv="pragram" content="no-cache"> <!--网页不保存在缓存中,每次…

将css和js缓存到localStorage缓存，提高网页响应速度

适用于小站点,这很极致,很快速~~ /** * Created by SevenNight on 2016/9/21 0021. * 插件功能:使用localStorage缓存js和css文件,减少http请求和页面渲染时间 * 使用方法: * 1.使用此插件前,需要给插件的pageVersion变量赋值,建议变量值由服务器后端输出,当需要更新客户端资源时,修改版本值即可. * 2.加载Js:由于js加载有顺序要求,所以需要将后加载的脚本作为前一个脚本的回调参数传入,如: * whir.res.…

利用 localStorage 储存css js

链接版本号, 可以后台输出到jsp页面上移动端webapp值得一试: 兼容性好网速慢,LS读取+eval大多数情况下快于304 webapp不需要seo,css也可以缓存,再通过js加载浏览器缓存经常会被清理,LS被清理的几率低一些 /** * 插件功能:使用localStorage缓存js和css文件,减少http请求和页面渲染时间,适用于Web移动端H5页面制作. * 插件作者:zhangqs008@163.com * 使用方法: * 1.使用此插件前,需要给插件的pageVers…

将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间

以下代码: //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/…

自己收集的工作js库---2018-02-07

今年工作进度到这里结束,整理一下今年收集的自用js库,后期会更新,代码已贴github=>https://github.com/lpg-kobe/personal-github /** * @param {long} //通用函数库 * @param {onerror} //js错误调试 * @author lpg 2017-11-02 */ window.onerror = function (errorMessage, scriptURI, lineNumber, columnNumber,…

前端基础面试题(JS部分)

1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String 值类型:数值.布尔值.null.undefined. 引用类型:对象.数组.函数. 堆栈数据结构:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出! js数组中提供了以下几个方法可以让我们很方便实现堆栈: shift:从数组中把第一个元素删除,并返回这个元素的值. unshift: 在数组的开头添加一个或更多元素,并返回…

JS高级程序设计3

PS:有一小部分写在了 JS 2017了 JSON <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> IE8支持 JSON.stringify() <script> var book = { "title"…

关于cookies,sessionStorage和localStorage的区别

如果我说得啰嗦了,请麻烦提醒我一下~~ 面试的时候说: 首先这三个可以在浏览器端按下F12,在Application可以查看到. 如下图: cookies: sessionStorage: sessionStorage的生命周期比较短 localStorage: 1. js给我们提供了一个本地数据存储的方案: window.localstorage2. 可以做存, 取, 删的操作 * setItem("key", "value") * getItem("k…

前端基础面试题（js部分）

前端基础面试题(JS部分) 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String值类型:数值.布尔值.null.undefined.引用类型:对象.数组.函数.堆栈数据结构:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!js数组中提供了以下几个方法可以让我们很方便实现堆栈:shift:从数组中把第一个元素删除,并返回这个元素的值.unshift: 在数组的开头添…

JavaScript资源大全中文版（Awesome最新版）

Awesome系列的JavaScript资源整理.awesome-javascript是sorrycc发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架.运行器.QA.MVC框架和库.模板引擎.数据可视化.时间轴.编辑器等. 前端MVC框架与库 angular.js - 前端MVVM框架,支持双向绑定,实现MVC架构,增强Web应用 aurelia - A Javascript client framework for mobile, desktop and web. backbo…

面试题HTML +CSS

HTML+CSS部分1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素:其中img是行元素块级元素:总是在新行上开始,高度.行高及外边距和内边距都可控制,可以容纳内敛元素和其他元素:行元素转换为块级元素方式:display:block:2.将多个元素设置为同一行?清除浮动有几种方式?将多个元素设置为同一行:float,inline-block清除浮动的方式:方…

移动web开发调试工具AlloyLever介绍

简介 web调试有几个非常频繁的刚需:看log.看error.看AJAX发包与回包.其他的如timeline和cookie以及localstorage就不是那么频繁,但是AlloyLever都支持.如你所见: 特征点击alloylever按钮之间切换显示或隐藏工具面板 Console会输出所有用户打印的日志如console.[log/error/info/debug/debug] Console会输出所有的错误信息(脚本错误和网络请求错误) XHR面板会输出所有(XMLHttpRequest)…

构建单页Web应用

摘自前端农民工的博客让我们先来看几个网站: coding teambition cloud9 注意这几个网站的相同点,那就是在浏览器中,做了原先“应当”在客户端做的事情.它们的界面切换非常流畅,响应很迅速,跟传统的网页明显不一样,它们是什么呢?这就是单页Web应用. 所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主界面上.它是AJAX技术的进一步升华,把AJAX的无刷新机制发挥到极致,因此能造就与桌面程序媲美的流畅用…

【转发】构建高可伸缩性的WEB交互式系统（上）

原文转自:http://kb.cnblogs.com/page/503460/ 可伸缩性是一种对软件系统处理能力的设计指标,高可伸缩性代表一种弹性,在系统扩展过程中,能够保证旺盛的生命力,通过很少的改动,就能实现整个系统处理能力的增长. 在系统设计的时候,充分地考虑系统的可伸缩性,一方面能够极大地减少日后的维护开销,并帮助决策者对于投资所能获得的回报进行更加精准的估计:另一方面,高可伸缩性的系统往往会具有更好的容灾能力,从而提供更好的用户体验. WEB交互式系统的可伸缩性主要体现在两个方面: 平…

git workflow常用命令

git init git status git add readme.txt git add --all Adds all new or modified files git commit -m"message" git add '*.txt' Add all txt file in the whole project git remote add originName https://github.com/try-git/try_git.git :告…

封装getElementsByClassName

function getElementsByClassName(oEle,sClass,sEle){ if(oEle.getElementsByClassName){ return oEle.getElementsByClassName(sClass); }else{ var aEle=oEle.getElementsByTagName(sEle || '*'), reg=new RegExp('(^|\\s)'+sClass+'($|\\s)'), arr=[], i=0, iLen=aEle…

IE 创建条件样式

1.HTML 注释 <div id="header">Header Section</div>  2.使用条件样式只有IE5版本以上才能识别IE条件注释那么为什么要创建条件样式呢?言外之意我们创建条件样式有什么好处呢?创建条件样式优点在于:可以将部分兼容代码识让符合条件的浏览器识别:其二让你的主要样式表整洁,清爽.不过大家要记住,虽然我们这里说的是创建有条件样式,但这种条…

前端总结·基础篇·CSS（三）补充

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充目录一.移动端 1.1 视口(viewport) 1.2 媒体查询(media query) 1.3 相对字体大小(rem/em) 二.选择器 2.1 常用 2.2 关系 2.3 伪元素 2.4 伪类 2.5 优先级三.样式重置(reset) 3.1 常用重置 3.2 重置插件(Normalize.css) 四.浏览器前缀 4.1 前缀由来 4.2 解决方案五.兼容性…

基于Vue的WebApp项目开发（六）

实现商品购买列表页面步骤一:新建goodslist.vue文件 <template> <div id="tml">  <div id="mui-content" class="mui-content" style="background-color:#fff"> <ul class="mui-table-view mu…

vue_02day

目录 vue_02 表单指令: 条件指令: 循环指令: 前端数据库: 分隔符: 过滤器: 计算属性: 监听属性: vue编译不生效,闪烁冒泡排序: vue_02 表单指令: <form action="">   <div> <input type="text" v-model=&q…

Allure自动化测试报告之修改allure测试报告名称

1.从github获取allure代码 https://github.com/allure-framework/allure2 2.安装gradle,用于打包jar brew install gradle 3.配置gradle环境变量 vim ~/.bash_profile export GRADLE_HOME=/usr/local/Cellar/gradle/ export PATH=${GRADLE_HOME}/bin 4.生效环境变量 source ~/.bash_profile 5.查看…

聊一聊Axios与登录机制

前言因为HTTP是一个stateless的协议,服务器并不会保存任何关于状态数据. 所以需要登录功能让服务器在以后请求的过程中能够识别到你的身份,而不是每次发请求都要输入用户名和密码. 下面介绍一下,我比较常用的登录方案:请求头携带Token的方式. 具体步骤: 首次登录,将用户名密码传给后端,返回token. 将token存储在localStroage和Vuex中. 用Axios将token写入请求头中. 前端每次请求接口都将携带token信息. 后端判断token是否过期,过期或者没有,则…

store.js - 轻松实现本地存储（LocalStorage）

store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globalStorage 或者 userData 来实现本地存储功能. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果超赞!基于 Bootstrap 的响应式的后台管理模板创意无限!一…

如何在 ie6 中使用 "localStorage"

好吧,我只是个标题党,ie6 下根本无法使用跟 h5 沾边的 localStorage.今天要向大家介绍的是 ie 特有的 userData 的存储方式,并且对它进行封装,使得不支持 localStorage 的浏览器能像使用 localStorage 一样使用 userData. userData 在 IE5.0 中,微软通过一个自定义行为引入了持久化用户数据的概念.用户数据允许每个文档最多 128KB 数据,每个域名最多 1MB 数据.要使用持久化用户数据,首先必须如下所示,使用 CSS 在…

【localStorage.ie6.js】的更多相关文章