weixin_52428855的博客

原创 爱心代码html

【代码】爱心代码。

原创 项目启动存缓存

在promission.js里判断。

原创 vue-cli3打包时vue-cli-service build怎么分不同环境（npm run build:stage和npm run build:prod）

突然被问到，这两个命令的区别是什么？？？那么就是看下这两个命令的区别，百度一下vue打包测试环境时，改为调用测试的接口路径。build:prod对应.env.productionbuild:stage对应.env.staging接下来就是看下这连个文件了...

原创 拼接字符串的问题

拼接前src="`https://file.honoroad.cn{{item}}`"改正后src="https://file.honoroad.cn{{item}}"拼接字符串莫名出现一些数子，字符例如： /common/2022/04/29/1d079384-1005-4fee-b0a1-ac3b72e09fd6.png%60尾部的这个%60 就是字符串拼接的错误思路：在去后台检查一下接口后台，看数据有没有什么问题 检查自己的代码自己有没有添加什么空格或者一些其..

原创 项目打包上线本地部署可以，但是服务器上面是一个空白报错

首先检查自己配置的.env 文件，router 路由文件，和vite.config.ts 文件const router = createRouter({ // history: createWebHashHistory('./'), history: createWebHistory(import.meta.env.VITE_PROJ_PATH), routes}). 在检查自己的vite.config.js 文件 base:" "如果有跨域问题检查一下自己配置的request .ts

原创 hash路由和history路由的区别

1.hash路由在地址栏URL上有#，而history路由没有会好看一点2.我们进行回车刷新操作，hash路由会加载到地址栏对应的页面，而history路由一般就404报错了（刷新是网络请求，没有后端准备时会报错）。3.hash路由支持低版本的浏览器，而history路由是HTML5新增的API。4.hash的特点在于它虽然出现在了URL中，但是不包括在http请求中，所以对于后端是没有一点影响的，所以改变hash不会重新加载页面，所以这也是单页面应用的必备。5.history运用了浏览..

原创 vue element UI 单选框 v-if 判断显示和隐藏

原创 根据后台返回的数字转换成相对应的汉字

转载 服务器部署(保姆级教程)

服务器部署

原创 vue element ui 省级三级联动

element ui 省市三级联动

原创 vue安装node-sass编译报错

安装node-scss报错在搭建vue脚手架 或者是在vue项目中，想使用sass的功能，npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装sass-loadernpm install style-loader --save-dev //安装style-loader安装完成后，运行时出现了错误Modele build...

原创 vue-cli+webpack构建vue项目和使用sass报错填坑

一、安装 vue-cli1、首先需要安装node和npm　　不做过多讲解，可以参考nodeJS、npm的安装和配置 - kellyPan - 博客园安装2、使用npm安装npm-cli　　打开要建项目所在的文件夹，点击空白处按住shift + 鼠标右键，打开 Powershell窗口进行接下来的操作　　　　因为在指定文件夹打开，因此不用再选择路径，可直接输入命令，　　输入命令安装npm -cli：npm install --global vue-cli　　...

原创 vue 项目安转sass

1.sass-loader依赖于node-sass,所以要安装node-sass 1 2 3 cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --save-dev //安装依赖包sass-loader cnpm install style-loader --save-dev //安装style-loade...

原创 uniapp 选项卡

<view class="end-title"><view v-for="(item,index) in items" :key="index" :class="{btna:count == index}" @tap="change(index)"> {{item}}</view></view><view class="end-cont" :class="{dis:btnnum == 0}">　　0信息</view>..

原创 uniapp 下拉刷新

下拉刷新{ "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "enablePullDownRefresh": true } } ], "globalStyle": { ...

原创 uni-app 回到顶部

<view class="wrap"> <u-back-top :scroll-top="scrollTop"></u-back-top></view>scrollTop: 0,onPageScroll(e) { this.scrollTop = e.scrollTop; },

原创 前端面试题

1、实现对数组进行乱序var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],a.sort(function(a, b) { return Math.random()>0.5?1:-1;});如果a.sort中的函数返回的为1则表示按照原来的顺序不变，如果返回的为-1表示倒叙，其他的就是随机的了2、变量提升解决方法for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(new

原创 vue + validate 表单校验

表单校验在uitls文件夹中新建一个validate.js文件validate.js文件定义需要验证的方法在所需要的页面中引入这个文件在用于校验的rules中使用它validate.js 中定义验证规则 // 只能为数字验证 export function isNumber(rule, value, callback) { var number = /^\d+$|^\d+[.]?\d+$/ if (!number.test(value)) {...