webSQL | 易学教程

chrome浏览器调试常用技巧

阅读更多关于 chrome浏览器调试常用技巧

Element 作为表层html节点，一般用来定位元素节点的样式以及dom对象 $0 选中元素后，在console中输入$0可以直接获取当前的dom对象 dom生成断点 dom元素变化时可以加入断点，包括子节点修改、属性修改和节点移除查看OR添加CSS伪类添加自定义class Console 控制台，百度的控制台上还有招聘信息，调试打印日志 console.log(xx) 都是在Console视窗体现。也可以把想要调试的对象挂载到window对象上，在console慢慢耍。 Store as global variable Console会自动显示返回值，如果要使用它，可以右键选中 Store as global variable ,就会把这个数据赋值给 temp1 ,如果 temp1 已经使用过，则递推 temp2 等等。 copy命令打印出来的数据，不好选中直接复制，可以用 copy 命令进行复制到剪切版。比如 copy(temp1) network 查看页面发出的请求和返回值，以及每个请求的耗时 filter类型多选 windows中按住ctrl并且点击不同类型，即可实现多选。一般看xhr和document。输入框则是匹配接口名称。可以输入 - ，这时会提示指定的属性选项，比如 -method:POST Preserve log 勾选该选项

前端数据库——WebSQL和IndexedDB

阅读更多关于前端数据库——WebSQL和IndexedDB

一、WebSQL WebSQL是前端的一个独立模块，是web存储方式的一种，我们调试的时候会经常看到，只是一般很少使用。并且，当前只有谷歌支持，ie和火狐均不支持。我们对数据库的一般概念是后端才会跟数据库打交道，进行一些业务性的增删改查。而这里的数据库也不同于真正意义上的数据库。废话少说，先出招吧：主要方法： openDatabase ：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。 transaction ：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。 executeSql ：这个方法用于执行实际的 SQL 查询。 openDatabase() 方法对应的五个参数说明：数据库名称版本号描述文本数据库大小创建回调 transaction执行数据库操作，操作内容就是正常的数据库的增删改查。 executeSql是执行具体的sql，参数是1.sql语句（大写？），2.语句中的变量，3.执行后的回调，4. 示例： 1 var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024 ); 2 db.transaction( function (tx) { 3 tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique,

前端数据库——WebSQL和IndexedDB

阅读更多关于前端数据库——WebSQL和IndexedDB

前端数据库——WebSQL和IndexedDB

阅读更多关于前端数据库——WebSQL和IndexedDB

前端数据库——WebSQL和IndexedDB

阅读更多关于前端数据库——WebSQL和IndexedDB

HTML5在客户端存储数据

阅读更多关于 HTML5在客户端存储数据

HTML5在客户端存储数据在html4及之前的版本中，通常使用cookie存储在用户的客户端，并随浏览器的请求一起发送到服务器的，它有一定的过期时间，过期后自动消失，也制约其发展的因素。 HTML5中增加了两种全新的数据存储方式：Web Storage和Web SQL Database. 一、Web Storage sessionStorage（没有时间限制的数据存储） localStorage（针对一个session(记录一系列状态)的数据存储）原先数据存储是由cookie完成的，但是cookie不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高。在HTML5中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能 HTML5使用JavaScript来存储和访问数据 1. localStorage方法存储的数据没有时间限制 <!DOCTYPE html> < html > < head > < meta charset = " utf-8 " /> < title > 存储 </ title > </ head > < body > < script > localStorage . setItem ( "ID" , "12" ) // 登录的时候进行用户名保存

客户端存储技术笔记

阅读更多关于客户端存储技术笔记

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、cookie 1.使用限制根据统计表明，每个域名50个、大小总计4KB的Cookie是安全的，更多的cookie使用需要进行评估。 2.通常的用法如： 1)写入cookie document.cookie = "name=value"; 指定过期时间和可以访问的域名 document.cookie = "name=Raymond; expires=Fri, 31 Dec 9999 23:59:59 GMT;domain=app.foo.com"; document.cookie = "age=43"; 2)读取cookie document.cookie "name=value;age=43" 得到以分号分隔的字符串二、web存储API 1.使用限制 1)Web存储有两个版本：本地存储（Local Storage）和会话存储（Session Storage）。两者使用完全相同的API，但本地存储会持久存在（或者直到用户清除），而会话存储只要浏览器关闭就会消失。Web存储API官方规范的网址为 http://www.w3.org/TR/webstorage。 2)Web存储是与域名一一对应的。和Cookie不同的是，无法让app.foo.com使用www.foo.com存储的数据。

