![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
辰辰北
这个作者很懒,什么都没留下…
展开
-
关于随即移动的五角星
关于随即移动的五角星实现案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-12-18 08:23:26 · 68 阅读 · 0 评论 -
关于DOM的简单回忆
DOM(Document Object Model)可操作html元素,增删改查、样式、属性、事件;关于document中获取元素的方法:原创 2021-12-18 08:22:32 · 39 阅读 · 0 评论 -
关于BOM简单回忆
BOM(Browser Object Model)this的最终指向是window关于window中常见的方法和函数:一、locationwindow.location可查看地址栏相关信息二、onloadwindow.onload() ,页面资源加载完毕后才触发load中的内容三、onresize浏览器窗口高度或者宽度改变出发生效四、onscroll滚轮滚动时触发五、history关于历史路径的缓存六、滚动距离页面顶部距离document.documentElement.scr原创 2021-12-16 22:34:13 · 43 阅读 · 0 评论 -
VUE3中关于通栏和回到顶部按钮的实现
<template> <div id="demo"> <transition name="top"> <div id="top" v-if="showTop">顶部通栏</div> </transition> <div> <h1>hah1</h1> <h1>hah2</h1> <h1>hah原创 2021-12-16 22:12:00 · 338 阅读 · 0 评论 -
JS中格式化输出时间
格式化输出时间// 格式化输出时间// 1创建当前的时间对象var time = new Date()// 2根据当前的事件对象获取对应的年月日时分秒var year = time.getFullYear()var month = time.getMonth() + 1var day = time.getDay()var hour = time.getHours()var minite = time.getMinutes()var seconds = time.getSeconds()原创 2021-12-16 17:21:21 · 1150 阅读 · 0 评论 -
VUE中Math内置的方法
Math内置的方法// Math的内置方法// 1 random()返回0~1的数字,不包含1console.log(Math.random());// 2 round()返回一个四舍五入的数字console.log(Math.round(1.6)); // 2// 3 abs()console.log(Math.abs(-2.566)); // 2.566// 4 floor()console.log(Math.floor(2.3)); // 2// 5 ceil()console.原创 2021-12-15 14:36:26 · 4845 阅读 · 0 评论 -
JS中的字符串和数组常用方法
<script>// 字符串的常用方法// 1 charAt() 根据索引查找字符,返回字符,未找到返回字符var str = 'expresokkshahha'console.log(str.charAt(1)); // xconsole.log(str.charAt(10)); // 字符串('')// 2 charCodeAt() 根据索引查找字符,返回字符的ASCII码,未找到返回NANconsole.log(str.charCodeAt(0)); // 101cons.原创 2021-12-15 10:23:26 · 717 阅读 · 0 评论 -
VUE中列表过渡
template模板javascript过渡CSS样式原创 2021-12-12 19:21:08 · 285 阅读 · 0 评论 -
vue中过渡
Vue 提供了 transition 的封装组件,条件渲染 (使用 v-if)、条件展示 (使用 v-show)、动态组件和组件根节点中,可以给它们添加进入/离开过渡原创 2021-12-11 11:47:20 · 783 阅读 · 0 评论 -
VUE中通过JS让input自动获取焦点
原创 2021-12-10 17:23:13 · 820 阅读 · 0 评论 -
组件通信的6种方式
一、props使用场景:父子组件通信PS:路由的props二、自定义事件适用场景:子组件给父组件传递数据$on 和 $emit三、全局事件总线使用场景:万能$bus四、pubsub-js(发布与订阅)React中用的比较多适用场景:万能五:Vuex适用场景:万能六:插槽适用场景:父子组件通信默认插槽,具名插槽,作用域插槽...原创 2021-12-10 16:02:42 · 134 阅读 · 0 评论 -
再次回顾VUE中的slot
1-组件中添加slot,组件起始标签中的内容才可被渲染父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。2-具名插槽3-作用域插槽可通过添加slot,让父组件通过插槽slot,将需要传递的数据绑定为attribute,以此访问子组件中的数据。...原创 2021-12-07 16:14:19 · 50 阅读 · 0 评论 -
VUE中自定义修饰符
子组件created生命周期钩子触发时,modelModifiers会包含capitalize,且其值为true原创 2021-12-07 14:35:35 · 305 阅读 · 0 评论 -
VUE父子组件中多个v-model绑定
原创 2021-12-06 15:02:39 · 424 阅读 · 0 评论 -
VUE中非props的attribute
1-Attribute 继承select自带change和showChange事件,无需通过$emit显式发出原创 2021-12-05 20:58:05 · 65 阅读 · 0 评论 -
VUE中子组件改变来自父组件数据的两种方式
在VUE中,父子组件的传递是单向下行的,子组件如何改变来自父组件的数据?一、本地的 data property 并将这个 prop 作为其初始值二、这个 prop 以一种原始的值传入且需要进行转换提示:注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变这个对象或数组本身将会影响到父组件的状态。...原创 2021-12-05 19:27:54 · 295 阅读 · 0 评论 -
VUE中动态改变字体大小
VUE中动态改变字体大小父组件将自己的数据传递送给子组件展示,子组件监听click操作,emit发送出去,父组件监听通过emit发送的信息,改变控制字体大小的postFontSize,通过style展示原创 2021-12-05 13:26:24 · 6182 阅读 · 0 评论 -
VUE中表单的修饰符.lazy
一、关于.lazy修饰符二、关于.number修饰符三、关于.trim修饰符原创 2021-12-03 10:38:34 · 1440 阅读 · 0 评论 -
VUE中单选框-多选框-选择框的值绑定
1-单选框的值绑定复选框-选择框类似原创 2021-12-03 10:10:21 · 868 阅读 · 0 评论 -
VUE中关于复选、单选和选择框(单选-多选-动态绑定)
##一、 关于复选框二、关于单选框vue中可根据v-model进行分组HTML中根据name分组三、关于下拉选择框1-单选2-多选v-for动态绑定选项原创 2021-12-03 09:56:52 · 777 阅读 · 0 评论 -
关于VUE中的修饰符
原创 2021-12-02 17:59:04 · 290 阅读 · 0 评论 -
关于VUE中组件使用v-for
原创 2021-12-02 17:08:06 · 715 阅读 · 0 评论 -
VUE中的侦听器watch
原创 2021-12-01 10:26:40 · 145 阅读 · 0 评论 -
JavaScript中Object.values(obj)的使用
Object.values(obj)返回一个数组,数组包含obj的所有属性值;得到的数组元素顺序和属性名有关,属性名是数字的,属性值会自动排序!将字符串分割为单个字符console.log(Object.values(‘kelly’)) // [‘k’, ‘e’, ‘l’, ‘l’, ‘y’]...原创 2021-11-23 11:46:47 · 1266 阅读 · 0 评论 -
VUE3中具名插槽的使用
VUE3中具名插槽的使用## 标题子组件在负组件中展示,除子组件自带的,其他数据想要展示在子组件中,需要子组件有插槽,否则无法展示!!原创 2021-11-21 21:23:39 · 1812 阅读 · 0 评论 -
vue导入外部CSS样式的两种方法
vue导入外部CSS样式## 标题发布方法一:在main.js中导入方法二:在App.vue中导入:原创 2021-11-07 11:27:49 · 1132 阅读 · 0 评论