sessionStorage和localStorage不会 sessionStorage和localStorage的存储空间更大； sessionStorage和localStorage有更多丰富易用的接口...status表示http请求的状态，200表示正常响应；404表示资源找不到；500表示服务器端错误。 ④发送ajax请求。...2、Javascript与jQuery有什么区别？ jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。 3、在jQuery中如何注册事件？...通过val()便可以获取input的值 把节点元素名加上作为参数调用jQuery方法便可创建新节点,如：jQuery(“”)。 5、如何向页面插入节点？...（3） 用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。 （4） 当需要设置的样式很多时设置className而不是直接操作style。
索引数据库API避开了查询字符串，它使用的底层API支持将值直接存储在javascript对象中。存储在数据库中的值可以通过键或使用索引获取到，并且可以使用同步或异步方式访问API。...("name")+""; msg.innerHTML+=localStorage["price"]+""; msg.innerHTML...("name")+""; msg.innerHTML+=localStorage["price"]+""; msg.innerHTML...可以实现在页面间传值，比如可以临时存储用户信息。 3.2、Web本地存储事件监听 当程序修改localStorage与sessionStorage时将触发全局事件。.../js/jQuery/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8">
前言 这是前端的JavaScript和JQuery的基础使用，对于日常使用来说，这些代码足够了。我写代码的时候经常忘记，写下常用的代码，用的时候直接看这些，免得再去百度了。...元素的选中的子元素 // js var select = document.querySelector("select"); select.options[select.selectedIndex].innerHTML...动态获取按钮的自定义属性值 $(".auto_item").attr("属性名") 如果想设置属性名，使用$(".auto_item").attr("属性名","值") ---- 获取属性的个数 function...not_existing'); // cookie不存在 => null cookie删除 $.cookie('the_cookie', null，{ expires: -1 }); ---- 本地存储localstorage.../ 存储 localStorage.setItem("lastname", "Gates"); // 取回 localStorage.getItem("lastname"); //删除 localStorage.removeItem
= str.split('&')arr = arr[0].split('=')console.log(arr[1]);var h1 = document.querySelector('h1')h1.innerHTML...('name','小明')//可以多个窗口共享 console.log(localStorage.getItem('name')); localStorage.removeItem('name...')//删除 console.log(localStorage.getItem('name'));----JQuery----一、JQuery：一个快速、简洁的JavaScript...库，设计的宗旨"write less,Do More"1、简介（1）JavaScript库：一个封装好的特定的集合（方法和函数），该库里封装了很多定义好的函数，支持js的常规操作以及一些扩展（2）学习JQuery.../jquery-3.6.0.js">console.log(jQuery);二、入口函数（类似于onload）1、文档加载完毕，图片不加载时候就可以执行函数（1）写法一：
把拖放元素的 draggable 属性设置为 true 拖放元素的属性 ondragstart 调用一个函数, 通过 event 的 dataTransfer.setData() 方法设置被拖数据的数据类型和值...function drag() { event.dataTransfer.setData("***", event.target.id); /* 在这个例子中, 数据类型是 "***", 值是可拖动元素的...canvas绘图.png [4] Web存储: localStorage 和 SessionStorage localStorage 方法存储的数据没有时间限制。...-- 规定了 name 属性后点击提交, 值会出现在 url 框中 --> Date: Time: <...result.png [10] 服务器发送事件 EventSource HTML5 服务器发送事件 (server-sent event) 允许网页获得来自服务器的更新 <div id="resu
在本教程中，我们将介绍如何使用 HTML、CSS 和 JavaScript 创建功能齐全的待办事项应用程序。...功能 为了让用户能够添加任务，我们将使用 JavaScript。...在事件侦听器函数中，我们将从用户获取输入值，将其传递给函数addTask()，并将输入值设置为空字符串。...然后新值存储在newTask变量中。 if 语句验证用户输入的新值。 allTasks[taskIndex].task = newTask：更新数组中的新任务名称。...更新addTask()函数如下： function addTask(task) { // the rest of the code localStorage.setItem("tasks", JSON.stringify
当有需要更新数据，server就能够直接推送数据更新给浏览器。该功能的优点之中的一个就是玩家之间能够实时进行交互。...() { //这里是代码 }); 6.使用jQuery比单纯使用JavaScript有例如以下几个优势： 使用jQuery能够用更短的代码来选择DOM节点并对其进行改动。...使用jQuery库能够让代码无须做额外的调整就能够支持全部主流浏览器。jQuery对纯JavaScript代码进行包装以达到自身实现跨浏览器的能力。...localStorage.setItem ( key, value );键是记录的名称，用它来标识相应的实体；值是将保存的不论什么数据。...当设置一个键-值对到localStorage中时，假设超出限制，浏览器会抛出一个QUOTA_EXCEEDED_ERR异常。
1.1 HTML操作的危险JavaScript函数/属性表 下面我们报告一个表格，其中包含允许HTML操作的主要接收器，这 可能会导致JavaScript执行。...正如我们所看到的，document.write以直接的方式运行，因为Sink写入（输出）由检查值的用户输入的恶意代码，实际上转到以下URL： http：//示例。...cookie值的弹出窗口。...").innerHTML = name; 正如你所看到的，如果我们调用innerHTML方法来检索信息，即使在不是名字“John Doe”的情况下，也存在恶意的JavaScript...; element.innerHTML = "Hello, " + name; 来源： document.URL 存储： window.localStorage.name
JavaScript一些常用demo汇总 获取显示当前时间 /* jQuery代码 */ $(function () { $("#now-time").attr("onselectstart", "...document.createElement('div'); div.textContent = str;//利用textContent属性转化"","&","'"等字符 let formatString = div.innerHTML...document.querySelectorAll("a"); Array.prototype.filter.call(A, function (a) { console.log(a); }); /* 取第一个值...response[key]; break; } for (let value of response) { result = value; break; } /* 循环处理数组/对象 jquery...t = parseInt(localStorage.getItem("hit")) : localStorage.setItem("hit", 0); localStorage.setItem(
我们可以继续上面的示例，获取一下新创建内部div的属性值。 示例：获取新创建div的class属性值 ? 示例：设置一个新的属性值 ?...然后编写JavaScript，使用innerHTML写入一个a标签，然后a标签点击执行一个js脚本 ? 点击a标签，触发执行js方法，如下： ? 然后可以发现，脚本执行了。 javascript" src="jquery/jquery...:js_method();'>点击ok"; div.innerHTML = "javascript:js_method();'>点击ok";...DOCTYPE html> javascript" src="jquery/jquery
权衡之后，vue 决定按 一套 声明式框架来设计 性能与可维护的权衡 命令式框架的性能 优于 声明式的框架的性能 简单来说，就是jquery 性能优于 vue 当我们需要更新dom时 对于vue 框架来说...vue 等声明式框架的更新性能消耗 = 直接修改的性能消耗 + 找出差异的性能消耗 jquery 等命令式框架的更新性能消耗 = 直接修改的性能消耗 所以说，jquery 性能优于 vue 当然了vue...不知道这个api的可以去查一查，活着看下我之前写的dom bom博客， 从零开始学习dom bom innerHTML 可以获取调用元素的所有子节点对应的html片段 可以是根据指定的值创建DOM树，替换原有的元素节点...创建页面的性能 = 创建虚拟dom的计算量 + 创建真实DOM的计算量 innerHTML 虚拟DOM JavaScript运算 拼接html字符串 创建虚拟dom DOM构建 新建所有dom元素...新建所有dom元素 新建页面时，JavaScript运算和DOM构建层面相差不大，innerHTML 性能甚至优于 虚拟dom 当更新页面时 innerHTML 虚拟DOM JavaScript运算
JQuery 一.JQuery基础语法 1.概念 JQuery是javaScript的一个库，Jquery基于javascript开发出来。目的就是为了简化javascript的开发。...除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。...=$(".three")[0]; console.log(div3.innerHTML); }) //单个元素的时候，直接是html(),代替了之前的innerHTML。...html()->innerHTML,会把下面的带有html标签的格式给原封不动的输出。...val()–>value size()–>length text()–>只出来当前元素下的文本，不会出来html标签的格式. css():设置当前元素的样式,语法：元素对象.css(“属性名”,“值”)
console.log(ls.getItem('sTop', 200)); } else { console.log('抱歉，找不到滚动条的值'); } JavaScript、jQuery、AJAX等前端的基本的知识、HTML5的实例开发、JavaScript底层知识、类库、面试真题、相关技术、行业未来发展等。...H5学堂中，主要涉及HTML与CSS、JavaScript、jQuery、AJAX等前端的基本的知识、HTML5的实例开发、JavaScript底层知识、类库、面试真题、相关技术、行业未来发展等。...H5学堂中，主要涉及HTML与CSS、JavaScript、jQuery、AJAX等前端的基本的知识、HTML5的实例开发、JavaScript底层知识、类库、面试真题、相关技术、行业未来发展等。...document.body.scrollTop = oldStop; } } else { console.log('抱歉，找不到滚动条的值
它使在不影响网站性能的情况下存储大量数据成为可能 （4）对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据 （5）HTML5 使用 JavaScript 来存储和访问数据 2.localStorage...第二天、第二周或下一年之后，数据依然可用 （2）如何创建和访问 localStorage： javascript"> localStorage.lastname..."text/javascript"> if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount...应用的缓存会在其 manifest 文件更改时被更新 （4）如果您编辑了一幅图片，或者修改了一个 JavaScript 函数，这些改变都不会被重新缓存。...通过服务器发送事件，更新能够自动到达。 例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。
', 'Apple'); 17 document.getElementById('test').innerHTML = "you are: " + localStorage.name...'test').innerHTML = "更新浏览器吧！...程序进行更新application cache! Web Workers： web workers是运行在后台的javascript，独立于其它脚本，不会影响页面性能！...web worker缺点： 由于web worker位于外部文件中，所以它无法访问下列javascript对象： window对象； document对象； parent对象。...以前：网页先询问是否有可用的更新，服务器发送数据，进行更新（双向数据传递）！ 支持情况：除IE以外的现代浏览器均支持！ 示例代码：html文件： 1 <!
// 设置localStorage的值 localStorage.setItem("fengyu", "dashuaibi"); // 参数为key，value，参数只能传字符串形式 // 本地存储查找...("todolist"); // 查询本地存储 // 判断是否有值 if (data === null){ // 没有写入数据时 localStorage.setItem("todolist",..."[]"); // 设置本地存储的参数 } else { // 有数据时 JSON.parse(data).forEach((v, i, self) => { list.innerHTML +=...然后再加上现有写入的数据 list.inneHTML += `${val}X` // 更新本地存储 data.push({ content, done...username=fengyu&cb=fy)" cb=fy const cb = ctx.query.cb; // nodejs后端查询命名 ctx.type = "text/javascript
",name); }; /*获取数据*/ document.querySelector("#getData").onclick=function(){ /*如果找不到对应名称的...2、删除数据的时候，如果 key 值错误，不会报错，但是也不会删除数据。 2、localStorage localStorage的使用： 存储的内容大概 20MB 大小 不同浏览器不能共享数据。...注意：jQuery中没有提供对视频播放控件的方式，所以如果使用jQuery操作元素，必须将其转为原生 js 的方式来调用这些方法。.../mp4/2.mp4"> javascript:void(0);" class="switch fa...fa-play"> javascript:void(0);" class="expand fa fa-arrows-alt"> <div
一、JavaScript使用 JavaScript核心对象之一是Function，Function是一个内置类（或构造函数）。...函数在 JavaScript 中是第一类公民（first-class citizen），它们可以被赋值给变量、作为参数传递给其他函数，甚至可以在他函数中作为返回值返回。...使用 1、简介： jQuery是一个javaScript封装框架是一个函数库，能够简化原生JavaScript的使用。...写法一 //获取value属性的值，val()是jQuery对象的函数，用于读取value属性值 console.log($('#name').val()...最后输出值：请输入用户名 使用.attr(属性名，属性值)设置更改任意属性值，value和text属性值推荐可以通过函数(选择器).val(值)和(选择器).text(值)设置 $(选择器).append
testKey的cookie值 try{ if(key1[2] !...existInCart) cartLS.splice(0,0,gdsInfo); } //将JSON对象转化为JSON字符,并存入LocalStorage localStorage.setItem...Info JavaScript" type="text/javascript"> if(!...function showStr(){ str = decodeURIComponent(cartStr); alert(str); document.getElementById('show').innerHTML..."\n"; } str = decodeURIComponent(str); alert(str); document.getElementById('show').innerHTML
面试内容 你需要一些HTML和css的基础知识，掌握JavaScript和ES6的基本语法，对事物的好奇心。...a instanceof Array 手写一个简易的jquery，考虑插件和扩展性？...，sessionStorage区别 localStorage数据会永远存储，除非代码回手动删除 sessionStorage数据只存在于当前会话，浏览器关闭则清空 一般用localStorage会更多一些...简单易用setItem，getItem 不会随着http请求被发送出去 存储-localStorage 代码： localStorage.setItem('a',100) localStorage.getItem...pop返回删除的最后一个值 push返回追加后元素的长度 unshift插入到最前面，返回长度length shift删除最前面的，返回删除的值 pop，shift-》返回值 unshift, push
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
