随笔分类 - 前端Study
摘要：调接口时出现问题： 'Unsupported Media Type'：不支持的媒体类型 第一次看到415报错，还以为又是跨域问题又出来了，明明之前解决了，百度了一下找了半天。嗐！就是post请求后端接收的参数类型和前端传的参数类型不至。 后端代码我用对象接收，然后前端传了一个id参数，导致报错：41
阅读全文
摘要：在标签里面写了个ref="table1"，然后js里使用this.$refs.table1访问报错：Cannot read properties of undefined (reading '$refs') 解决办法：放到this.$nextTick(function(){});函数里使用，就可以访
阅读全文
摘要：效果图： 实现方式：使用table-cell布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .parent { width: 100%; height:
阅读全文
摘要：借鉴博客：https://blog.csdn.net/weixin_54882119/article/details/115979162 1、在项目下建一个api目录，目录里建一个api.js文件，内容如下： const token = ''; const apiUrl = 'http://xxx/
阅读全文
摘要：效果如： 问题出现：本来<image>和<text>是在一个div中，应该是<text>在<image>下面，但使用display: flex布局后，使每个div排列在一行， 但是div中的<image>和<text>也排列成了一行，并溢出来了 解决办法：在<text>的css样式中加入：displ
阅读全文
摘要：借鉴博客： https://blog.csdn.net/qq_36436407/article/details/115002550 成功后效果： 实现代码： <template> <view> <view class="prefer-title"> 为你优选 </view> <view> <scro
阅读全文
摘要：在vue中使用:class属性动态修改样式 <template> <view> <!-- 小菜单列表轮播 --> <view> <swiper class="swiper" :autoplay="false" @change="changeFun"> <block v-for="(item,inde
阅读全文
摘要：上传几M的文件本来没什么事，突然上传一个40多M的文件，vue代码上传成功打印出来，后端java服务器上的日志却没有任何显示，说明请求根本没有进后端方法里。 后来百度查这个报错，都说设置什么狗屁 exports.bodyParser = { jsonLimit: '5mb', formLimit:
阅读全文
摘要：出现这个问题真是恶心，原因是版本不兼容问题 借鉴博客：https://blog.csdn.net/a2986467829/article/details/121788853 1、先卸载sass-loader： npm uninstall sass-loader 如果卸载也报错，先卸node-sass
阅读全文
摘要：在使用npm下载一些插件包的时候很多插件下载不下来，配置一下淘宝镜像地址，这样所有插件包都从国内淘宝的镜像地址下载 1、清理一下缓存： npm cache clean --force 2、切换为淘宝镜像： npm config set registry https://registry.npm.ta
阅读全文
摘要：这个问题以前弄项目出现过，最近测试jenkins+vue实现自动部署时又出现了，在这单独记录一下。 解决办法，修改nginx的配置文件：加上标两个红框的地方就行了
阅读全文
摘要：vue前端项目有什么优化策略？ 1、生成打包报告。（可以发现一些问题，并进行解决）2、使用第三方库启用CDN加载3、使用Element-ui的话，按需加载组件4、使用路由懒加载 生成打包报告： 1、生成打包报告后可以看到哪些问题呢？可以看到整个项目依赖大小，项目访问速度，从而进行优化那怎么优化项目呢
阅读全文
摘要：安装lodash的依赖： npm安装： cnpm i lodash -S yarn命令安装： yarn add lodash 然并卵： //lodash导入 import _ from 'lodash';//在vue的js中使用const result = _.assign();//只能点出assi
阅读全文
摘要：最近在玩小程序，现在想写一个这样的需求：一进入页面就弹出一个弹框，而且这弹框是单独拿出来的组件，可以在任何其他页面复用 1、在pages目录下写一个公共组件目录common,把自定义弹框组件页面放里面，如下： 2、pop.wxml、pop.js、pop.wxss、pop.json文件内容分别如下：
阅读全文
摘要：一、使用weui 学习一个新的技术，想要最短时间掌握并熟练使用它，那就是直接做项目了。把技术直接应用到项目中来，直接做出东西，这是我的方法，因为我很懒不太喜欢看一步一步看文档，看理论。 那怎么使用weui，应用到项目中来呢？ 1、因为小程序不使用npm，所以直接去github把weui下载下来： h
阅读全文
摘要：地址：https://www.easyicon.net/ 可直接下载图标，放到自己项目里使用
阅读全文
摘要：关于css的一些实际应用： 1、操作文字的css语法： 1、font-weight: bold; 文字加粗 2、文本开头缩进：text-indext: 16px; 3、每个字之前间距：letter-spacing: 5px; 注意：word-spacing: 10px; 间距对中文不生效 2、div
阅读全文
摘要：借鉴博客：https://www.jianshu.com/p/6307c568832d/ https://www.cnblogs.com/KenFine/p/10850386.html 项目创建好后，如下：(注意：vue3.0以后创建的目录没有config文件夹了) 下面来配置一下路由vue-rou
阅读全文
