- 博客(17)
- 收藏
- 关注
RSS订阅原创 快速上手Pinia
如果你之前使用过 vuex 进行状态管理的话，那么 pinia 就是一个类似的插件。它是最新一代的轻量级状态管理插件。按照尤雨溪的说法，vuex 将不再接受新的功能，建议将 Pinia 用于新的项目。详情可查阅官方文档1.简便，存储和组件变得很类似，你可以轻松写出优雅的存储。2.类型安全，通过类型推断，可以提供自动完成的功能。3.vue devtools 支持，可以方便进行调试。4.Pinia 支持扩展，可以非常方便地通过本地存储，事物等进行扩展。5.模块化设计，通过构建多个存储模块，可以让程序
2022-06-02 18:02:49
513
原创 vue后台管理使用a标签导出表格
1.首先使用自己封装的接口请求记住不要忘记加： responseType: “arraybuffer” ,export function exportNoticemsg(query) { return request({ url: '/agent/noticemsg/export', method: 'get', responseType: "arraybuffer" , params: query })}2.在页面中使用//引入接口import {
2022-05-28 16:32:08
473
原创 vue中使用nodejs接口向后台post传参，后端无法获取参数问题
后台是node+express框架 ，配置如下：//导入express模块const express = require('express')const bodyParser = require('body-parser')//创建express服务器实例const app = express()const joi = require('joi')//导入cors中间件const cors = require('cors')//将cors注册为全局中间件app.use(cors(
2022-05-26 11:53:34
1700
原创 关于微信小程序流量主拉取视频显示暂无广告
出现这种情况分2中情况1.代码问题2.因为小程序广告组件在审核中，因此在开发版本中就会出现暂无广告、线上版本啥也会没有，等到审核通过了，就可以显示视频广告了
2022-05-17 10:38:59
3080
原创 vue3 使用 Element-plus 分页组件时显示中文
1.前提是你得下载Element-plus2.下面是代码环节，超级简单//app.vue<template> <el-config-provider :locale="locale"> <router-view></router-view> </el-config-provider></template><script >import { ElConfigProvider } from 'eleme
2022-04-25 14:51:30
972
原创 带你了解防抖与节流
相似点：都是为应对事件持续频繁发生，造成前端性能下降或对后端服务造成的压力。区别：节流会不断的触发，而防抖仅在最后一次触发。防抖适用于，如搜索输入框提示，仅在输入停止后进行一次提示更新，以减少后台压力。节流适用于，如窗体以拖动的方式调整大小，在每次特定的时间片结束后触发一次窗体大小调整。防抖原理： 当事件被触发 n 秒后再执行回调，如果在 n 秒内又被触发，则重新计时。使用场景： 频繁触发按钮点击事件、input框搜索等等。主要代码如下：<el-form-item label="整机名称"
2022-04-23 17:05:21
2413
原创 Vue移动端 / PC端适配解决方案
1.开发环境 npm 安装插件npm install postcss-px-to-viewport --save-dev2.项目根目录添加配置文件 postcss.config.js> node_modules> public> srcpostcss.config.js3.添加配置module.exports = { plugins: { 'postcss-px-to-viewport': { unitToConvert: 'px'
2021-11-24 16:18:11
3025
原创 点击事件如何退出小程序
1. 首先可以先看一下官方文档2.只需要下面一行代码<navigator hover-class="none" target="miniProgram" open-type="exit" class="nav"> 退出小程序</navigator>
2021-09-26 10:10:12
252
原创 uniapp如何解决其他页面跳tabBar传参问题
1.使用本地存储实现跳tabBar页动态传参给input中的valuetabBar页面<template> <view class="agreement"> <input type="text" :value="number" /> </view></template><script> export default { data() { return { number:'' }
2021-09-11 15:48:51
474
原创 1.简单了解vuex
1.1 如何创建vuex, <div id="app"> <!-- 5.使用vuex的状态值 --> {{$store.state.count}} </div> <script src="./js/vue.js"></script> <!-- 1.引入vuex插件 --> <script src="./js/vuex.js"></script>
2021-04-10 10:37:40
73
原创 vue数据双向绑定原理
<div id="add"> <div id="msg"></div> <input type="text" oninput="change(this)"> </div> <!-- 1.引入vue插件 --> <script src="./js/vue.js"></script> <script> //2.创建一个对象
2021-04-10 10:19:42
128
原创 使用js打印出99乘法表
// 首先先定义行 var row =9 for(var row=1;row<=9;row++){ var rowstr = " " for(var i =1;i<=row;i++){ rowstr =rowstr + i+'*' + row + '=' + i*row+' ' } console.log(rowstr) }
2021-01-17 18:24:16
498
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人