随笔分类 -  js

1 2 下一页
||与??的区别,??非空运算符,??=非空赋值运算符 ??.链判断运算符 Object.defineProperty 与Proxy的区别
摘要:js中 || 与??的区别 :值1 ?? 值2 值1 || 值2使用?? 只有当值1 为null或者undefined时才返回值2使用 || 值1 会转换为布尔值判断,为true返回 值1 ,false 返回值2 ??非空运算符 ??=空赋值运算符 ,仅当值为null/undefined时才会赋值 阅读全文
posted @ 2021-02-22 09:23 半夏微澜ぺ 阅读(412) 评论(0) 推荐(0) 编辑
js 判断是否有滚动条以及获取滚动条宽度的方法
摘要:document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight); 一般情况下,使用 document.body.scrollHeight > window.innerHeight 就 阅读全文
posted @ 2020-07-15 15:59 半夏微澜ぺ 阅读(1145) 评论(0) 推荐(0) 编辑
jquery
摘要:jquery主要封装的方法有: ajax 对xmlhttprequest的封装 post get getJSON getScript load jsonview对返回的数据进行格式化 前端模板template(art-template) <% %> 模板的作用:将数据跟模板进行绑定,然后使用模板去解 阅读全文
posted @ 2020-07-08 21:43 半夏微澜ぺ 阅读(102) 评论(0) 推荐(0) 编辑
事件机制
摘要:事件机制: 事件捕获 从dom树一直向下传递事件直到捕获为止 事件处理 事件冒泡 从触发的对象开始,事件不断向上传递 addEventListener(),三个参数:最后一个参数true 事件捕获,false 事件冒泡 事件委托原理:就是事件事件冒泡机制 优点:大量减少内存占用,减少事件注册;新增元 阅读全文
posted @ 2020-03-20 16:04 半夏微澜ぺ 阅读(154) 评论(0) 推荐(0) 编辑
正则表达式
摘要:正则表达式 描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 阅读全文
posted @ 2019-03-19 15:13 半夏微澜ぺ 阅读(134) 评论(0) 推荐(0) 编辑
jQuery的deferred对象详解
摘要:为异步操作指定回调函数,jQuery开发团队就设计了deferred对象。 简单说,deferred对象就是jQuery的回调函数解决方案。 1 ajax操作的链式写法 ajax传统写法: $.ajax() 操作完成之后,如果使用的是低于1.5的版本,返回的是XHR对象,没法进行链式操作,高于1.5 阅读全文
posted @ 2019-03-07 17:19 半夏微澜ぺ 阅读(142) 评论(0) 推荐(0) 编辑
jquery data 选择器 表格序列化serialize()
摘要:data()在元素上存放或者读取数据,返回jquery对象。 demo: <div data-obj="{'name':'zhangsan','age':20}"></div> $('div').data('obj').age //20 在元素上data对象,key值一定要加引号。 $('div') 阅读全文
posted @ 2019-03-05 14:20 半夏微澜ぺ 阅读(1106) 评论(0) 推荐(0) 编辑
Array 对象
摘要:Array的对象用于在单个的变量中存储多个值。 constructor 返回对创建此对象的数组函数的引用。 demo: let arr=[]; arr.constructor==Array let obj={}: obj.constructor==Object let str=""; str.con 阅读全文
posted @ 2019-02-28 15:57 半夏微澜ぺ 阅读(210) 评论(0) 推荐(0) 编辑
ES6
摘要:声明变量的6种方法: let var const function import class ES6 新增let const来声明变量: 1 不允许变量提升 2 不允许重复声明 3 块级作用域 数组的扩展: 扩展运算符是三个点,它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列; con 阅读全文
posted @ 2019-02-28 15:50 半夏微澜ぺ 阅读(117) 评论(0) 推荐(0) 编辑
对象
摘要:对象是可变的我们可以通过引用而非值来操作对象; let obj={}; let obj1=obj; 修改obj 或者obj1的值,obj和obj1同时改变。obj1是obj的引用 对象中属性: 1 如果key含有空格或者下划线或者是保留字,key值必须加引号 demo: let obj={ 'mai 阅读全文
posted @ 2019-02-27 17:23 半夏微澜ぺ 阅读(101) 评论(0) 推荐(0) 编辑
ajax 异步请求
摘要:ajax跨域请求发生的原因:1 浏览器限制 域名和端口不一致时会阻拦请求 请求可以发送成功 response中也有数据,就是不会返回前台2 跨域3 XHR XMLHttpRequest请求如果不用XHR请求,可以请求成功,例如把请求写在Img 的src中 只有上述三个情况同时满足才会发生跨域请求问题 阅读全文
posted @ 2019-02-26 17:03 半夏微澜ぺ 阅读(132) 评论(0) 推荐(0) 编辑
return break contiune
摘要:return 会直接跳出当前作用域,继续执行下面的方法;在js中for循环没有局部作用域的概念,所以如果是多级循环会直接跳出所有的循环; demo 运行结果: break语句直接跳出当前for循环,会继续执行下面的循环 阅读全文
posted @ 2017-08-23 14:56 半夏微澜ぺ 阅读(184) 评论(0) 推荐(0) 编辑
js中的伪数组
摘要:伪数组: 具有length属性; 按索引方式存储数据; 不具有数组的push()、pop()等方法; 伪数组无法直接调用数组方法或期望length属性有什么特殊的行为,不具有数组的push()、pop()等方法,但仍可以对真正数组遍历方法来遍历它们。这种对象有很多,比较特别的是function内的a 阅读全文
posted @ 2017-06-09 10:00 半夏微澜ぺ 阅读(426) 评论(0) 推荐(0) 编辑
js 操作dom
摘要:querySelector()方法返回文档中匹配指定css选择器的一个元素。 querySelector方法仅仅返回匹配指定选择器的第一个元素。如果需要返回所有的元素,请使用querySelectorAll()方法替换。 在HTML DOM中,每一个东西都是节点: 文档本身就是一个文档对象 所有的H 阅读全文
posted @ 2017-06-09 09:58 半夏微澜ぺ 阅读(222) 评论(0) 推荐(0) 编辑
数据类型 类型检测
摘要:原始类型: 基本类型:number string boolean null undifined object object分为 Function Array Date number string boolean 又有包装类型 new String('string'); 就是包装类型 var str1 阅读全文
posted @ 2017-04-27 09:45 半夏微澜ぺ 阅读(302) 评论(0) 推荐(0) 编辑
jquery $(function(){}) $(document).ready(function(){}); (function(){}); 的区别以及作用
摘要:$(function)是$(document).ready(function(){});的简写方法 用来在DOM加载完之后执行一系列预先定义好的函数 (function(){});表示一个匿名函数。 function(arg){}定义一个参数为arg的匿名函数。然后使用(function(arg){ 阅读全文
posted @ 2017-03-29 11:02 半夏微澜ぺ 阅读(343) 评论(0) 推荐(0) 编辑
javascript 反斜杠\
摘要:通常,我们在动态给定一个div的innerHTML时,通常是样做的: 用法1: 请看下面的例子: 比上面的简单一点儿 用法2 : str中双引号的转义(\" 标示双引号) \a 响铃(BEL) 007\b 退格(BS) 008\f 换页(FF) 012\n 换行(LF) 010\r 回车(CR) 0 阅读全文
posted @ 2017-02-28 16:39 半夏微澜ぺ 阅读(1829) 评论(0) 推荐(0) 编辑
查看html元素绑定的事件与方法 visual Event 插件
摘要:WEB标准提倡结构、表现和行为相 分离,现在越来越多采用这种表现和行为的方式,但它也为我们开发调试带来一些问题,网页载入一堆JavaScript,,我们很难搞清楚最后在哪些元素的哪个动作绑定了事件,尤其是JavaScript加载事件的方式五花八门,可以透过jQuery、element.click = 阅读全文
posted @ 2016-12-29 11:02 半夏微澜ぺ 阅读(502) 评论(0) 推荐(0) 编辑
threesixty.min.js 和jquery.threesixty.js使用总结----实现360度展示
摘要:最近公司做一个项目需要360度展示汽车的外观,就用到了threesixty.min.js,自己总结一下使用方法: treesixty.min.js 源码: /*! threesixty-slider 2015-01-06 verison 2.0.5 */ /* http://github.com/v 阅读全文
posted @ 2016-11-30 11:49 半夏微澜ぺ 阅读(3092) 评论(1) 推荐(0) 编辑

1 2 下一页