js
文章平均质量分 59
人人黑眼圈
这个作者很懒,什么都没留下…
展开
-
cookie、session和token简易理解
问题:由于cookie中存放的是sessionID,如果有多个服务器,session存放在某一个服务器上,此时请求请求到另一个服务器上,这个服务器就需要根据sessionID到其他服务器找session,会消耗性能。解决:token中将一些数据进行加密,每次前段请求时都带着数据,后端进行解析验证并获取数据,不需要区分服务器,相对于cookie也安全。所以:有了cookie,数据存在浏览器,发送请求时带着cookie,服务端就可以获取到信息。问题:cookie是明文,一看就能看见,有风险。原创 2024-01-28 18:14:48 · 149 阅读 · 0 评论 -
js对象动态设置属性名
可以用括号表示法,所以括号表示发可以动态的添加属性名和内容。// 用点表示法不能将输入框中的值当做属性名来设置。// ↑动态的将输入框中的内容作为这个对象的值。// 存入的是 address: '北京'我们想把传递过来的数据当做对象字面量的。在js中有两种方式访问一个对象的内容。// 存入的是a: '北京'这种方式类似于数组的写法。// 用括号表示法可以。...原创 2022-08-12 14:24:57 · 2643 阅读 · 0 评论 -
图片上传并显示
2、js步骤:接收文件(files)、读取文件(FileReader类)、进行编码(fileReader.readAsDataURL(xxx))、展示。// 3、如果文件存在,将整个文件进行编码readAsDataURL()// 获取到的file包含了文件信息,我们可以打印一下看看里面的内容。// onloadend 事件在读取操作结束时触发。// 4、将编码后的结果放到src中并显示图片。1、元素:文件上传框input、图片img。// 2、创建fileReader对象。...原创 2022-08-11 14:52:43 · 435 阅读 · 0 评论 -
js去除事件的方式
传统方式,可以使用onclick = null;新方式,使用removeEventListener原创 2022-08-09 17:19:19 · 2928 阅读 · 0 评论 -
scroll、offset、client
offsetWidth,返回带边框的内容区的宽度(不会包含内容超出边框部分)clientWidth,返回不带边框的内容区的宽度(不会包含内容超出边框部分),常用scrollWidth,返回不带边框内容的实际长度(包含内容超出边框部分)...原创 2022-08-07 22:27:07 · 84 阅读 · 0 评论 -
BOM基础
1、BOM时浏览器对象模型,提供了专注于浏览器及进行交互的对象,其核心是window。文档对象模型DOM就是将“文档”作为一个“对象”看待DOM顶级是document主要用来操作页面浏览器对象模型把“浏览器”当做一个“对象”来看待BOM的顶级对象是window主要用于与浏览器窗口进行交互2、构成:window对象时浏览器的顶级对象既可以作为js访问浏览器的接口又是一个全局对象,定义在全局作用域中的变量、对象都会变成window对象的属性和方法在。...原创 2022-08-07 22:05:36 · 64 阅读 · 0 评论 -
js鼠标键盘事件
注mouseover与mouseenter都是鼠标经过时触发,mouseover在鼠标经过子元素时会触发(会冒泡),mouseenter只在自身盒子时会触发(不会冒泡)例如果父标签为绑定事件,有子标签,点击子标签,target返回的是子标签元素,this返回父标签元素。所以如果大标签包含小标签且两个标签都有事件时,捕获时先执行大标签元素的事件;冒泡时先执行小标签的事件。鼠标移入监听对象中,或者从监听对象的一个子元素移入另一个子元素中时触发该事件。返回触发事件的对象,而this返回绑定事件的对象。...原创 2022-08-01 21:28:46 · 2023 阅读 · 0 评论 -
DOM基础
getElementById、getElementsByTagName1.2 html5以上版本IE9以上浏览器或者所有移动端document.getElementsByClassName()、document.querySelector()、document.querySelectorAll()1.3 获取body与html2、元素事件三要素:事件源、事件类型的(如何触发)、事件处理程序(函数赋值)另:3.2 操作元素属性1、设置属性值elem.属性名 = ‘属性值’elem.se原创 2022-07-10 17:54:11 · 207 阅读 · 1 评论