- 博客(25)
- 收藏
- 关注
RSS订阅原创 前端面试基础问题
1、利用 display：flex 布局父元素设置 display：flex，justify-content:center, align-item:center 2、利用定位给父元素设置相对定位，子元素设置绝对定位，子元素设置 top:50%，left:50%，margin-top：子元素高的一半，margin-left：子元素宽的一半 3、利用 transform父元素设置相对定位，子元素设置绝对定位，子元素设置 top:50%，left:50%， transform-tr
2022-12-06 20:09:41
1670
原创 Component name “Home“ should always be multi-word e/multi-word-component-names
Component name "Home" should always be multi-word e/multi-word-component-names
2022-09-20 16:37:20
5833
1
原创 引入elementUI组件时报错：Cannot read property ‘prototype‘ of undefined
Cannot read property ‘prototype‘ of undefined
2022-08-15 11:35:58
1767
原创 vue打包后，用后端接口报错304、404
问题描述：后端打包部署成功以后，更换了地址信息，前端修改vue.config,js中代理跨域的配置，但是前端打包后出现接口报错304、404解决办法：在axios请求中修改配置对象baseURL：baseURL: process.env.NODE_ENV === "development" ? "" : "http://112.74.72.92:8085"位置如下图：...
2022-05-09 22:43:16
7274
原创 vue打包时页面布局出现混乱
vue在未打包之前，本地页面是完美的，但是打包成app时，出现了用户代理样式表，这种的样式不能修改，我就考虑到是用户代理样式表将自己的样式覆盖掉了，还有一个原因是继上一篇文章的错误：，我感觉没有解决根本问题，确实是文件引入的问题，在这里才得以解决。解决方法： 每个vue组件里的style都要加scoped，main.js中的.css必须放在./App和./router前面，防止css被组件之间重叠除了上述情况，我的是由于在public文件下的index.html中引入了重置样式表，这会导致用户代
2022-05-09 22:32:15
4396
原创 vue项目打包app时，页面出现白屏，报错 Uncaught SyntaxError: Unexpected token ‘＜‘ 的解决方法
vue项目的代码打包后，部署到服务器上面，打开后控制台报错如下：打开html后，发现是第一行报错了。这个是文件引入的问题，但是在这里可以通过以下方法解决：在vue.config.js中加入一行配置：publicPath: process.env.NODE_ENV === "production" ? "./" : "/"用这个方法便可以解决以上问题 ，但是后续会出现页面布局混乱，可能还是这个问题没有解决根本，遇到此类问题的小伙伴，可以看下面的这篇文章...
2022-05-09 22:31:56
3877
原创 搭建博客，使用hexo-theme-matery主题无效果
解决方法：打开博客的_config.yml文件，将repo地址由HTTPS改为SSH地址，地址要在GitHub仓库中找
2022-04-11 18:58:08
546
原创 执行hexo d将博客部署到GitHub上报错： unable to access
这个问题很常见，有的是需要将HTTPS改为SSH地址，但是需要注意不只是改前面几个字符，需要打开自己仓库中，克隆代码里面找到SSH地址的代码，但是对于有的小伙伴来说没有用，这里提供了另一种方法，亲测有效1、错误描述：2、解决方法：在GitHub上生成自己的token（1）点击头像下面的Settings（2） 点击左侧栏的Developer settings（3）点击左侧栏的Personal access tokens，点击Generate new token新建一个to.
2022-04-11 18:12:08
2010
4
原创 Vue页面间传值（使用路由传参，含params、query）
总结：query传参通过path跳转，params传参通过name跳转需求：忘记密码页面输入邮箱后点击下一步发送验证码请求，跳转到验证码页面中让用户输入验证码，在这个过程中需要将忘记密码页面的邮箱参数，传递到验证码页面。实现方法：将忘记密码页面中通过路由跳转时传参，将email传递到验证码页面，同时在验证码页面路由上配置参数，在验证码页面中使用钩子函数（created），检测路由，发生变化时，调用路由参数的方法，将上一页面数据存储到本页面即可。1、params传参params传参
2022-03-29 16:29:03
2863
1
原创 Vue中使用mock数据后，无法使用后端数据，请求失败
目录1、问题描述：2、问题解析：3、解决方法：1、问题描述：在项目中的vue.config.js中使用mock数据，导致登录不上，请求超时。2、问题解析：登录不上的原因是使用mock数据用before，使用后端接口用after，否则会请求失败报超时5000ms。3、解决方法：在vue.config.js中，将before改为after，或者把使用mock数据删掉即可。...
2022-03-27 17:02:25
3342
原创 [Vue warn]: The computed property “fields“ is already defined in data.
1、错误描述：2、 错误解析：错误原因是fields属性被重复声明了多次，项目既引入了element-ui，又引入了vee-validate，同时这两个包中都定义了fileds属性。3、解决方法：将npm安装的vee-validate删掉，方法是将项目中的node_modules删除，在package.json中将vee-validate删除，npm install初始化一下，就可以解决。...
2022-03-08 18:48:08
2077
原创 前后端交互：前端发不出去请求，控制台的Network无反应
1、问题解析：在发请求之前，请求拦截器可以检测到，在请求发出去之前做一些事情，说明在请求拦截器中请求被拦截了，但是不会出现报错。2、解决方法：检查自己的请求拦截器中是否有错误，导致请求被拦截。...
2022-03-08 11:26:34
6029
原创 vue报错：TypeError: Object(...) is not a function
目录1、错误描述：2、错误解析：3、解决方法：1、错误描述：2、错误解析：查看报错所在位置在仓库的index.js，错误地点代码为：export default new Vuex.Store({ modules: { user }})这里的vue、vuex、小仓库user都引入了，于是想到了vuex版本问题，我这里的vuex版本是4.0.2，版本过高，所以报错。3、解决方法：将vuex版本降低为3.6.2，就不会报错了。
2022-03-07 17:01:26
2119
原创 【Vue】Vue Router导航守卫报错：Maximum call stack size exceeded
目录1、错误描述：2、错误代码：3、错误解析：4、改正方法：5、类似错误寻因方法：1、错误描述：2、错误代码：这是写全局守卫中用户未登录时的js文件：router.beforeEach(async (to, from, next) => { let toPath = to.path; if (toPath.indexOf('/trade') != -1 || toPath.indexOf('/pay') != -1 || toPath.i
2022-03-05 17:31:18
4191
1
原创 Vue报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)
目录1、报错信息：2、错误代码：3、错误原因：4、改正方法：1、报错信息：无法读取未定义的属性2、错误代码：Vue组件中的html:<span>{{ userDefaultAddress.fullAddress }}</span>Vue组件中的计算属性：computed: { ...mapState({ addressInfo: (state) => state.trade.address }),
2022-03-02 16:00:50
6046
原创 [vue-router] 报错：Route with name ‘addcartsuccess‘ does not exist
目录1.报错信息：2.正常显示：3.报错原因：4.解决方法：1.报错信息：2.正常显示：3.报错原因：路由地址不存在，在跳转页面中报错index.vue页面跳转代码为：this.$router.push({name:"addcartsuccess"})路由配置文件router.js为： { path: "/addcartsuccess", component: AddCartSuccess, }错...
2022-02-26 10:59:46
1296
原创 Vue报错“TypeError:Cannot read property ‘category1Name‘ of undefined“
目录1、报错代码：2、错误代码如下：3、错误原因：4、改正方法：1、报错代码：2、错误代码如下：//仓库中的js代码为：const state = { goodInfo: {}};const getters = { categoryView(state) { return state.goodInfo.categoryView; }};//html中代码为：<span v-show="categoryView.c...
2022-02-22 15:29:38
607
原创 整数反转（javascript，java）
目录题目：Javascript解题:方法一注：方法二注：java解题:题目：给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围[−231,231− 1] ，就返回 0。假设环境不允许存储 64 位整数（有符号或无符号）。示例 1：输入：x = 123输出：321示例 2：输入：x = -123输出：-321示例 3：输入：x ...
2021-11-29 22:32:15
572
4
原创 微信小程序跳转报错：switchTab:fail can not switch to no-tabBar page
报错情况：原因： 注意switchTab只能跳转到带有 tab 的页面，不能跳转到不带 tab 的页面 跳转不带 tab的页面是用redirectTo或者navigateTo 我这里是因为跳转的不带 tab 的页面，但用的是switchTab，所以跳转报错之前代码：wx.switchTab({ url: `/${path}`})更改错误之后：wx.navigateTo({ url: ...
2021-11-18 10:02:44
3376
2
原创 前端知识之CSS预处理器Less
目录什么是CSS预处理器less的介绍less的使用方法1、方法一的使用：2、方法二的使用：less语法1、注释：2、定义变量3、使用嵌套4、Mixin5、Import什么是CSS预处理器简单来说，CSS预处理器是用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用，它为CSS增加了一些编程的特性，不用考虑浏览器的兼容性问题，可以让你的CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。les...
2021-11-03 15:52:36
421
4
原创 微信小程序中引入 UI 组件库（Vant Weapp)
目录安装步骤一：通过 npm 安装 (推荐)步骤二：修改 app.json步骤三：修改 project.config.json步骤四 构建 npm 包引入组件html安装步骤一：通过 npm 安装 (推荐)# 通过 npm 安装npm i @vant/weapp -S --production# 通过 yarn 安装yarn add @vant/weapp --production# 安装 0.x 版本npm i vant-weapp..
2021-11-02 17:35:38
1241
原创 JavaScript实现京东首页轮播图
目录轮播图效果页面实现效果将js引入html中htmlcssjs图片轮播图效果每隔 4 秒图片会自动切换一张，以此类推安照给定图片数量轮番切换播放。 当鼠标移入时会自动暂停播放，鼠标移出则会继续。 如下图两边有两个左右方向的按钮，点击则会实现手动切换商品图片。 正下方会按照图片数量显示对应的灰色圆点，点击会显示对应的图片，并圆点加亮显示。 页面实现效果将js引入html中<!-- 引用工具 --> <script ..
2021-11-02 17:07:04
2005
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人