vue
文章平均质量分 53
熙翎
这个作者很懒,什么都没留下…
展开
-
js文件图片视频下载
文件下载原创 2023-02-09 15:03:20 · 471 阅读 · 0 评论 -
监听浏览器窗口切换
浏览器切换时销毁数据原创 2022-06-07 11:44:41 · 710 阅读 · 0 评论 -
svg图标
目前采用了目前比较流行的阿里巴巴矢量图标库中的svg图标普通用法1、具体操作:下载—复制SVG代码2、新建一个svg后缀的文件3、处理细节去掉不必要的属性,需保留以下属性// 一般保留宽高属性,若需自定义去除即可;若需要有颜色区别,还需保留颜色color属性;<svg width="128" height="128" xmlns="http://XXX"><path d="XXXX"/></svg>4、在使用的地方加上以下代码,期中test就是svg图原创 2021-08-18 14:07:58 · 330 阅读 · 0 评论 -
简易富文本编辑器
简易富文本编辑器textbus下载依赖包引入相关代码wangeditor引入依赖包引入基础代码菜单栏和内容区分离上传图片带标题预览以下都是vue项目,若是需要比较复杂的功能,比较推荐使用textbus;若是类似今日头条,偏简约风格,比较推荐使用wangeditor轻量级;textbus功能多,可自定义按钮,自定义插件,各种功能齐全,但是操作比较复杂,相关地址,如下下载依赖包npm install @textbus/textbus引入相关代码以下为基本方法template<templ原创 2021-08-17 15:52:30 · 1544 阅读 · 0 评论 -
发布npm包
一、html+CSS1、标题元素h1~h62、段落元素没有任何语义、仅作为设置样式使⽤p、span元素3、pre元素预格式化⽂本元素,字符画元素空⽩折叠源代码中连续的空⽩字符(空格、换⾏、制表(tab缩进))会被折叠成⼀个空格4、a标签超链接、锚点(比如目录)5、路径根据资源的类型判断,⼀般站外资源⽤绝对路径,站内资源⽤相对路径绝对路径:书写格式协议名://主机名:端⼝名/路径https://www.baidu.com/中⽂会被编码成Unicode格式file://原创 2021-04-16 18:02:47 · 67 阅读 · 0 评论 -
分离第三方类库 DllPlugin 和 DllReferencePlugin
分离第三方类库 DllPlugin 和 DllReferencePlugin原创 2021-03-04 23:31:35 · 794 阅读 · 2 评论 -
vue-awesome-swiper兼容ie9
vue-awesome-swiper兼容ie9采用swiper采用SuperSlide采用vue-awesome-swiper采用swiper目前只支持2.6.7,3版本以上暂不支持,否则样式会出现问题;缺点:但是在2.XX的版本中,只能单独分页轮播,无左右分页轮播,支持ie9及以上官网地址:示例:采用SuperSlide目前支持ie8以及以上,有分页轮播,缺点:灵活性没有swiper专业官网地址:示例:采用vue-awesome-swiper目前支持ie10及以上官网地址:示例原创 2021-02-27 15:56:38 · 675 阅读 · 0 评论 -
vue优化总结
vue优化总结一、vue页面优化二、webpack优化一、vue页面优化1、路由懒加载component: () => import('@/views/')2、组件懒加载 const name=()=>import('@/XX.vue');3、图片懒加载//1.CDN引用vue-lazyload<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script>//2.main原创 2021-02-20 19:03:47 · 789 阅读 · 2 评论 -
vue引入骨架屏
骨架屏骨架屏骨架屏骨架屏,英文 Skeleton screen ,是指在页面开始渲染之前的白屏时间内,先让用户看到即将要展现页面的“骨架”,页面渲染完成之后再将它替换掉,起到一个从 白屏 → 渲染完成 过程中的过渡作用,它可以有效减少用户的感知时间,让用户“感觉上”认为打开页面比较快(相比较于完整的白屏时间)。本文采用的是开源插件vue-skeleton-webpack-plugin骨架屏分本文所实现的骨架屏是 基于 Vue-cli 2.x 搭建的css分离项目 ,,根据的不同路由,显示不同的骨架屏,原创 2020-10-13 19:24:39 · 685 阅读 · 0 评论 -
node环境部署vue项目
node环境部署vue项目1、使用express模块2、手动创建入口文件app.js3、已经托管到dist文件夹下了,你需要将你打包的dist文件放入根目录4、跨域相关配置本项目解决前后台分离,跨域问题前提概要:之前是单独将vue打包之后的dist包存于nginx,但是目前需要部署到node环境中注意:前端项目为vue项目打包之后的dist包项目环境:tomcat+node+gbase目录结构(只需要dist包和app.js即可):1、使用express模块需要下载node_modules包原创 2020-10-13 18:55:42 · 2287 阅读 · 0 评论 -
安装image-webpack-loader 后启动项目报错
error in .c/assets/img/t2.pngModule build failed: Error: ‘D:\eclipse-workspace\NVSI.Client\WebRoot\WEB-INF\subsite\node_modules\pngquant-bin\vendor\pngquant.exe’ ڲ ⲿ Ҳ ǿеijļat notFoundError (D:\eclipse-workspace\NVSI.Client\WebRoot\WEB-INF原创 2020-09-21 15:29:11 · 6634 阅读 · 3 评论 -
vue中组件之间相互通信
1、父组件调用子组件(1)采用$ref(只会在组件渲染完成之后生效,并且不是响应式的)://父组件<star :row="1" :starOn="starOn" ref="showNum" :starOff="starOff"></star> //templatemethods:{ getdata(){//当前方法必须是在页面渲染之后调用 if(result.albp0026)this.$refs.showNum.getShowRa原创 2020-06-20 12:00:53 · 212 阅读 · 0 评论 -
vue入门
1、vue_cli脚手架vue脚手架,开发环境。最新的为vue_cli4,稳定版本为vue_cli2.9.6(大部分企业目前使用)注:可快速搭建大型单页应用,提供官方的命令行工具。//安装命令: npm install -g @vue/cli //-g 全局安装 版本:vue_cli4//安装命令(带版本号): npm install @vue/cli@版本号//检测vue_cli:vue -V//卸载npm uninstall @vue/原创 2020-06-15 13:36:28 · 108 阅读 · 0 评论