JS
文章平均质量分 67
十一页
这个作者很懒,什么都没留下…
展开
-
vue-cli 动态绑定图片
图片动态绑定问题如果图片放在public 下(静态资源中),不会被webpack打包,动态绑定的路径是死的,webpack直接按照这个路径去找就能找到但是如果是放在src下的,webpack会把图片当做一个模块引用,然后打包等等,路径就不对了,这个时候就要把图片当作一个模块来引入进来或者请求过来可以import img1 from '../assets/images/t1.png',然后在data中定义url:img1,最后动态绑定url即可:src='url'使用require:<原创 2022-02-10 15:53:46 · 598 阅读 · 0 评论 -
使用webpack插件webpack-dev-server 出现Cannot GET/的解决办法
1. 出现问题最近使用 webapck 的插件 webpack-dev-server,按照网络上的视频进行配置时,发现自己的项目总是出现Cannot GET/2. 查询webpack中文文档中文文档说,使用 webpack-dev-server 需要修改 webpack.config.js 配置文件照做了之后发现打开的页面是 dist 文件夹下的 bundle.js (自己定义的输出文件)并不能运行页面3. 修改static于是乎,又进行了一番查找,但是并没有很多相关的问题,猛然间细想,原创 2021-10-20 09:55:37 · 4347 阅读 · 11 评论 -
09-JavaScript事件(下)
事件(下)1. 阻止事件冒泡1.1 阻止事件冒泡的两种方式1.2 阻止事件冒泡的兼容性解决方案2. 事件委托(代理、委派)3. 常用的鼠标事件3.1 常用的鼠标事件3.2 鼠标事件对象4. 常用的键盘事件4.1 常用键盘事件4.2 键盘事件对象1. 阻止事件冒泡1.1 阻止事件冒泡的两种方式事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到DOM最顶层节点阻止事件冒泡标准写法:利用事件对象的 stoppropagation() 方法 e.stopPropagation()非标准写法:原创 2021-09-11 16:16:18 · 260 阅读 · 0 评论 -
08-JavaScript 事件(上)
1. 注册事件(绑定事件)1.1 注册事件概述给元素添加事件,称为注册事件或者绑定事件注册事件有两种方式:传统方式 和 方法监听注册方式传统注册方式利用 on 开头的事件 onclick<button onclick= "alert('hi!')"></button>btn.onclick = function() {}特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c原创 2021-09-11 15:34:06 · 282 阅读 · 0 评论 -
07-JavaScript 节点操作
节点操作1.1 节点概述1.2 节点层级1.父级节点2.子节点3. 兄弟节点1.4 创建节点 和 添加节点1.5 删除节点1.6 复制节点1.7 三种动态创建元素的区别1.1 节点概述网页中所有的内容都是节点(标签、属性、文本、注释等),在DOM中,节点用 node 来表示HTML DOM树中的所有节点都可以通过JS进行访问,所有的节点都可以被修改、创建、删除一般地,节点至少拥有 nodeType(节点类型) 、nodeName(节点名称)、nodeValue(节点值)这三个基本属性元素节点原创 2021-09-11 10:09:09 · 318 阅读 · 0 评论 -
06-JavaScript 获取元素和操作元素
1. 获取元素1.1 如何获取页面元素根据ID来获取根据标签名来获取通过 HTML5 新增方法来获取特殊元素获取1.2 根据ID获取使用getElementById()来获取1.3 根据标签名来获取使用getElementsByTagName()方法返回带有指定标签名的对象的集合还可以获取某个元素(单个元素)内部所有指定标签名的子元素element.getElementsByTagName(‘标签名’)1.4 通过 HTML5 新增方法来获取 (ie9以上)document.g原创 2021-09-08 08:48:42 · 101 阅读 · 0 评论 -
05-JavaScript 简单数据类型和复杂数据类型
1. 简单数据类型 和 复杂数据类型简单数据类型又叫基本数据类型或值类型,复杂类型又叫引用类型值类型:简单数据类型,在存储时变量中存储的是值本身,因此叫做值类型:string number boolean undefined null引用类型:复杂数据类型,在存储时变量中存储的仅仅时地址,因此叫做引用数据类型,通过new 关键字创建的对象(系统对象、自定义对象),如:Object Array Date等2. 堆和栈栈(操作系统):由操作系统自动分配释放存放函原创 2021-07-21 18:01:50 · 142 阅读 · 1 评论 -
04-JavaScript 内置对象
1. 什么是内置对象JS中的对象分为三种:自定义对象、内置对象、浏览器对象内置对象是指:JS自带的一些对象,这些对象共开发者使用,并提供了一些常用的或是基本的属性和方法例如:Math Date Arrray String2. Math对象math 不是一个构造函数,不需要 new 来调用,直接使用里面的属性和方法即可Math.random() 返回一个0到1(左闭右开)的浮点数Math.floor(Math.random() * (max - min + 1)) + min;原创 2021-07-21 18:01:11 · 108 阅读 · 0 评论 -
03-JavaScript 对象
1. 对象JS 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等对象是由属性和方法组成的属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)2. 创建对象的三种方式2.1 利用字面量创建对象对象字面量 :花括号{} 里面包含了表达这个具体对象的属性和方法,采取键值对的形式,属性不需要声明键:相当于属性名值:相当于属性值,可以是任意类型的值对象的调用:对象名.属性对象名[‘属性’]va原创 2021-07-21 16:22:20 · 49 阅读 · 0 评论 -
02-JavaScript 作用域 和 预解析
作用域 和 预解析1.作用域2.变量作用域3.作用域链4.预解析5. 变量提升 和 声明变量陷阱1.作用域作用域就是变量在某个范围内起作用,可提高程序的可靠性,主要是为了减少命名冲突js的作用域(es6之前):全局作用域和局部作用域全局作用域:整个script标签,或者是单个的js文件局部作用域(函数作用域):在函数内部就是局部作用域,变量只在函数内部起作用2.变量作用域全局变量:在全局作用域下的变量;如果在函数内部没有声明直接赋值的变量也属于全局变量局部变量:在局部作用域下的变量 在原创 2021-07-13 10:43:11 · 63 阅读 · 0 评论 -
02-JavaScript 数据类型转换
1. 数据类型简介1.1 变量的数据类型JavaScript是弱类型的,不需要提前声明变量的类型,在程序运行过程中,类型会被自动确定在代码运行时,变量的数据类型是由JS 引擎根据 = 右边变量值的类型来判断的,运行完毕,变量就确定了数据类型JavaScript 拥有动态类型,同时也意味着相同的变量可用作不同的类型var num = 52. 简单数据类型2.1 简单数据类型(基本数据类型)number :数字型,包含整型值和浮点型值 默认值:0boolean :布尔值类型,如 t原创 2021-07-09 10:07:30 · 136 阅读 · 0 评论