- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue3+ant-design-vue a-range-picker设置可选时间和默认时间
vue3+ant-design-vue a-range-picker设置可选时间和默认时间
2022-11-16 15:33:36
3627
原创 vue3 element-plus默认组件修改为中文
背景：Element-plus默认使用英文组件环境：Vue：3.2.31Element-Plus：2.0.3TypeScript：4.4.3Vite：2.8.1两种修改方法：1.全局修改在main.ts中添加import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'const app = createApp(App) .use(ElementPlus, {
2022-03-30 18:00:44
1639
原创 使用nvm管理node不同版本
背景：vue3项目部分依赖需要node16版本，而我们本地的项目依然还是vue2，所需要的的是低版本的node环境，这时我们就可以用到一个工具nvm来管理我们本地node的版本。一：安装nvm1.先删除我们本地原有的node安装环境2.打开下载地址，下载对应安装包。3.推荐安装框中的版本4.双击安装文件 nvm-setup.exe，同意协议点击下一步，选择nvm安装路径5.使用window+R 调出控制台，输入nvm，安装成功则如下显示。二：解决nvm安装node和npm太慢1.找到之前
2022-03-29 14:41:54
1332
原创 导出，后台接口直接返回导出内容
let url = baseURL + 'task/expor?id=' + obj.id let link = document.createElement('a') link.style.display = 'none' link.setAttribute('href', url) link.click()根据后台接口修改接口地址即可，前提：后台那边导出测试通过...
2021-10-08 10:15:51
304
原创 smartgit过期，如何处理？
window版本：版本在19及以上1.windows+R：输入%APPDATA%\syntevo\SmartGit\回车2.找到相对应的版本，然后找到preferences.yml文件,并删除，重启即可版本在18及以下1.windows+R：输入%APPDATA%\syntevo\SmartGit\回车2.找到相对应的版本，然后找到setting.xml文件,并删除，重启即可...
2021-10-08 09:48:10
8108
原创 vue 动态绑定元素style中的样式
1.绑定修改字体颜色<div class="text" :style="{'color':colorText}">111</div> data() { return { colorText: '#EA69A2', }; },这样绑定就可以生效了！2.绑定背景图片<div class="top" :style="'background-image:'
2021-01-14 19:41:15
991
原创 H5移动端网页适配iPhone x/iPhone xr/iPhone 11pro/iPhone 11/iPhone 12 机型底部小黑条
iPhone x/iPhone xr/iPhone 11pro/iPhone 11/iPhone 12 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator
2020-11-09 10:24:36
2848
1
原创 Vue CLI4.0最新版安装教程
关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。注意点：Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。1.你可以使用下列任一命令安装这个新的包：npm install -g @vue/cli或者yarn global add @
2020-07-16 11:19:33
1620
1
原创 前端通过blob方式实现导出表格
1.需要后台的配合，后台返回文件流2.exportReport(url,params){ axios({ method: ‘get’, url: url, params: params, responseType: ‘blob’}).then((res) => { const link = document.createElement('a') let blob = ...
2020-03-24 10:29:12
2238
原创 备案号和小图标居中显示
1.正常设置样式2.小图标样式中添加vertical-align: middle; margin-top:-5px;/* 根据需要调整即可 */
2020-01-11 15:23:03
1732
原创 小程序踩坑汇总
1.使用colorUI自定义导航栏，报错提示：component is not found in path “custom-tab-bar/index”…注意：报错原因是custom-tab-bar（这个标签一定要这样，不要问为什么）是位于pages同一级别的目录，一定不要放进别的文件夹，里面的文件也请命名为index！！！放进别的文件夹一定会报错，别问我为什么，这是微信自带的规定，至少目前是这...
2020-01-08 16:53:18
206
原创 有关css的小效果
1.动态边框<div class="dynamic-border content">动态边框</div>//css.dynamic-border { width: 200px; height: 80px; background: linear-gradient(0, #f66 2px, #f66 2px) no-repeat left ...
2019-12-23 17:25:47
146
原创 有关css的一些特效总结
1.使用linear-gradient控制文本渐变h1{ background-image: linear-gradient(90deg, #f66, #f90); background-clip: text; /* 兼容谷歌浏览器 */ -webkit-background-clip: text; font-size: 60p...
2019-12-16 16:15:08
158
原创 文字在背景色上面的坑
类似实现这种效果正确写法：HTML5<div class="title"> <h6>注销账号请确认</h6> <div class="yellow"></div> </div>css.title{ position: relative; height: 2.41rem;...
2019-11-28 14:08:18
169
原创 移动端适配方案（亲测可行）
1.第一种，需要配合rem转换px计算，可以参考链接<!doctype HTML><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta content="telephone=no" name="format-detec...
2019-11-19 16:09:24
240
原创 前端使用echarts实现数据可视化大屏展示
1.vue中如何使用echarts完成大屏展示：移步到这里2.原生js项目中如何使用echarts完成大屏展示：移步到这里3.炫酷js+echarts数据可视化模板（科技感十足）：移步到这里...
2019-11-19 15:45:19
5784
原创 element组件中有关table的那些优化点
element组件中有关table的那些优化点1.表格内容居中显示官方文档中：<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" ...
2019-11-04 13:55:47
1003
原创 记录前端关于vue的面试题
1.vue生命周期：创建前后 beforeCreate/created在beforeCreate 阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象有了，el还没有。载入前后 beforeMount/mounted在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前未虚拟的DOM节点...
2019-04-10 17:45:36
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人