![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
沐歌丨丶
这个作者很懒,什么都没留下…
展开
-
2022前端vue面试题
这里是我整理的一些常见的vue面试题集,希望能够帮助到大家原创 2022-08-29 17:19:35 · 1745 阅读 · 0 评论 -
js/vue3 取消已发送网络请求的方式
前置代码,先起一个简单的node本地服务,代码如下:一、xmlhttprequest官方解释:XMLHttpRequest.abort()如果请求已经发送, 该方法将中止请求。当一个请求被中止时,它 readyState被更改为 XMLHttpRequest.UNSENT(0) 并且请求的 status代码被设置为 0。AbortController 接口表示一个控制器对象,允许你根据需要中止一个或多个 Web 请求。你可以使用 AbortController.AbortController() 构造原创 2022-06-23 10:23:39 · 1246 阅读 · 0 评论 -
使用coding自动化集成部署vue/react
上一篇有记录到使用jenkins实现自动化部署web项目,这篇讲一下如何使用codin部署1.创建项目首先注册一个coding账号并创建一个项目2.录入凭证通过上图点击左下角的项目设置进入页面,点击左下角开发者选择》凭证管理》录入凭证凭证名称:随便填个root:填写服务器的root密码:填写服务器的密码3.制作仓库这一步的目的是打包后的压缩包自动上传到该目录地址:web 可以写别的,只是个名称,用来指定仓库4.构建计划点击确定后就可以进行相应配置了,也可以从外边进入设置,原创 2022-05-04 21:17:38 · 2353 阅读 · 0 评论 -
vue3 路由报错 Uncaught Error: Catch all routes (“*“) must now be defined using a param with a custom reg
错误:const notFound = () => import('@views/404/404.vue') { path: '*', name: '404', component: notFound }根据报错信息可得 必须使用正则表达式解决方案:const notFound = () => import('@views/404/404.vue') { // 匹配所有路径 vue2使用* vue3使用/:pathMatch(.*)*或原创 2021-08-09 14:26:33 · 2663 阅读 · 2 评论 -
vue3.0使用vant 覆盖原本类名样式方法 踩坑
问题:想修改 组件 ,发现只能通过style 修改,想通过类名覆盖却发现不生效未解决:用了样式穿透 /deep/:deep()之类的都不行解决方式:后来发现是scoped的问题,把scoped去掉或者再加一个 style标签代码如下代码如下:<style lang="less" scoped> 导航的样式 .nav { height: 35px; background-color: black; box-sizing: border-box;原创 2021-08-04 17:06:59 · 1069 阅读 · 1 评论 -
vue3.0 vite引入SVG iconfont
1.安装cnpm i vite-plugin-svg-icons -D2.配置 vite.config.tsimport viteSvgIcons from 'vite-plugin-svg-icons';import path from 'path';export default () => { return { plugins: [ viteSvgIcons({ // 指定需要缓存的图标文件夹 iconDirs: [path.r原创 2021-08-03 14:47:32 · 3933 阅读 · 1 评论 -
vscode保存自动将CRLF 转换成 LF
1、下载vscode插件:EditorConfig for VS Code2、在项目目录下新建文件:.editorconfig3、在项目根目录新建 .editorconfigroot = true[*]charset = utf-8indent_style = spaceindent_size = 2end_of_line = lfinsert_final_newline = truetrim_trailing_whitespace = true...原创 2021-08-02 15:50:01 · 1849 阅读 · 2 评论 -
vue3.0 vite+typescript+vant ui+eslint+stylelint 项目搭建博客系统 NProgress
1.使用vite创建项目yarn create vite2.修改配置文件=====>package.json//可以直接替换成我的{ "name": "blog_h5_vue3.0_vite", "version": "0.0.0", "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "serve": "vite preview" },原创 2021-08-02 15:23:54 · 1085 阅读 · 0 评论 -
uni-app video监听播放时长,可打卡、付费等功能、拖拽时间无效
//template<video class="vide" :src="urls" controls="controls" autoplay=true @timeupdate='timeupdate'></video>//data currentTime: '', //记录当前时间 dragTime: '', //拖拽进度原创 2020-10-21 11:48:33 · 2734 阅读 · 0 评论 -
vue (uni-app)踩坑,数据改变,视图不变
前景:由于要做一个展开效果,我打算在后端返回的数据中加一个字段用来判断每一项是否展开,如图所示:很明显,数据改变了,但视图并没有改变,这是由于数据是后追加的,并没有被vue追踪。所以需要使用 this.$set()根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。用法如下:Vue.set( target, propertyName/index, value )参数:{Object | Array} target{string | number} prop原创 2020-07-28 13:52:19 · 3304 阅读 · 1 评论 -
Vue实现数据双向绑定的两种方式
第一种是--------------》 数据劫持(Object.defineProperty)第二种是--------------》 代理(proxy)面试前准备(ps:被问过一次了)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, us原创 2020-06-07 21:01:21 · 779 阅读 · 0 评论