- 博客(12)
- 收藏
- 关注
RSS订阅原创 封装星星评分只带显示无点击功能
封装星星评分只带显示无点击功能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关注的人