一只小兔崽子-优快云博客

原创小程序一分钟倒计时

wxml部分代码如下：<button class="sendBtn" disabled='{{disabled}}' bindtap="getCountDown">{{sendMessage}}</button>js部分代码如下：data: { sendMessage: "重新发送",//按钮的默认文字内容 countTime: 60,//倒计时 disabled:""//按钮是否禁用 }, //倒计时 getCountDown: func

2021-03-29 19:31:36 366 1

原创 vue2移动端页面跳转过渡动画

// In app.vue<template> <div id="app" class="Router"> <transition :name="transitionName"> <router-view></router-view> </transition> </div></template><script>export default { name: 'Ap

2021-03-02 15:58:29 743

原创找一个字符串中出现次数最多的字符

第一种： str = 'asdasddsfdsfadsfdghdadsdfdgdasd' str = str.split(''); console.log(str); var newStr = {}; // 数组去重和计算出现的次数 str.forEach(function (item) { if (newStr[item]) { newStr[item]++; } else {

2021-01-27 22:36:50 4949 1

原创在字符串中找出一个字符出现了多少次

第一种方法：结合递归利用数组中的indexof（）方法和splice（）方法，所以要先将字符串转换为数组 // 递归找字符串中字符出现的次数 var aa = 0 function sum(str, a) { let b = str.indexOf(a) if (b == -1) { return 0; } else { aa++ str.splice(0, b

2021-01-27 22:26:07 772

原创 css盒子居中的几种方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2021-01-18 17:08:26 3249

原创 src和href的区别

src和href的区别：我们在开发页面的时候，有时候需要需要引用一些外部的资源，经常分不清href与src，下面我们就来谈谈它们之间到底分别是什么，这样使用的时候就做到心中有数。概念及使用：href：Hypertext Reference的缩写，超文本引用，它指向一些网络资源，建立和当前元素或者说是本文档的链接关系。在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下走。常用在a、link等标签。<a href="http://www.baidu.com"></a>

2021-01-16 21:08:09 268

原创 link和@import的用法及区别

本质上，这两种方式都是为了加载css文件，但还是存在细微的差别。区别：1、从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。2、加载顺序区别加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。3、兼容性区别@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，.

2021-01-16 19:57:15 443 1

原创 vue路由守卫

vue的路由守卫分为三种：全局路由守卫、组件内路由守卫和路由独享守卫。每个守卫方法接收三个参数：to : 即将要进入的目标路由对象from : 当前导航正要离开的路由next : 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数（是否接着往下执行，若不写next（），则页面不会往下执行，必写）。一、全局路由守卫全局路由守卫分为两种：全局前置守卫和全局后置钩子它们都在main.js中定义全局前置守卫 //语法： .

2021-01-15 09:26:42 3493

原创 toFixed ( )方法

123

2021-01-12 14:07:07 25940 2

原创 padStart ( ) 方法、padEnd ( )方法的用法

num(e) { //价钱补零 //parseFloat 将数字转换为浮点型,否则会保错 //2代表小数点后的长度 return parseFloat(e).toFixed(2)},num2(e) { //时间补零字符串才能转换 return e.padStart(2, '0')}

2021-01-12 11:52:59 1457

原创 for in方法和for of方法的用法以及区别

for in 和for of都是用来循环遍历的方法遍历数组：for in 遍历出来的是下标，for of 遍历出来的是值如图：遍历字符串：和遍历数组一样，for in 遍历出来的是下标，for of则是值遍历对象：for in 遍历出来的是对象的属性名，for of 支架遍历则会报错，若用for of遍历对象，则要和Object.keys（）一起使用如图：...

2021-01-08 17:24:20 704

原创 vue的数据双向绑定原理

前言：什么是数据双向绑定?vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化，数据也会跟着同步变化。这也算是vue的精髓之处了。单项数据绑定是使用状态管理工具（如redux）的前提。如果我们使用vuex，那么数据流也是单项的，这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定？在vue中，如果使用vuex，实际上数据还是单向的，之所以说是数据双向绑定，这是用的UI控件来说，对于我们处理表单，vue的双向数据绑定用起来就特别舒服了。即两

2021-01-08 16:52:16 6816

原创 vue自定义指令和自定义过滤器

自定义指令自定义指令有两种定义形式：1 . 全局自定义指令2 . 局部自定义指令钩子函数自定义指令定义函数提供了几个钩子函数bind只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作inserted被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document 中）update所在组件的 VNode 更新时调用，但是可能发生在其孩子的 VNode 更新之前。指令的值可能发生了改变也可能没有。但是可以通过比较更新前后的值来忽

2021-01-07 20:40:59 256

原创 keep-Alive

vue中keep-alive的使用概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用在组件切换过程中把切换出去的组件保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理在 created钩子函数调用时将需要缓存的 VNode节点保存在 this.cache 中／在 render（

2021-01-06 21:00:23 126

原创 vuex

1.vuex的概念vuex是专门为vue.js应用程序开发的状态管理模式。它采用集中式存储和管理程序的所有组件的数据。2.vuex的好处在大型的程序中如果多个组件中用到的数据我们可以存储到vuex中，如果小项目我们可以适当地使用vuex。3.vuex五大核心及概念state:存储数据在组件中的使用this.$store.state.属性名mutations:可以直接操作state中的数据，在组件中使用 this.$store.commit(‘方法名’，参数)actions:可以实

2021-01-04 14:13:07 97

原创 js基础

一 js基本数据类型五种简单数据类型和一种复杂数据类型简单： String、Number、Boolean、undefined、Null复杂：Object我们用typeof来检测基本数据类型“undefined”–>这个变量是未定义的(为初始化的变量和未声明的变量的 typeof操作都返回undefined)”boolean“–>这个值是布尔值”string“ -->这个值是字符串”number“–>这个值是数字”object“–

2020-12-27 21:24:19 144 1

原创 vue项目开发前环境配置

Vue 项目开发前的配置工作一.项目前准备工作安装node.js安装webpack（ npm install webpack -g ）安装vue （npm install -g vue-cli ）查看vue版本（ vue -V ）创建vue项目（ vue init webpack vuedemo ）二.创建项目先找到你要创建项目的文件夹然后再判断你的脚手架版本号（vue - V），若版本号为2.几的，创建项目命令为vue init webpack 项目名（运行命令为：npm st

2020-12-15 20:56:28 169

原创箭头函数与普通函数的区别

一、箭头函数是匿名函数，不能作为构造函数，不能使用new箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式：一种只包含一个表达式，连{ … }和return都省略掉。还有一种可以包含多条语句，这时候就不能省略{ … }和return。不能作为构造函数，不能使用new二、箭头函数内没有arguments，可以用展开运算符…解决三、箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）四、箭头函数不能通过

2020-11-27 19:05:46 268

weixin_48171199的博客