![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
前端码农小黄
热爱编程,乐于分享
展开
-
vue3 可视化大屏自适应屏幕组件
可视化大屏的界面自适应原创 2024-02-10 23:59:28 · 1810 阅读 · 0 评论 -
chrome浏览器禁用跨域功能
chrome浏览器禁用跨域功能转载 2023-02-17 13:01:42 · 5995 阅读 · 1 评论 -
echarts图表导出为pdf
echarts图表导出为pdf原创 2023-02-13 23:38:39 · 1008 阅读 · 0 评论 -
【前端】docker打包镜像并上传到仓库
docker打包镜像并上传到仓库原创 2022-10-29 11:07:57 · 2413 阅读 · 0 评论 -
浅谈vue-draggable原理
浅谈一下vue-drabble的源码实现原创 2022-10-16 18:56:12 · 1864 阅读 · 0 评论 -
2022.6.13 video标签只显示了音频问题
video标签只显示了音频问题原创 2022-06-13 22:52:49 · 739 阅读 · 0 评论 -
2021-10-04 前端性能优化方法
文章目录前言1、GZIP1.1、使用步骤2、CDN2.1、使用步骤2.读入数据总结前言随着代码数量越来越多,如何加快项目浏览器中的运行速度,减少用户的等待时间便成为了很重要的一个方面,以下是我经过实践后的几个方法1、GZIPGZIP可以对文件进行压缩,压缩比例到3到10左右,是很实用的压缩方法1.1、使用步骤因为我们目前的项目比较老,使用的是vue-cli2.x的版本,所以只需要在vue-cli2的config.js文件中进行如下配置并安装compression-webpack-plugi.原创 2021-10-04 03:24:55 · 73 阅读 · 0 评论 -
vue+element+vue-cropper实现上传裁剪功能
在用户上传前在before-upload钩子获取files文件,然后中断上传操作beforeAvatarUpload (files) { this.filename = files.name this.openCropper(files) return false}然后在openCropper方法中用FileReader对读取文件并打开自己的cropper组件openCropper (file) { var _this = this var reader = new FileR原创 2021-03-10 10:11:54 · 590 阅读 · 2 评论 -
Blog: 做了个简单的h5列表拖动demo(2)
<template> <div class="wrap"> <div class="list-wrap"> <div id="list" class="list"> <div :id="item" class="list-item" draggable="true" v-for="item of list" :key="item"> {{ item }} </div&原创 2020-06-14 18:30:37 · 242 阅读 · 0 评论 -
Blog: 做了个简单的h5拖动demo
<template> <div class="wrap"> <div class="list-wrap"> <div class="list"> <div class="list-item" draggable="true" v-for="item of list" :key="item"> {{ item }} </div> </div>原创 2020-06-14 12:39:28 · 149 阅读 · 0 评论 -
学习blog:Vue实现路由懒加载以及将组件打包到一个模块中
目前Vue Router官方推荐的懒加载形式是这样const Foo = () => import('./Foo.vue')const router = new VueRouter({ routes: [ { path: '/foo', component: Foo } ]})当然你也可以直接这么写const router = new VueRouter({ routes: [ { path: '/foo', component: () => impor原创 2020-06-05 18:38:12 · 328 阅读 · 0 评论 -
前端开发--SEO优化
SEO优化是我们前端开发中非常需要着重了解的一个方面,因为很多公司都会有这个需求就是提升网站在搜索引擎中的排行,所以一定要在开发前先询问一下是否需要这点,这对我们后面框架的选择很重要!SEO优化的方法如下:1.也是非常重要的一点,一定不要使用单页面应用,如Vue,React,它们在SEO方面是非常非常差的,这也是单页面应用最大的缺点,不过有基于它们的两个框架可以解决这样的问题,如Vue的Nuxt.js,React的Next.js2.在每个页面的Head标签下的Meta标签进行设置合理的title、de原创 2020-05-13 13:28:14 · 348 阅读 · 0 评论 -
实现鼠标悬停在上面会有一个遮罩效果
我的需求是这样的,鼠标悬停在logo上会有一个很浅的变白效果以便和其它地方区分开,或许你会说直接css上hover选择器里换个颜色不就好了,但是因为我这个是能挑选颜色的所以我就放弃了这种方法,所以这个时候我们就需要加上一个div <div v-if="isCollapse" class="logo-wrapper fl" style="width: 64px;"> <di...原创 2019-10-10 18:26:11 · 2011 阅读 · 0 评论 -
webpack:proxy中cookie无法保存的解决办法
这几天做个小项目遇到了跨域问题,于是就用了webpack的proxy解决,用的挺爽的,但是做到登录之后,因为服务端使用cookie和sessionid做登录状态保存的,结果就悲催了,我发现它没有将cookie保存起来,简单来说就是我们本地用的是localhost,与我们跨域所用的域名对不上,网上看了下几位大神的博客都对我的项目没有什么作用,于是我又看了下http-proxy-middleware的...原创 2019-07-06 21:43:58 · 3770 阅读 · 0 评论 -
angular router-outlet的一个好用的功能
今天做项目遇到了一个难题,就是在页面中有一个子路由通过router-outlet去展示,但是有一个需求,就是需要根据它的跳转来获取不同的数据,一开始想着使用Input,Output方法尝试一下(没错,vue里面就可以在路由里使用事件传递,不过也是因为它没有设置对应的周期函数),但是很遗憾行不通,然后就又想了各种各样的方法,但要不就是没法实现,要不就是影响性能,直到我发现了router-outlet...原创 2019-08-22 10:19:38 · 2620 阅读 · 1 评论