随笔分类 -  JS DOM&BOM操作

摘要:实现产品搜索功能的表格 div和tbody 部分: js数据data和 1. 获取相应的元素 2. 把数据渲染到页面中 3. 根据价格查询商品 当我们点击了按钮,就可以根据我们的商品价格去筛选数组里面的对象 4. 根据商品名称查找商品 如果查询数组中唯一的元素, 用some方法更合适,因为它找到这个 阅读全文
posted @ 2022-08-15 12:53 Mahmud(مەھمۇد) 阅读(512) 评论(0) 推荐(0) 编辑
摘要:sessionStorage缓存数据 阅读全文
posted @ 2019-12-06 18:21 Mahmud(مەھمۇد) 阅读(622) 评论(2) 推荐(0) 编辑
摘要:关于localStorage和sessionStorage 阅读全文
posted @ 2019-10-30 19:17 Mahmud(مەھمۇد) 阅读(281) 评论(2) 推荐(0) 编辑
摘要:<html> <head></head> <body> <div></div> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a class="bds_qzone"></a> <a class="bds_tsina 阅读全文
posted @ 2019-09-24 20:48 Mahmud(مەھمۇد) 阅读(230) 评论(0) 推荐(1) 编辑
摘要:JS实现验证输入框密码强度 <!DOCTYPE HTML> <html> <head> <title>Password Strength</title> </head> <script> function password_strength(string){ var h = 0; var size 阅读全文
posted @ 2019-09-21 09:42 Mahmud(مەھمۇد) 阅读(400) 评论(0) 推荐(1) 编辑
摘要:JavaScript获取文本框内选中的文本 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable= 阅读全文
posted @ 2019-09-21 09:36 Mahmud(مەھمۇد) 阅读(245) 评论(0) 推荐(0) 编辑
摘要:JavaScript常用排序法 阅读全文
posted @ 2019-09-15 22:04 Mahmud(مەھمۇد) 阅读(290) 评论(1) 推荐(1) 编辑
摘要:1.获取当月时间格式: yyyy-MM getNowFormatDate() {//获取当月时间 yyyy-MM var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; if (mo 阅读全文
posted @ 2019-09-15 17:01 Mahmud(مەھمۇد) 阅读(344) 评论(0) 推荐(0) 编辑
摘要:在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手,每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限(不同浏览器允许并发数),一旦 HTTP 请求数量达到一定数量,资源请求就存在等待状态,这是很致命的,因此减少 HTTP 的请求数量可以很大程 阅读全文
posted @ 2019-03-23 15:45 Mahmud(مەھمۇد) 阅读(337) 评论(0) 推荐(0) 编辑
摘要:js 异步加载的方式 渲染引擎遇到 script 标签会停下来,等到执行完脚本,继续向下渲染 defer 是“渲染完再执行”,async 是“下载完就执行”,defer 如果有多个脚本,会按照在页面中出现的顺序加载,多个async 脚本不能保证加载顺序 加载 es6模块的时候设置 type=modu 阅读全文
posted @ 2019-03-07 21:02 Mahmud(مەھمۇد) 阅读(387) 评论(1) 推荐(0) 编辑
摘要:JS中的闭包 (1)、使用闭包主要是为了设计私有的方法和变量。 闭包的优点是: 可以避免全局变量的污染, 缺点是: 闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。 (2)、闭包有三个特性: a、函数嵌套函数 b、函数内部可以引用外部的参数和变量 c、参数和变量不会被垃圾回收机制回收 阅读全文
posted @ 2019-01-22 22:59 Mahmud(مەھمۇد) 阅读(191) 评论(0) 推荐(0) 编辑
摘要:js怎么控制一次加载一张图片,加载完后再加载下一张 (1)方法1 (1)方法2 阅读全文
posted @ 2019-01-14 01:59 Mahmud(مەھمۇد) 阅读(2045) 评论(2) 推荐(0) 编辑
摘要:图片的懒加载和预加载 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。 懒加载:懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。 两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压 阅读全文
posted @ 2019-01-14 01:54 Mahmud(مەھمۇد) 阅读(210) 评论(0) 推荐(0) 编辑
摘要:1、什么是跨域? 由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。存在跨域的情况: 网络协议不同,如http协议访问https协议。 端口不同,如80端口访问8080端口。 域名不同,如qianduanblog.com访问baidu.com。 子域名 阅读全文
posted @ 2019-01-12 02:41 Mahmud(مەھمۇد) 阅读(1399) 评论(0) 推荐(0) 编辑
摘要:JavaScript中的this陷阱的最全收集--没有之一 JavaScript中的this陷阱的最全收集--没有之一 博客的标题是《JavaScript中的this陷阱的最全收集--没有之一》,很显然这篇博客阐述的是this。相信做过JavaScript开发的人都遇到过不少this的陷阱,我自己本 阅读全文
posted @ 2019-01-09 11:28 Mahmud(مەھمۇد) 阅读(169) 评论(0) 推荐(0) 编辑
摘要:Javascript的jsonp原理 首先JSON是一种基于文本的数据交换方式,或者叫做数据描述格式 当一个网页在请求JavaScript文件时则不受是否跨域的影响,凡是拥有”src”这个属性的标签都拥有跨域的能力,比如<script>、<img>、<iframe> 所以我们这里运用了script标 阅读全文
posted @ 2019-01-09 11:19 Mahmud(مەھمۇد) 阅读(220) 评论(0) 推荐(0) 编辑
摘要:promise的弊端 promise彻底解决了callback hell,但也存在以下一些问题 延时问题(涉及到evnet loop)(http://www.ruanyifeng.com/blog/2014/10/event-loop.html)) promise一旦创建,无法取消 pending状 阅读全文
posted @ 2019-01-08 22:34 Mahmud(مەھمۇد) 阅读(1150) 评论(0) 推荐(0) 编辑
摘要:1、什么是跨域? 由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。存在跨域的情况: 网络协议不同,如http协议访问https协议。 端口不同,如80端口访问8080端口。 域名不同,如qianduanblog.com访问baidu.com。 子域名 阅读全文
posted @ 2019-01-08 01:08 Mahmud(مەھمۇد) 阅读(124) 评论(0) 推荐(0) 编辑
摘要:or in 、Object.keys()以及Object.getOwnPropertyNames的区别 1、 for in 遍历对象,会将对象自身的属性以及原型上继承的属性都打印出来,但是不会获取不可枚举的属性。 2、Object.keys()遍历对象,获取对象自身可枚举属性。 3、Object.g 阅读全文
posted @ 2019-01-08 00:57 Mahmud(مەھمۇد) 阅读(214) 评论(0) 推荐(0) 编辑
摘要:(回答一:) (1)、js的this指向是不确定的,也就是说是可以动态改变的。call/apply 就是用于改变this指向的函数,这样设计可以让代码更加灵活,复用性更高 (2)、this 一般情况下,都是指向函数的拥有者。 (3)、在函数自执行里,this 指向的是 window 对象。 扩展:关 阅读全文
posted @ 2019-01-06 12:17 Mahmud(مەھمۇد) 阅读(770) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示