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