- 博客(31)
- 收藏
- 关注
原创 Vue创建全局、局部组件及父组件向子组件传递方法
1.首先搭建脚手架,并运行,确保搭建成功。2.创建两个vue文件,CompreHensive.vue文件作为创建全局变量使用,OneSided.vue作为局部变量使用(特别注意使用驼峰命名法,不然容易报错)。3.在创建全局变量前要在main.js中配置配置全局变量,在进行全局注册组件时变量名要用-隔开或者使用驼峰命名法。4.再创建的CompreHensive.vue文件,template里面写html内容,script里面写js内容,style里面谢css样式,进行js命名时要用驼峰命名法。...
2022-08-04 16:43:38
1370
6
原创 Vue中v-model的使用
实现双向绑定需要是用v-bind和v-on,使用v-bind给input的value绑定message对象,此时message对象改变,input的值也会改变。但是改变input的value并不会改变message的值,此时需要一个v-on绑定一个方法,监听事件,当input的值改变的时候,将最新的值赋值给message对象。 v-model双向绑定,既输入框的value改变,对应的message对象值也会改变,修改message的值,input的value也会随之改变。 radio单选框的。...
2022-08-03 14:08:09
1568
7
原创 Vue条件判断及循环遍历(v-if、v-elseif、v-else、v-show、v-for)
Vue条件判断及循环遍历(v-if、v-elseif、v-else、v-show、v-for)
2022-08-02 19:40:36
3459
5
原创 ToDoList——原生JavaScript(超详细)
原生js,制作ToDoList,重点JavaScript部分,后期还会更新vue做法。
2022-08-02 15:10:04
1425
5
原创 Vue事件绑定(v-on用法)
ES6事件绑定,v-on的基本使用,v-on的参数传递,v-on的修饰词,阻止冒泡事件,添加事件监听器时使用事件捕获模式。 capture只当在 event.target 是当前元素自身时触发处理函数。 prevent点击事件将只会触发一次。 once.passive 修饰符尤其能够提升移动端的性能。 .passive.........
2022-07-28 23:45:00
4227
16
原创 ES6其他语法及扩展语法总结
includes、**幂运算、flat数组降维、flat和map的一个结合、对象的扩展方法、 fromEntries 把键值对的形式 转为对象、trim 去除空格、?. 对象层级比较深。
2022-07-23 17:14:43
554
5
原创 ES6中 async 函数、await表达式
async是一个修饰符,async定义的函数会默认的返回一个Promise对象resolve的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。它也是一个修饰符,await关键字只能放在async函数内部,await关键字的作用就是获取Promise中返回的内容,获取的是Promise函数中resolve或者reject的值。......
2022-07-21 14:00:56
736
5
原创 ES6中Promise用法(封装Ajax)
Promise是异步编程的一种解决方案,可以替代传统的解决方案--回调函数和事件。ES6统一了用法,并原生提供了Promise对象。作为对象,Promise有一下两个特点。
2022-07-20 15:10:16
913
4
原创 ES6中Symbol、迭代器和生成器基本语法
迭代器(lterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口,就可以完成遍历操作,ES6新增遍历方式for...of。原生具备lterator接口的数据有2.原理创建一个指针对象,指向数据结构的起始位置,第一次调用==next()==方法,指针自动指向数据结构第一个成员,接下来不断调用next(),指针一直往后移动,直到指向最后一个成员,没调用next()返回一个包含value和done属性的对象。console.log("函数执行了...")...
2022-07-19 19:48:56
816
10
原创 ES6中Array对象的方法和扩展、string的扩展方法、数组的遍历
将伪数组或可遍历对象转换为真正的数组(字符串,对象,类数组,set,map等)
2022-07-15 20:36:10
786
2
转载 实现简单的登录弹窗利用JavaScript、CSS、HTML(可保存用户信息)
网页结构分为三大块,第一部分点击a标签会弹出登录框,第二部分是登录框用户填写表单,需要注意A标签中使用javascript,第三部分是设置突出背景。需要注意登录弹窗和背景板的权重布局的时候就需要将,背景板和弹窗使用display: none;来实现消失的效果,在后续的步骤中来实现显现和消失的效果。需要将所有元素获取,注意class和Id选择器的方式2.设置登录弹窗出现与关闭设置点击事件,来实现显示和消失,要注意设置......
2022-07-14 16:35:30
6472
4
原创 ES6语法(解构赋值、箭头函数)
数组的解构赋值(字符串与其同理)本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被予对应的值,二维数组:依然一一对应 (3)省略变量:用逗号隔开中间省略变量 (4)合并数组的值:合并运算符可以展开数组也可合并数组(5) 默认值:如果是undefined 默认值生效注:对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值,否则解构失败...
2022-07-13 15:07:09
361
2
原创 ES6基础入门(新增let、const变量)
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等,而 ES2015 则是正式名称,特指该年发布的正式版本的语言标准。每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。- 变量提升特性增加了程序运行时的不可预测性。- 语法过于松散,实现相同的功能
2022-07-12 14:36:54
598
原创 JavaScript 实现简单的移动和缓动的效果
CSS布局,JavaScript代码——移动获取元素,封装函数实现移动,移动效果与移动同理使用函数来封装,代码大致与js移动相同,中间判断与上文稍微有些不同,其中的含义是,第一次移动取移动距离的十分之一,接下来的每一次移动,都是取省下来还剩多少距离的十分之一,取整是为了,在无线接近于所设置的距离可以移动。.........
2022-07-11 19:16:31
1504
4
原创 javaScript实现倒计时功能
目录一、主要思路二、css样式三、html代码四、js内容五、完整代码展示六、效果展示1.通过内置时间函数实例化日期对象获取当前时间 new Date。2.因为时间无法减去时间,有可能生成负数,所以采用时间戳的方法得到毫秒数形式的剩余时间,然后再把剩余时间转换为天、时、分、秒格式。3.最后把所获得的内容赋值给定义的变量。主要为了内容在页面展示美观,稍微美化一下。三、html代码定义一个默认格式为JavaScript引入定义变量。四、js内容1.首先获取html里面的spans里的全部标签
2022-07-08 19:42:38
16410
5
原创 非常实用的JavaScript一行代码,建议收藏。
该方法用于将英文字符串的首字母大写处理、翻转字符串、该方法用于将一个字符串进行翻转操作,返回翻转后的字符串、随机字符串、该方法用于生成一个随机的字符串、截断字符串、该方法可以从指定长度处截断字符串、日期处理、检查日期是否有效、该方法用于检测给出的日期是否有效、计算两个日期之间的间隔、该方法用于计算两个日期之间的间隔时间、查找日期位于一年中的第几天、该方法用于检测给出的日期位于今年的第几天、时间格式化。......
2022-07-07 17:16:17
131
原创 JavaScript对象详解
在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。使用对象字面量创建对象:就是花括号 { } 里面包含了表达。
2022-07-05 18:56:45
351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人