![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
宝拉不想努力了
沉淀ing……
展开
-
js数组一些操作
1.push之后原数组和push之后的元素为什么值,push会改变原数组const a = [2, 3, 4];const b = a.push(5);console.info(a); // [2,3,4,5]console.info(b); // 42.js中数组push对象,前面的值总是被最后一次的值覆盖的问题js中定义了一个数组,每次往里面push对象,结果最后一次push的对象会覆盖之前push进去的值。var data = { a:'123', b: '456', c: '78原创 2021-07-13 15:29:04 · 244 阅读 · 0 评论 -
Android或者是IOS/普通屏全面屏及qq浏览器和qq内置浏览器判断
判断当前移动设备是Android或者是IOS(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //原创 2020-11-18 19:44:22 · 924 阅读 · 0 评论 -
js删除一个dom节点操作
<body><div id="main"> <div id="box">111</div> <div class="box2">222</div></div><script type="text/javascript">var box = document.getElementById("box");var main = document.getElementById("main");.原创 2020-08-19 16:23:11 · 2041 阅读 · 0 评论 -
vue和布局遇到的问题
显示竖直方向的滚动条第一种固定高度+overflow-y: auto;展示如下:<div class="card" style="width: 100%;margin:0 auto; height: 280px;overflow-y: auto;"> <ul class="list-group list-group-flush" v-for="detai...原创 2019-11-06 10:46:11 · 467 阅读 · 0 评论 -
使用Vue配合插件实现进度条和提示信息功能
1.bootstrap4 中progress和tooltip使用该插件我只是实现progress进度条功能,提示信息没有显示出来,原因可能是bootstrap和elementui插件混在一起优先级下降,或者是因为我是想在该页面中点击按钮弹出的模态框中显示的进度条,这样dom节点层级过高使用不便。现在展示我实现的功能:展示如下:简单介绍一下bootstrap4中的progress和tool...原创 2019-10-29 11:34:59 · 2904 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第十章 用JavaScript实现动态效果
从位置距上100距左50的位置开始移动 直到到达距上100距左200&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&原创 2018-11-15 19:06:46 · 409 阅读 · 0 评论 -
高级网页设计Class-JavaScript
2018-10.29了解控制台,输出,数据类型&amp;amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;html lang=&amp;amp;amp;amp;amp;amp;amp;quot;en&amp;amp;amp;amp;amp原创 2018-11-01 11:32:36 · 1126 阅读 · 0 评论 -
JavaScript-⑧代码
一.Event绑定事件在html绑定&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&原创 2018-10-23 21:45:45 · 120 阅读 · 0 评论 -
JavaScript-⑧
EventDOM操作 :获得DOM元素的引用,以便进行操作;改变DOM元素的外观,可以直接修改,也可以使用动画; 修改DOM元素的内容事件:以上的操作都是在页面初始化、特定的事件或在一段时间发生后得以执行1.事件流:事件流描述的是从页面中接收事件的顺序。冒泡机制IE 的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节...原创 2018-10-23 16:34:32 · 110 阅读 · 0 评论 -
JavaScript-⑦
DOM基础知识了解文档对象模型的概念理解DOM的树形结构DOM内部对象常用属性与方法了解节点与元素的概念使用DOM处理页面元素1.节点之间关系父节点:除文档节点之外的每个节点都有父节点。 和 的父节点是 节点文本节点 "链接" 的父节点是 节点。子节点: 节点有一个子节点: 节点。<title> 节点也有一个子节点:文本节点 "标题"。同辈(同级节...原创 2018-10-23 11:06:49 · 482 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第7章 数组
数组一.创建数组1.定义:数组是值得有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示——索引数组的元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。第一个元素的索引是0,数组是js对象的特殊形式。数组继承自Array.prototype中的属性,他定义了一套丰富的数字操作方法&lt;script&gt; var empty = [];...原创 2018-11-07 12:58:41 · 239 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第二章 语法 第三章DOM
一.变量把值存在变量的操作——赋值JavaScript可以直接对变量赋值而不需事先声明。如果在对某个变量赋值前没有声明,赋值操作会自动声明该变量。var age;JavaScript中变量不能包含空格或标点符号变量可以使用驼峰命名二.数据类型1.必须明确类型声明的语言——强类型js中不用进行类型声明——弱类型2.字符串var mod= ‘happy’; var mod = “ha...原创 2018-11-10 12:59:42 · 281 阅读 · 0 评论 -
JavaScript-⑨(jQuery)
正选&反选jquery是帮助查找节点,属性操作,节点插入,事件绑定。做DOM不好用的功能。过滤节点,做常用slidedown动画。ajax封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2018-11-05 19:45:16 · 145 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第七章 动态创建标记 第九章CSS-DOM
第七章 动态创建标记一.1.document.write最大缺点是违背“行为应该与表现分离”的原则。还有,MIME类型application/xhtml+xml与document.write不兼容,浏览器在呈现这种XHTML文档时不会执行document.write方法。2.document.write方法像&amp;amp;amp;amp;lt;font标签去设定字体和颜色3.innerHTML属性:用来读写给某给定的...原创 2018-11-13 19:22:45 · 340 阅读 · 0 评论 -
JavaScript DOM编程艺术(第2版)第四章 JavaScript图片库 第五章 最佳实践 第六章图片库的改进版
第四章 JavaScript图片库点击有a链接的图片,不发生跳转页面再显示图片而是在本页展示图片占位符最好使用一个有序清单元素(ol)&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;l原创 2018-11-12 21:36:04 · 239 阅读 · 0 评论 -
JavaScript-对象/构造函数和原型对象/继承
对象JavaScript中对象的操作包括对象的创建,对象的调用,对象的属性和方法,对象的废除以及对象的绑定在JavaScript中有两种对象,一种是系统内置的对象,另一种是用户自己创建的对象,两种不同的方式有着不同的方法。创建自定义对象(最简单——创建一个Object类然后为他添加属性和方法) &lt;script&gt; var person = new Object...原创 2018-11-21 12:06:28 · 176 阅读 · 0 评论 -
Chrome浏览器console控制台不打印任何js错误信息
手欠在Chrome控制台在错误信息,右键:Hide messages from vue看不到 报错信息这里删除成 默认的Filter报错就出现了原创 2019-07-08 16:08:15 · 13383 阅读 · 5 评论 -
juicer.js @each中的index 索引+1操作
问题描述:想在index+1的值显示出来而不是做字符串拼接,如我做的楼号,想显示2楼,3楼,4楼解决方法:在index前加一个加号+即可。!{+index+1}楼效果:简单介绍juicer模板:Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。 除此之外,它还可以在 Node.js 环境中...原创 2019-07-04 13:35:41 · 3125 阅读 · 0 评论 -
[Book]学习JavaScript数据结构与算法:第1章“JavaScript简介”
目录:第1章“JavaScript简介”第2章“数组”第3章“栈”第4章“队列”第5章“链表”第6章“集合”第7章“字典和散列表”第8章“树”第9章“图”第10章“排序和搜索算法”第11章“算法补充知识”第1章 JavaScript简介一.JavaScript 基础1.在HTML中编写JavaScript的两种方式第一种方式<!DOCTYPE html&g...原创 2019-08-16 15:03:09 · 220 阅读 · 0 评论 -
JavaScript-⑤
内置对象1.全局构造器对象Boolean 、Number 、String 、Object、Date 、RegExp 、Function、Array全局对象Math 、JSON2.创建Boolean构造对象new Boolean(value);3.创建Number构造对象new Number (v...原创 2018-10-22 11:32:13 · 144 阅读 · 0 评论 -
JavaScript-⑥
BOM1.ECMAScript 是JavaScript 的核心,但如果要在Web 中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心。BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM 的核心对象是window,它表示浏览器的一个实例。在浏览器中,window 对象有双重角色,它既是通过JavaScript 访问浏览器窗口的一个接口,又是...原创 2018-10-22 08:58:25 · 141 阅读 · 0 评论 -
JavaScript函数参数默认值设置
ES6中给出了函数的默认值设置,下面简单介绍几种设置默认参数的方法一.基本用法function first(x = 1, y = 2) { console.log("x:"+x ,"y:"+ y);}first();first(100);二.与解构赋值默认值结合f...转载 2018-09-25 10:13:32 · 532 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第6章 对象
对象对象是JavaScript的基本数据结构。对象是一种复合值:他将很多值放在一起,通过名字访问这些值对象除了保持自有的属性,还可以从一个称为原型的对象继承属性js对象是动态的——可以增属性也可以删除属性——常用来模拟对象及静态类型语言中的结构体对象常用的用法:创建create,设置(set),查找(query),删除(delete),检测(test),枚举(enumerate)...原创 2018-09-18 10:00:39 · 158 阅读 · 0 评论 -
js-输入两个数将最大的输出
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title></title> <script type="text/ja原创 2018-09-19 10:04:21 · 5355 阅读 · 1 评论 -
JavaScript-①
1.使用vscode插件.vscode在C:\Users\wangs\.vscode下进行替换(里面包含插件)在你想建的文件建在一个路径下,在vscode中-文件-打开文件夹-找到你所创建的位置打开在里面就可以添加你想要的.文件的内容如:.html输入就会出现完整的代码框架。完整代码-01.html:效果: 2.webRTC——实时视频通话 ...原创 2018-09-13 20:07:26 · 160 阅读 · 0 评论 -
JavaScript-②
1.数据类型2.typeof• typeof 就是负责提供这方面信息的操作符。对一个值使用 typeof 操作符可能返回下列某个字符串:•"undefined" ——如果这个值未定义;•"boolean" ——如果这个值是布尔值;•"string" ——如果这个值是字符串;•"number" ——如果这个值是数值;• "object" ——如果这个值是对象或 nul...原创 2018-09-18 22:00:10 · 89 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第5章 语句
语句条件语句,循环语句,跳转语句一.表达式语句1.客户端函数调用都是表达式:alert(greeting);window.close();二.复合语句&空语句1.<script type="text/javascript"> x = Math.PI; cx = Math.cos(x); console.log("cos(π) = " ...原创 2018-09-12 21:23:29 · 166 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第4章 表达式和运算符
第4章 表达式和运算符一.原始表达式1.定义:表达式的最小单位——他们不再包含其他表达式(包含常量或直接值,关键字和变量)2.this关键字经常在面向对象编程中出现。在一个方法体内,this返回调用这个方法的对象。二对象和数组的初始化表达式1.对象和数组初始化表达式可以称作“对象直接量”“数组直接量”。但是和布尔不同,他们不是原始表达式(因为他们包含的成员或元素是子表达式)2...原创 2018-09-12 08:00:04 · 254 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第3章 类型、值、变量
在编程语言中能表示在操作的值得类型称作数据类型(type)JavaScript数据类型分为两类:原始类型(数字,字符串,布尔值)和对象类型JavaScript中有两个特殊的原始值:null(空),undefined(未定义),他们分别代表各自特殊类型的唯一的成员JavaScript的数据类型:数字,字符串,布尔值,null,undefined,对象对象是属性的集合,每个属性都由“名...原创 2018-09-07 19:46:42 · 190 阅读 · 0 评论 -
JavaScript-③
1.封装逻辑 &amp;lt;script&amp;gt; function max(x,y){ return x&amp;gt;y?x:y; } console.log(max(1,2)); console.log(max(3,4)) &amp;lt;/script&amp;gt;2.事件处理&原创 2018-09-25 12:06:54 · 169 阅读 · 0 评论 -
JavaScript-⑤代码
数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-22 08:36:38 · 169 阅读 · 0 评论 -
原生js-onchange/onkeyup
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onchange</title> <script> function myFunction(){原创 2018-10-12 21:06:37 · 2053 阅读 · 0 评论 -
JavaScript 箭头函数(Lambda表达式)
简介JavaScript 中,函数可以用箭头语法(”=&gt;”)定义,有时候也叫“lambda表达式”。这种语法主要意图是定义轻量级的内联回调函数。例如:```html// Arrow function:[5, 8, 9].map(item =&gt; item + 1); // -&gt; [6...转载 2018-10-12 08:55:40 · 462 阅读 · 0 评论 -
JavaScript-面积求解
在函数的模块学习面积求解第一种.构造函数(teacher teach!!!!)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi原创 2018-09-20 19:06:31 · 641 阅读 · 0 评论 -
JavaScript-④
面积&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &原创 2018-09-26 11:49:26 · 99 阅读 · 0 评论 -
js变量声明提升
关于JS变量提升的一些坑 1 function log(str) {2 // 本篇文章所有的打印都将调用此方法3 console.log(str);4 }&nbsp;函数声明和变量声明总是会被解释器悄悄地被“提升”到方法体的最顶部变量声明、命名、提升 在JS中, 变量有4种基本方式进入作用域:语言内置: 所有的作用域里都有this和a...转载 2018-09-25 21:28:39 · 141 阅读 · 0 评论 -
JavaScript中的普通函数与构造函数
JavaScript中的普通函数与构造函数 问题什么是构造函数?构造函数与普通函数区别是什么?用new关键字的时候到底做了什么?构造函数有返回值怎么办?构造函数能当普通函数调用吗?以下是我的一些理解,理解错误的地方恳请大家帮忙指正,谢谢!thisthis永远指向当前正在被执行的函数或方法的owner。例如:function te...转载 2018-09-20 13:32:57 · 144 阅读 · 0 评论 -
js常用算法
js常见算法 常见算法是js实现汇总/*去重*/<script>function delRepeat(arr){ var newArray=new Array(); var len=arr.length; for(var i=0;i<len;i++){ ...转载 2018-09-19 21:43:04 · 254 阅读 · 0 评论 -
JavaScript权威指南(第六版)-第2章 词法结构
一.字符集1.JavaScript程序是用Unicode字符集编写(Unicode是ASCII和Latin-1的超集)2.区分大小写(HTML不区分)当JavaScript对象和属性与他们所表示的HTML标签和属性同名。在HTML中这些标签和属性名可以使用大写也可以是小写,而JavaScript中必须为小写(如HTML中设置事件处理程序时,onclick属性可以写成onClick,但J...原创 2018-09-04 22:30:13 · 127 阅读 · 0 评论