桃桃（❀）-优快云博客

原创 vue基础配置和指令

vue基础配置和指令配置指令配置 ***{{}} //vue渲染数据状态的标签 //标签中可以直接渲染data中的数据，也可以写简单的逻辑 ***vue的挂载点第一种 new Vue({ el:"标签名", //vue挂载点，vue的代码必须在挂载点内才会生效 data:{}, //data用来储存vue的数据状态 methods:{}, //项目中涉及的函数以及事件函数放在methods中 computed:{},//计算属性 watch:{}, //监听 }) 第二种 new Vue(

2020-12-16 10:37:03 248 1

原创 vue中获取DOM，操作DOM（ref的基本用法）

ref的基本用法refnextTick ref //如果想要获取到DOM对象或者组件对象，可以给对应的标签添加ref属性，并自定义名字 //这是子组件 <child ref="child"></child> this.$refs.child //获取的是一个组件对象 //这是个普通的标签 <div ref="div"></div> this.$refs.div //获取到的是一个DOM对象 ref最好结合 nextTick 使用 nextTick /

2020-12-16 09:59:25 685

原创 Date对象（时间日期）

Date对象 var day = new Date() 获取当前时间 getFullYear() 年 getMouth() 月 getDate() 一个月的某一天 getDay() 一周中某一天 getHours() Date对象的小时（0 - 23） getMinutes() Date对象的分钟（0 - 59） getTime() 返回1970.1.1至今的毫秒数 getSeconds() 秒 getMilliseconds() 毫秒当前毫秒数 dataString() 日期

2020-12-10 14:12:55 185

原创 Math对象（随机数）

Math对象 Math.random() 随机数 Math.round() 四舍五入 Math.ceil() 向上取整 Math.floor() 向下取整 Math.max() 最大值 Math.min() 最小值 Math.PI 圆周率 Math.abs() 绝对值 Math.pow(x,y) x的y次方 ******* 封装一个函数，实现随机数 //生成 [a,b] 的随机数 function random(a,b){ return Math.floor(Math.random() *

2020-12-10 14:03:15 263

原创 js运算符类型

运算符算数运算符自增自减运算符关系运算符逻辑运算符条件运算符符合运算符条件运算符算数运算符 + - * / % 自增自减运算符 ++a:先自身增加1，然后使用增加后的值参与运算 a++:使用之前的值参与运算，然后在自身增加1 --a:先自身减1，然后使用减后的值参与运算 a--:使用之前的值参与运算，然后在自身减1 关系运算符 > < >= <= == === !=

2020-12-09 10:33:56 116

原创 set和map的简单应用

es6的set和mapsetmap set var arr = [1,1,2,3], var set = new Set(arr), //返回值中不允许有重复的值 console.log(set) //返回的是类数组对象，可以通过扩展运算符或Array.from()方法，将类数组转化为数组 console.log([...set]) map var map = new Map(arr), //返回值中不允许有重复的值 var obj = {p:'hello world'} map.set(obj,'con

2020-12-08 14:07:49 122

原创 Jquery常用基本方法

jquery常用DOM转jquery类名内容样式动画下拉动画停止上一个动画显示隐藏淡入淡出自定义动画属性可以递增滚动条动画效果查找元素属性获取索引值 DOM转jquery $('选择器').get(下标) $('选择器')[下标] 类名添加：addClass() 删除：removeClass() 切换：toggleClass() 判断是否拥有：hasClass() 内容 *** html() innerHTML,用于设置获取标签中的内容（包含html标签） *** text() innerTe

2020-12-08 13:50:45 87

原创根据文本动态渲染不同的背景颜色样式

根据文本动态渲染不同的背景颜色htmlcss html  <div class="content-list" v-for="(item, index) in List" :key="index" >  <div :class="[ { '类名1':

2020-12-08 11:34:20 794

原创 class style 的绑定

class style 的绑定classstyle class <div :class="className"></div> <div :class="[className1,className2,className3]"></div> <div :class="{active:activeStatus}"></div> <div :class="['box',{active:activeStatus}]"></div

2020-12-08 10:37:03 128

原创 WebScoket的使用(实时通讯)

WebScoket的使用前端写的内容后端要写的内容前端写的内容 webScoket参数是要连接的服务的地址，使用ws协议例：ws://localhost:3000 var connect = new webScoket('ws://localhost:3000') connect.onopen = function(){ console.log('开启ws连接 - 连接成功') } connect.onmessage = function(data){ console.log('服务器传递过来的

2020-12-08 10:18:58 400

原创 vue axios 拦截器（interceptors）

// 请求拦截器 axios.interceptors.request.use(function (config) { 　　// 在发送请求之前　　return config }, function (error) { 　　// 对请求错误 return Promise.reject(error) }); // 响应拦截器 axios.interceptors.response.use(function (response) { 　　// 响应数据　　return response }, functi

2020-10-20 16:57:01 247

weixin_49770502的博客