- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue的计算属性和侦听器
计算属性用来处理数据，解决代码的冗余。用法：当一些数据需要通过计算才能得到，我们一般放在计算属性中处理，减少在标签内执行。会进行数据的缓存，减少代码的冗余，还有多个计算属性可以共享。计算属性需要在computed(){} 里面声明，方法名为属性值，返回值为计算属性的属性值。计算属性有两个方法，get()，set(),一般情况下我们只会使用get()方法，所以我们基本上用简洁的方式:当需要读取当前属性值时调用,根据相关的数据计算并返回当前属性的值(取值时调用)
2023-11-09 17:58:35
70
原创 Vue中vuex的五个属性和基本方法
vuex官方解释vuex是一个专为vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2023-11-09 15:07:56
66
原创 css选择器
nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的特定类型的第n个子元素和倒数第n个子元素，而:nth-child(n)和:nth-last-child(n)选择器用于匹配属于父元素的第n个子元素和倒数第n个子元素，与元素类型无关。:nth-of-type(n)和:nth-last-of-type(n)选择器。:nth-child(n)和:nth-last-child(n)选择器。:first-child和:last-child选择器。
2023-11-07 14:56:09
21
原创 数组的排序（非全部数字）
对数组进行排序（按照每一项中number的大小排序）es5数组排序的方式：从大到小的排序this.mythreeawardlist=[{amount:“10”,title:“洗衣机”}，{amount:“102”,title:“洗衣机1”}，{amount:“56”,title:“洗衣机2”}，{amount:“76”,title:“洗衣机3”}，{amount:“320”,title:“洗衣机4”}，{amount:“77”,title:“洗衣机5”}]for(var i=0;i<this.m
2021-11-24 10:46:42
402
原创 前端时间倒计时
距离未来的某一时间和当前时间的倒计时的，我们需要用到定时器和递归的方法。<template> <div> <span class="countdownText" v-if="dd != 0">{{dd}}天</span> <span class="countdownTime">{{hh|formatTime}}</span> <span class="countdownTime" &g
2021-11-12 10:38:05
2485
原创 移动vue大转盘抽奖
近期做大转盘的抽奖的形式，需要动态奖品的数量，之前计划写源生的js和css实现，相对来说是比较困难的，最好的办法还是利用canvas操作。最近找到vue的canvas开源的插件，很高校的解决了整个问题。数据是我随便写的，可以执行。后期样式自己随便调。# npm 安装npm install @lucky-canvas/vue# 或者 yarn 安装yarn add @lucky-canvas/vuemain.js全局引入import VueLuckyCanvas from '@lu
2021-11-11 21:23:17
3490
原创 元素的大小
DOM中没有规定如何获取页面中的元素的大小，为了方便开发人员的使用，IE率先引入了一些属性，目前大多数的主流浏览器都支持这些属性。1.偏移量偏移量（offset dimension）,主要包括元素在屏幕上占用的空间（可见）。元素的可见大小由元素的高度、宽度决定，主要包括元素的内边距，滚动条的宽高和 边框的大小（外边距不属于元素的大小）。offsetHeight元素在垂直方向占用的空间大小，...
2019-08-30 17:55:41
584
原创 数组
数组的定义装载一组数据的容器，用来存储数据。字面量：var all=[基本数据类型，尽量用一种类型数据，用字符全部用字符]。构造函数：var all=Array(基本数据类型) ； 当里面只有一个数的时候，表示数组的长度。循环数组利用for循环，for(var i=0; i<length;i++)数组的遍历 ，循环输出.length表示数组的长度，用数组名调用。例如Array.le...
2019-08-28 22:25:23
82
原创 BOM
定义Bom是Browser Object model 浏览器对象模型 ， 核心对象window。Bom 提供了独立于内容而于浏览器窗口进行交互的对象。Bom 由一些了相干的对象构成，并且每个对象都提供了很多方法和属性。Bom 缺乏标准，js语法的标准化组织是ECMA BOM的标准化组织是W3C。BOM 最初是Netscape浏览器标准的一部分。window对象window对象是浏览器...
2019-08-28 19:16:24
107
原创 实现Date日期大写的输出
日期大写的输出假设今天是2019年8月27日13点5分39秒 返回 => 贰零壹玖年捌月贰拾柒日壹拾叁点伍分叁拾玖秒function myfunction(){var date=new Date();console.log(date);var cha=["零","壹","贰","叁","肆","伍","陆","柒","捌","玖",];var year=date.getFullY...
2019-08-27 21:13:58
703
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人