桃桃（❀）-CSDN博客

原创 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 108 1

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

ref的基本用法refnextTickref//如果想要获取到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 507

原创 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 124

原创 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 179

原创 js运算符类型

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

2020-12-09 10:33:56 62

原创 set和map的简单应用

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

2020-12-08 14:07:49 63

原创 Jquery常用基本方法

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

2020-12-08 13:50:45 48

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

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

2020-12-08 11:34:20 621

原创 class style 的绑定

class style 的绑定classstyleclass<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 83

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

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

2020-12-08 10:18:58 228

原创 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 189

weixin_49770502的博客