![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
weixin_43297321
这个作者很懒,什么都没留下…
展开
-
js input标签,忽略空格
如果输入框里输入的很多空格,那怎么判断,才能不允许空格出现我发现如果用bootstrap框架的话,输入空格默认为input的value值为空;我又发现了,如果我把input的type改为email的话。就不会把空格记录在内。trim() 字符串?...原创 2020-07-17 00:53:23 · 994 阅读 · 0 评论 -
js arr的数组引用问题,复制数组
今天练习时,我使用arr数组,现在想要把新建一个数组存储arr的数据,然后改变arr的值,等以后需要原来数据时候,就可以用了。然后我突然意识到一个问题:我能直接 var newArr=arr; 吗?不能啊。原因看下面:var arr=[1,2,3,4];var newArr=arr;console.log("before change arr:",newArr);// now change arrarr.pop();console.log("after change arr:",newA原创 2020-07-16 11:52:31 · 460 阅读 · 0 评论 -
事件触发三个阶段&事件委托
比如说当我们给元素设置点击事件,点击时,由外到里会经历捕获阶段、目标阶段、冒泡阶段,相应的,会触发路径元素上的事件。捕获阶段 概念:事件从根节点流向目标节点,途中流经各个DOM节点,在各个节点上触发捕获事件,直到达到目标节点。目标阶段 概念:事件到达目标节点时,就到了目标阶段,事件在目标节点上被触发。冒泡阶段 概念:事件在目标节点上触发后,不会终止,一层层向上冒,回溯到根节点。segmentfault:浏览器事件机制中 事件触发的三个阶段我着重提一下 HTML DOM 的 ad原创 2020-07-14 11:09:36 · 1519 阅读 · 1 评论 -
jQuery插件 jQuery extend()、jQuery.fn.extend()
2020-6-30懒加载 瀑布流图片进入可视区域,url从data-src取出放入真正的srcjQuery插件绑定到jQuery对象($ .直接调用)或jQueryDom元素上($ .().调用);插件绑定(为jQuery对象增加函数);jQuery.extend(object)添加的是全局函数(静态的,属于整个类族,用$直接调用) // 方法一:jQuery插件绑定,添加静态函数 // $是jQuery的别名,用$或者用jQuery都行 jQuery.ex原创 2020-07-01 17:28:01 · 248 阅读 · 0 评论 -
jQuery异步通信方法 load()、$.get()、$.post()、$.getScript()、$.getJSON()、$.Ajax()
一、分3层,ajax最底层,可以实现代替其他方法在jQuery中,$ .Ajax()方法属于最底层的方法,第2层是load(),$ .get(),和$ .post(),第3层是 $ .getScript()和$.getJSON()方法。$.getScript(),$.getJSON()load() , $.get(),$.post()$.Ajax()二、load()方法 详解load() 方法从服务器加载数据,并把返回的数据放置到指定的元素中(返回的一般都是innerHTML)。注意:还存在原创 2020-06-30 21:02:56 · 704 阅读 · 0 评论 -
URI编码格式的小细节(js ajax发送数据时)
在早期的通讯过程中,所有的带有中文符号的必须预先转化为下面这种编码,才能进行通信。所以,在使用ajax发送数据时,都会首先把数据转化成这种编码。即先把数据变成字符串,再把字符串编程URI编码格式,发给服务器;服务器先把接收到的URI编码字符串编程普通字符串,然后在通过json解析出数据(两层)。decodeURIComponent();encodeURIComponent();// URI编码console.log(encodeURIComponent("你好,烟花"));console.log(原创 2020-06-28 20:47:32 · 167 阅读 · 0 评论 -
JS的AJAX
Ajax 异步通信技术,是Asynchronous JavaScript+XML的简写,这种技术允许向服务器请求额外的数据而无需卸载(刷新)页面。网页发展缓慢 网页传播消息、允许进行搜索查询 搜索(SEO) 媒介搜索 静态页面能被搜索到 如果页面是需要的时候动态写入,那就无法搜索到该页面 SEO的优化,得写成静态页面 造成早期网页不能向其他语言一样直接给服务端发送消息,服务器返回消息,所以早期的通信都是前后端不分离的情况(跳转页面),这种方式能够最大限度的允许我们通过SEO搜索页面 但是有缺陷(无原创 2020-06-28 20:37:15 · 1405 阅读 · 0 评论 -
1像素问题 & 混合器@mixin & 设备像素比dpr & 媒体查询@media
1像素问题产生的原因:不同的设备像素比(dpr ,全称devicePixelRatio)导致的,比如dpr=2,那么在设备上就会占用2个物理像素去展示 css 里面的1个像素。如图,可在后台查看不同设备的dpr:解决办法:以上图灰色边线(border:1px solid #e8e8e8)为例,试着把1px的边线封装成一个方法,可以用伪元素::before来模拟border。用媒体...原创 2020-03-12 17:52:13 · 493 阅读 · 0 评论 -
js Date基础
DateDate实例化默认时间:此处为东八区时间-中国标准时间。console.log(new Date()); //Fri Feb 07 2020 17:22:16 GMT+0800 (中国标准时间)var date=new Date(); //获取本机当前时间状态console.log(date); // Fri Feb 07 2020 17:20:26 GMT+0800 (中国标...原创 2020-02-07 20:07:37 · 101 阅读 · 0 评论 -
js String基础
String定义赋值方法var srt=“abc”;var str=‘abc’;var str=abc;创建var str=String(“abc”);//字符串,存在栈中var srt1=new String(“abc”);//字符型对象,存在堆中获取字符串下标cosnole.log(srt[0]);下标只读,不能修改值srt.length获取字符串字符个数,只读,只能获...原创 2020-02-07 12:46:41 · 138 阅读 · 0 评论 -
js Math 静态类
Math 数学方法方法集全部是静态属性和方法;Math是一种静态类,该类别不能实例化。(补充:虽然跟整理主题无关,但是既然发现了,就列在这儿了。console.log(0.1+0.2===0.3); //结果为false ; 因为js处理小数点儿时有问题)Math的静态属性Math.PI1、console.log(Math.PI); //3.1415926535897932、...原创 2020-02-06 22:53:22 · 200 阅读 · 0 评论 -
js数组
数组数组是一个引用列表列表’s feature:顺序,只有值,紧密,速度慢数组的创建var arr=[];var arr = new Array();var arr = new Object([]);//对象数组,不建议使用创建数组,字面量创建var arr = [1,2,3,4,5];var arr = [1,2,3,4,5];两个,之间的那个是空元素数组的结构eg:...原创 2020-02-06 16:39:01 · 433 阅读 · 1 评论 -
js 函数
函数命名函数创建function fn(a,b){console.log(a+b);}fn(3,4);在当前函数在script标签中创建时,优先放置函数在堆中,函数名放在栈中。当前代码所在script标签上面的script的标签中任意函数和全局变量都是可以调用的,但是其下面script标签中的就不能调用了。函数名:驼峰式命名法,首字母一般小写;如果是构造函数,首字母大写。函数名...原创 2020-02-04 17:00:45 · 152 阅读 · 0 评论 -
js 对象
对象1、简介创建对象,key有两种展示方式:key为变量、key为字符var a=3;var obj={[a]:10, // 创建对象时,如果key是一个变量,就需要写在 [ ] 里a:20 // 这个a是一个字符Key};描述对象下的属性console.log(obj); // {3: 10, a: 20} key为变量时,创建时与创建完是不一样的con...原创 2020-01-26 20:55:28 · 108 阅读 · 0 评论 -
js 条件语句&循环语句
条件语句1.三种 if 语句if(隐式转换为布尔值){}if () {} else {}if () {} else if() {}条件中的结果不是 “”,false,0,NaN,undefined,null就可以进入条件;如果条件语句块只有一句话的时候,可以省略{};配合函数中的return将会很少使用到if else if .2.switch开关语句判断switch()中...原创 2020-01-24 17:00:08 · 157 阅读 · 0 评论 -
运算符(review)
隐式转换—在使用运算符进行运算或判断时,基本都涉及它。在多种数据类型不同时,进行运算需要将这些数据转换为相同的。一、算术运算符 “+”与字符相加:与字符相加后都是字符串,(隐式转换);后台打印都是黑色的啊;所以,转化字符串最快捷的方式是:变量+="";var str = “abc”;//测试的加数var char = “”;//空字符串var a = 11; // 11abc...原创 2019-12-29 20:41:29 · 115 阅读 · 0 评论 -
js数据类型转换(reset)
字符型 数值型 布尔型 undefined null object>> 整型转换后的值:整数、浮点数、NaN(非数值的数值型)各种类型的内容转化后的数值:Number(值);常用转化方式.var a=5; //5 本来就是数字哈,没必要转换,不过为了统一所有数据类型,还是加上了。var a; //NaN undefinedvar...原创 2019-12-26 21:28:44 · 167 阅读 · 0 评论