- 博客(24)
- 资源 (1)
- 收藏
- 关注
原创 vite2 + vue3 + ts + volar + elementPlus项目搭建(二.代码检测)
vite2 + vue3 + ts + volar + elementPlus项目搭建(二.代码检测)第二章 代码检测文章目录vite2 + vue3 + ts + volar + elementPlus项目搭建(二.代码检测)前言一、准备二、eslint + standard1. 安装2. 初始化三、prettier1.安装2.对接eslint3.配置前言代码检测这东西,用的时候多,但是自己去动手配置的时候少。而且之前的vue2,一直使用的vue-cli脚手架,自动集成了代码检测和自动纠错,
2021-12-22 17:54:45
1331
原创 vite2 + vue3 + ts + volar + elementPlus项目搭建(一.项目搭建)
vite2 + vue3 + ts + volar + elementPlus项目搭建第一章 项目准备文章目录vite2 + vue3 + ts + volar + elementPlus项目搭建前言一、vite1.安装vite22.初始化vue项目3.启动项目二、项目配置1.ts支持2. 别名配置3.模块引入智能提示引入库1. vue-router [地址](https://next.router.vuejs.org/zh/)安装配置引用整改2.vuex [地址](https://next.vue
2021-12-20 15:36:25
1084
原创 前端批量生成并下载图片
前端批量生成并下载图片准备工具引用图片前端生成图片图片压缩并下载踩坑准备工具1.图片生成: html2canvas2.压缩工具: jszip3.下载工具: file-saver引用import html2canvas from 'html2canvas';import JSZip from 'jszip';import FileSaver from 'file-saver';图片 <div class="info-list"> <div v-for="(ite
2021-11-03 21:46:59
1174
原创 vue3踩坑记(1)ref、reactive
踩坑用的是vite2 + vue3 + element-plus + ts + setup语法糖在我理解,ref绑定普通数据类型(number,string,boolean),对象类的需要reactive。这里写了个登录页,一度让我怀疑。在vue2.x里面最基本简单的表单组件,这里完全失败。代码如下。<template> <el-form ref="loginForm" :model="loginForm" label-width="80px"> <e
2021-06-28 16:24:40
1666
原创 element-ui中tree组件选择子节点,如何默认选中所有父级节点
在做角色权限配置这块,用element-UI中的tree组件来做。想选中单个页面,或者单个页面的某个具体按钮,就能把所有父级菜单勾选。原生配置项并没有这种玩法,百度搜索也没有具体写法,这里分享一下我的做法。上代码<el-tree :data="treeData" node-key="id" :check-strictly="true" ref="tree" :show-checkbox="true" @check="checkeTree"></el-tree> met
2020-09-24 18:44:44
7548
2
原创 微信开发者工具中不能使用css预处理工具,换vscode就好了
目前微信小程序不支持sass/less等css预处理工具,习惯了sass写法的我写样式的时候非常头疼,而且像写css一样去写wxss不仅浪费时间耽误效率,写出来的文件也比较大。一直用的都是sass,下面介绍一下小程序中使用sass的方法。准备:编辑器:vscode 插件:easysass步骤:安装vscode,vscode中插件选择easysass,可以的话也装一些其他的css提示插件。 设置:文件=>首选项=>设置=>工作区=>拓展=>EasySass
2020-05-18 11:30:36
1530
原创 python——pip版本过低报错
WARNING: You are using pip version 19.2.3, however version 19.3.1 is available.You should consider upgrading via the 'python -m pip install --upgrade pip' command.由于很久之前用过一周时间爬虫,属于小白入门层级。最近有机会,再整一下...
2019-11-25 23:57:47
1401
原创 logo伸缩——vue中条件渲染和动画过渡(transition,v-if,v-show)
最近在优化老的项目组件时,想利用vue自身的条件渲染和动画过渡来达到logo随侧边栏进行伸缩。目的效果如下: 在进入正题前,先说说我的实现思路(部分含关键代码)。大牛请跳过,若有不足也请指正。优化方向和解决方案:伸缩状态能够被保存(F5保存,页面关闭清除):使用vuex和cookie中(可用sessionStorage代替)。// store.jsexport defau...
2019-06-03 21:03:23
11671
1
原创 rtsp视频流如何在html上使用video模式播放?
rtsp视频流如何在html上使用video标签播放?思路:利用VLC工具的流工具,进行服务器映射转码,得到video标签能够正常打开的ogg格式视频然后播放。你需要:vlc工具,文本编辑器首先是vlc配置:1.打开VLC工具,选择 媒体→流,打开如下弹窗2.选择tab中的网络,输入rtsp的URL(记得加上正确的帐号密码),然后点击串流3.来源框会显示rtsp的u...
2019-04-10 16:20:07
17985
8
原创 element--Diaolog弹窗打开之后渲染组件
描述:父子两个组件,父组件打开子组件弹窗,然后执行方法请求接口,获取数据之后渲染页面,且每次点击都执行该方法。遇到的问题:最开始简单地将方法放在子组件mounted里面,只有第一次打开弹窗会执行方法。了解到,弹窗只创建了一次。所以,在想是不是可以用keep-alive模式下的actived,然而并没有什么用。actived和deactived只在keep-alive使用时生效。然后...
2019-01-14 12:18:50
7248
2
原创 vue组件动态引入
这是一个综合使用案例,需求是页面引入动态的模块,可以自定义编辑数量和排序。效果图: 该项目依element,同时为了动态效果,我引入了Vue.Draggable插件,以及vue的动画组<transition-group>贴上页面代码<template> <div class="dashboard-container"> <...
2018-11-26 10:06:21
2706
1
原创 小程序之多列选择器(动态数据,支持2,3,4,5...列)
代码分两部分,先上wxml<view class="container"> <form catchsubmit="formSubmit"> <view class="form-card"> <view class="weui-cell weui-cell_input"> &
2018-10-29 11:10:06
8090
4
原创 vue心得系列1——methods,computed,watch的区别
使用vue已经有一段时间了,项目当中遇到过很多问题。之前会通过社区,博客和百度来观摩学习大佬前辈们的解决思路,最后转换到项目和工作当中来解决现有的问题。这里是我在解决问题当中对一些点的整理,或者说自我理解。关于methods,computed,watch的区别,先结合官网给出解释来区别计算属性和方法,这里methods方法和computed计算属性,官网给出最大的区别就是计算属性...
2018-08-24 11:35:39
2175
1
原创 v-if渲染问题——(未完待续)
在项目中,调接口的时候,获取数据总是报错:[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'children' of undefined"贴上部分代码<el-popover v-if="listData.length > 0" ref="popover" placement...
2018-07-30 11:06:11
4037
原创 div四角边框——linear-gradient
效果图上先:接着代码:.border { margin: 300px auto; width: 200px; height: 100px; background: linear-gradient(blue, blue) left top, linear-gradient(blue, blue) left top, linear-gradient(blue, blue)...
2018-07-10 10:08:04
6752
原创 css斜条纹背景——linear-gradient
话不多说,上图为敬代码贴上(html代码就一个container,没写的)body{ background: #243960;}.container{ margin: 200px auto; width: 500px; height: 500px; background: linear-gradient( 45deg, rgba(0, 15...
2018-07-06 11:08:34
13418
2
原创 js-cookie使用心得
项目是vue项目,其中cookie操作采用了github上面比较火热的js-cookie,这里结合需求总结体会。首先安装npm install js-cookie --save其次结合项目,我这里是封装成公共方法写了个专门的js存放cookie的操作。import Cookies from 'js-cookie'const TokenKey = 'token'export function...
2018-06-05 11:08:28
8101
原创 element-ui下导航高亮犯过的错
同事搭建的vue+elementui项目出了个bug,elementui导航高亮一直出错。调试了3个多小时,来问我,结果悲剧地加班了。最后实在不耐烦了,导航这块放弃使用elementui组件,直接自己来写了。今天有空,实在不服气,自己写了一个。结果直接就过了。贴上代码:<template> <el-menu :default-active="$route.path"...
2018-05-23 14:57:23
14390
12
原创 vue-router 导航守卫
在使用导航守卫的时候由于没有仔细看清官网文档,我是这样写的router.beforeEach((to, from, next) => { NProgress.start() if (localStorage.getItem('token')) { console.log('token') next('/') } else { console.log('no...
2018-05-22 14:44:10
229
原创 CSS——去重叠边框
table去重叠边框十分简单table{ border-collapse:collapse;}然而在不适用table制作格子的情况下,border-collapse属性就无法生效了。ul li生成格子如下:改进代码:(增加红色部分代码)ul{ display: flex; flex-wrap: wrap; width:100%;}ul li{ width:...
2018-04-25 16:19:20
12456
转载 vue-router服务器配置
使用vue搭建的项目配置到服务器,进入到二级页面会出现404。打开dist文件夹发现就一个index.html和一个static文件夹。网上找了一些文档,服务器需要进行配置。iis服务器配置...
2018-04-20 10:51:55
796
原创 jsencrypt在vue中的使用
项目是老项目,技术栈大致可以理解为jq+bootstrap,目前改用vue来做。由于种种原因,后台接口没有去动。而之前的项目中数据安全还是使用的rsa加密。在之前的项目中使用的rsa.js BigInt.js berrent.js 三个文件始终无法很好的导入到vue组件中。而且我并不想直接使用script:src的方式直接引用。网络上找了很多vue相关的rsa加密,最后反复实验确定了...
2018-04-18 10:30:18
20504
8
nosqlbooster4mongo-5.2.11.zip
2020-05-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人