HTML5 Web SQL 数据库

阅读更多关于 HTML5 Web SQL 数据库

HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。你也可以参考我们的 SQL 教程，了解更多数据库操作知识。 Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。核心方法以下是规范中定义的三个核心方法： openDatabase ：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。 transaction ：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。 executeSql ：这个方法用于执行实际的 SQL 查询。打开数据库我们可以使用 openDatabase() 方法来打开已存在的数据库，如果数据库不存在，则会创建一个新的数据库，使用代码如下： var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); openDatabase() 方法对应的五个参数说明：数据库名称版本号描述文本数据库大小创建回调第五个参数，创建回调会在创建数据库后被调用。执行查询操作执行操作使用 database.transaction(

学习WEB前端开发是选择自学还是去培训机构？

阅读更多关于学习WEB前端开发是选择自学还是去培训机构？

WEB前端开发是目前最火的行业之一，竞争很大，工资很高，未来发展也极好。我做WEB开发有很长一段时间，现在经常看见大家在留言问我想转行学习WEB前端但是不知道是选择自学，还是选择培训。今天根据我对于这行业的了解，给大家详细对比一下这两个选择的优势和劣势。如果我解释的大家还是不懂可以直接私聊我。希望可以帮助零基础入门的你少走弯路。个人经历：我学前端并不是培训的，因为我那个时候学开发还是比较早的，WEB这块我做了挺多年，在后端JAVA开发也做过挺久，现在是做项目经理。我最开始也是从大一开始自学的，毕竟大学里学的还是太皮毛了，那个时候对做网页比较有兴趣，所以我还是比较相信兴趣是最好的老师这句话的。那个时候在网上找了一些视频教程学着也是非常痛苦，自己也看了一些书，像《javascript权威指南》（犀牛书）这些书，但是作用都不是很大。所以我在这里不建议大家初学入门前端去看书，还是建议当你学完了一部分基础之后，你再看书温习，效果会更好，这样的效果是我实践出来的，仅代表个人建议。直接完全看书学的后果可能是看了觉得能看懂，但是自己动起手来，啥也写不出来。关于教程视频，不在于多，越多越是不看的，这也是我个人总结出来的，我还是很少见到自己完全视频教程学习能自学会前端开发的，尤其现在框架越来越难，还不断更新，光看视频还是比较难学好前端的，很多代码上的东西如果没有人告诉你

聊一聊前端存储那些事儿

阅读更多关于聊一聊前端存储那些事儿

欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）： http://my.oschina.net/MrHou/blog?catalog=477313&temp=1466755903794 ##1 老朋友cookie ####1.1 是什么？ cookie是什么就用不着我多说了吧，可是有同学会问了，这也算存储？当然算，它也可以存东西不是，而且它会在用户访问服务器的时候被带上。但是，笔者在这里建议，不要使用过量，因为cookie在每次请求的时候都会被带上。你总不想每次访问自己网站接口或者文件的时候都带上一堆可能用不到的信息把？这样会增大请求包的大小。 ####1.2 访问限制性众所周知，cookie可以设置访问域。即，如果你设置cookie的时候，设定了cookie的访问域名为一个顶级域名，则可以达到几个子域名共享cookie的效果。如：腾讯网与微信网页版共享了pac_uid(如图1.2.1与图1.2.2)。图1.2.1 图1.2.2 访问的限制在种下cookie的时候指定。所以，我们可以设定cookie的访问域名限制(当然，不能跨域啦)。有些重要信息，如用户的唯一标识，建议给这些cookie字段加上HttpOnly标识。加上了这个标识的话，我们的客户端js是无法读到与写入加了标识的cookie字段的，这样非常安全。如果有不了解的读者

订阅 webSQL