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