- 博客(12)
- 收藏
- 关注
原创 封装星星评分只带显示无点击功能
封装星星评分只带显示无点击功能components<template> <div class="star"> <div> <!-- // 满星 --> <i class="iconfont icon-star-full icon_m" v-for="(i, index) in parseInt(value)" :key="index" ></i
2021-11-02 16:00:29
91
原创 小程序中的生命周期函数、父子传参、input双向绑定
小程序生命周期三个方面来介绍小程序的生命周期:应用生命周期页面生命周期应用及页面生命周期的触发顺序1.0 应用生命周期App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。必须在 app.js 中调用,必须调用且只能调用一次,app.js中定义了一些应用的生命周期函数。onLaunch: 初始化小程序时触发,全局只触发一次onShow: 小程序初始化完成或用户从后台切换到前台显示时触发onHide: 用户从前台切换到后台隐藏时触发onEr
2021-05-13 22:35:36
321
3
原创 vue传值方式
一.父传子传递(1)在父组件的子组件标签上绑定一个属性,挂载要传输的变量(2)在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props: [“属性 名”] props:{属性名:数据类型}代码示例://父组件<template> <div> <i>父组件</i> <!--页面使用--> <son :data='name'></son>
2021-05-11 20:56:41
106
原创 防抖节流
节流防抖应用场景防抖和节流都是用来防止高频率的js代码的执行防抖防抖本质上就是以最后的操作为标准打个比方,此时此刻我们都在排队等公交,司机说必须等到坐满才会发车,这时候的参照标准就是最后一个人上车,公交车好比我们的js代码,最后一个人就充当我们的执行条件。看代码:let setTimer;let shake = function() { clearTimeout(setTimer); setTimer = setTimeout(() => { console.log
2021-05-10 22:00:59
61
原创 uni-app简单介绍和生命周期
一、uni-app简单介绍什么是uni-app?uni-app 是使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。uni-app的优点:跨平台发行,运行体验更好与小程序的组件、API一致;兼容weex原生渲染,增加了开发效率高,但是由于weex坑比较多,建议还是使用局部渲染优化;通用前端技术栈,学习成本更低支持vue语法,微信小程序API内嵌mpvue开发生态,组件更丰富支持通过npm安装第三方包支持
2021-05-06 22:57:09
535
原创 keep-alive组件的作用
1. keep-alive组件的作用1.为什么使用keep-alive?在Vue中,我们使用component内置组件或者vue-router切换视图的时候,由于Vue会主动卸载不使用的组件,所以我们不能保存组件之前的状态,而我们经常能遇到需要保存之前状态的需求,例如搜索页(保存搜索记录),列表页(保存之前的浏览记录)等等2.keep-alive的作用?keep-alive是一个Vue的内置组件,它能将不活动的组件保存下来,而不是直接销毁,当我们再次访问这个组件的时候,会先从keep-alive中存
2020-12-22 10:28:21
359
原创 vue脚手架安装、axios拦截器设置、element-ui、node-sass、sass-loader、echarts、vuex-persist、vantUI安装
安装vue的脚手架创建脚手架的命令vue3 create myapp //创建脚手架的名字需要安装的依赖有哪些?axios element-ui node-sass@4.14.1 sass-loader@7.3.1 echarts vant vuex-persist vuexaxios安装和配置信息//axios cnpm install axios --save //配置axios的信息utils/request.js配置拦截器的//mai
2020-12-15 12:36:52
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人