- 博客(57)
- 收藏
- 关注
原创 vue.js表单
你可以使用v-model指令在表单控件元素上创建双向数据绑定。v-model会根据控件类型自动选取正确的方法来更新元素。没有数组value的值时,v-model收集的就是check的属性。配置v-model值是数组,那么收集的就是value的值。配置v-model值是字符串,那么收集的值checked的值(布尔值)...
2022-08-11 14:13:25
425
1
原创 vue.js循环语句
v-for需要以site in sites形式的特殊语法,sites是源数据并且sites是数组元素迭代的别名。1.遍历过程没有使用index索引,item表示当前元素是属性值,key表示user表示user对象属性名。-- 格式为:(value, name, index) -->-- 1.遍历过程没有使用索引(下标值) -->-- 格式为:(value, name) -->-- 2.遍历过程有使用索引(下标值) -->-- 1.遍历过程没有使用index索引-->模板中使用v-for。...
2022-08-09 08:56:23
302
原创 vue.js事件处理器
1. .stop的使用,btn的click事件不会传播,不会冒泡到上层,调用event.stopPropagation() 常用 点击 2. .prevent 调用event.preventDefault阻止默认...
2022-08-03 17:13:28
210
原创 vue.js样式绑定
class和style是html元素的属性,用于设置元素的样式。我们可以 用v-bind来设置样式属性。Vue.js v-bind在处理class和style是,专门增强了它。表达式的结果练习除了字符串之外,还可以是对象或数组。
2022-08-02 19:35:08
321
原创 Vue3监听属性
以上代码中我们创建了两个输入框,data属性中,kilometers和meters初始值都为0。watch对象的两个监控方法kilometers和meters。Vue3监听属性watch,我们可以通过watch来响应数据的变化。当我们再输入框输入数据时,watch会实时监听数据变化并改变自身的值。示例使用watch实现计数器。示例实现千米与米之间的换算。侦听器watch的用法3。侦听器watch的用法2。侦听器watch的用法。...
2022-07-29 09:29:50
1326
原创 Vue.js计算属性
我们可以使用methods来代替computed,效果上它们都是一样的,都是computed是基于它的依赖缓存,只有相关依赖发生改变时才会重新赋值。通过getter我们可以获取对象中相关属性的值。我们可以理解为我们是定义了一个伪属性,我们读取这个伪属性的值时,它会按照我们定义好的规则返回对象的相关属性的值。通过setter我们可以修改对象中的相关属性,同样我们也可以理解为我们定义了一个伪属性,当我们修改这个伪属性的值时,它会按照我们定义好的规则修改对象的相关属性。计算属性在处理一些复杂逻辑时是很有用的。..
2022-07-28 09:38:12
168
原创 vue2基础
上面的代码实现了一个简单的鼠标悬停在文字上,显示页面加载时间的一个效果。直接下载并用标签引入,3vue的一些常用指令和注意事项。会被注册为一个全局变量。
2022-07-25 20:30:12
577
原创 JavaScript箭头函数
1.2箭头函数的this箭头函数thisthis静态根据上下文的this。3.构造函数的this构造函数的this就是当前实例。箭头函数的this一旦定义了就不允许改变。1.1普通函数this跟调用者有关。ES6中新增的定义函数的方式。2.2对象箭头函数的this。2.对象方法里面的this。...
2022-07-20 15:04:20
172
原创 JavaScript解构赋值
对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值,否则解构失败就是undefined。ES6内部使用严格相等运算符(===),判断一个位置是否有值。所以,只有当一个数组成员严格等于undefined,默认值才会生效。对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。ES6中允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构。...
2022-07-19 18:57:34
162
1
原创 JavaScript计时事件
通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。window.clearInterval()方法可以不使用window前缀,直接使用函数clearInterval()。window.setInterval()方法可以不使用window前缀,直接使用函数setInterval()。clearInterval()方法用于停止setInterval()方法执行的函数代码。然后你可以使用clearInterval()方法来停止执行。...
2022-07-18 14:20:26
101
原创 JavaScript ES6语法
一:ES6的概念ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等,而 ES2015 则是正式名称,特指该年发布的正式版本的语言标准。二:为什么使用ES6每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方- 变量提升特性增加了程序运行时的不可预测性
2022-07-15 08:15:00
288
1
原创 一些JavaScript基本题目
1.var a=1 b=2 不引入第三方变量 交换a b变量的值2.用户输入一个年份,判定该年份有多少天 闰年366 平年3653.在页面输出倒直角三角形4.再页面输出金字塔(等腰三角形)5.假设从A地到B地的火车票有硬座和硬卧,价格分别为100和190元。根据铁路部门规定,未成年人(18周岁以下)身高不足120cm免票,120(含)-150(不含)cm需半票,150及以上的需全票,未成年人卧铺只能减免硬座的半价。请设计一个购票程序,要求输入年龄和身高(未成人需要输入)
2022-07-14 08:15:00
112
原创 JavaScript Window History
window.history对象包含浏览器的历史。window.history对象在编写时可不使用window这个前缀。为了保护用户隐私,对JavaScript访问该对象的方法做出了限制。一些方法:history.back()方法加载历史列表中的前一个URL。这与在浏览器中点击后退按钮是相同的:history forward()方法加载历史列表的下一个URL。这与在浏览器中点击前进按钮是相同的:history.go() 这个方法来实现刷新的功能。...
2022-07-13 08:00:00
234
原创 JavaScript Window Location
window.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。window location 对象在编写时可不使用Window这个前缀。一些例子:location.pathname属性返回URL的路径名。location.assign()方法加载新的文档。...
2022-07-12 08:00:00
233
原创 JavaScript window-浏览器对象模型
window对象所以浏览器都支持window对象,它表示浏览器窗口。所有JavaScript全局对象,函数以及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。甚至HTML DOM的document也是window对象的属性之一;于此相同:window尺寸有三种方法能够确定浏览器窗口的尺寸。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:对于 Internet Explorer 8、7、
2022-07-11 08:15:00
134
原创 JavaScript对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。所有事物都是对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。访问对象的属性 属性是与对象相关的值。访问对象属性的语法是:这个例子使用了 String 对象的 length 属性来获得字符串的长度:在代码执行后,x的值: 创建JavaScript对象通过 JavaScript,您能够定义并创建
2022-07-08 08:00:00
164
1
原创 JavaScript DOM 事件流
事件流:描述的是从页面中接收事件的顺序,事件发生时在元素节点按照一定的顺序执行就叫做DOM事件流。1.DOM事件的3个阶段document>html>boby>div (当前阶段) 事件捕获过程(当前阶段) div>boby >html>document 事件冒泡过程总结:js代码只能执行捕获或者冒泡的一个阶段onclick和attachEevent 只能得到冒泡阶段addEventListener第三个参数为true表示事件捕获阶段调用程序,如果false表示冒泡阶段调用处理程序实际开发中一般使用冒泡
2022-07-06 08:00:00
88
原创 震惊 !!!DOM还能这么用,让我们跟随小编一起去看看吧 !
创建新的 HTML 元素 (节点) - appendChild()示例浏览器显示效果 解析 这段代码的作用是创建元素为元素创建一个新的文本节点将文本节点添加到元素中 在一个已存在的元素中添加p元素查找已存在的元素添加到已存在的元素中 创建新的 HTML 元素 (节点) - insertBefore()以上的方法用于添加新元素到尾部如果要将新元素添加到开始位置,可以使用insertBefore方法示例移除已存在的元素示例 解析元.........
2022-07-05 08:00:00
137
2
原创 JavaScript-DOM
DOM 节点根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:1.整个文档是一个文档节点 2.每个 HTML 元素是元素节点 3.HTML 元素内的文本是文本节点 4.每个 HTML 属性是属性节点 5.注释是注释节点通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。DOM树又称为文档树模型,把文档映射成树形结构,通过节点对象对其处理,处理的结果可以加入到当前的页面文档:一个页面就是一个文
2022-07-04 08:30:00
157
原创 JavaScript日期对象
日期对象的创建方式new Date() 用当前日期和时间创建新的日期对象:new Date(year, month, ...) 用指定日期和时间创建新的日期对象。7个数字分别指定年、月、日、小时、分钟、秒和毫秒(按此顺序):JavaScript 从 0 到 11 计算月份。一月是 0,十二月是11,6个数字指定年、月、日、小时、分钟、秒`:2个数字指定年份和月份:您不能省略月份。如果只提供一个参数,则将其视为毫秒 日期获取方法获取方法用于获取日期的某个部分(来自日期对象的信息
2022-07-01 08:00:00
194
原创 数字对象 Math
var pi = Math.PI;//圆周率 console.log(pi); var res = Math.abs(-1);//返回的是负数的绝对正值 res = Math.abs(-1.5); console.log(res); res = Math.round(1.3);//返回的是1.3四舍五入的整数值 res = Math.round(1.5); console.log(res); res = Math.ceil(1.2);//向上取整 即向上取.
2022-06-30 08:00:00
47
原创 字符对象练习题
1.统计字符串中出现次数最多的字符是哪个,出现了几次 str = "abcdeereeryhhssqqq"2.去除"abcdeereeryhhssqqq"中的重复字符3.编写函数判定字符串是不是回文 , 回文示例:上海自来水来自海上4.编写函数删除字符串中的数字5.编写函数翻转字符串运行效果 运行效果 运行效果 运行效果...
2022-06-29 08:00:00
146
原创 String(字符串)对象
slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)。这个例子裁剪字符串中位置 7 到位置 13 的片段:如果某个参数为负,则从字符串的结尾开始计数。这个例子裁剪字符串中位置 -12 到位置 -6 的片段:如果省略第二个参数,则该方法将裁剪字符串的剩余部分:或者从结尾计数: substring() 类似于 slice() 不同之处在于 substring() 无法接受负的索引。如果省略第二个参数,
2022-06-28 08:45:00
79
1
原创 仿安居客首页导航栏及二级下拉菜单Html+Css+JavaScript
这次仿写的是安居客的首页导航栏,要求实现二级下拉菜单css部分JavaScript部分最后是代码运行效果
2022-06-27 08:30:00
523
原创 JavaScript 常用内置对象
1.String(字符串)对象length 属性返回字符串的长度ndexOf( )方法返回字符串中指定文本*首次*出现的索引(位置):0 是字符串中的第一个位置,1 是第二个,2 是第三个 ...lastIndexOf( )方法返回指定文本在字符串中*最后*一次出现的索引如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1两种方法都接受作为检索起始位置的第二个参数 search()方法搜索特定值的字符串,并返回匹配的位置:有三种提取部分字符串
2022-06-24 08:45:00
104
原创 JavaScript自定义对象
什么是对象现实世界的万物皆对象,对象是看得见,摸得着的事物,比如一个水杯, 一个人创建对象的三种方式1.利用字面量创建对象 使用大括号,括号里包含了对象的属性和方法
2022-06-23 19:06:03
269
原创 JavaScript数组案例
例题1.将数组[12,34,2,5,76]中数字内容求和2.将数组[4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]中的0项去掉,将不为0的值存入一个新的数组3.求[12,34,2,5,76]数组中最大值4.往数组[10,2]里面添加数据至数组的长度为5,但不要出现重复数据5.[1,3,5,2,1,4,3,1,2,5,3,1,2,1]对该数组去除重复数据部分解析1.第一题浏览器显示效果2.第二题浏览器显示效果 3.第三题浏览器显示效果 4.第五题浏览器显示效果.
2022-06-21 08:30:00
678
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人