- 博客(10)
- 收藏
- 关注
RSS订阅原创 画台风图参考
描述界面是右侧切换台风、气压、毫巴、涌、浪等气象，vue文件<!-- 风 --><template> <div class="map-wind"> <div class="typhoonDiv"> 台风等级 <div class="bottom"> <ul> <li v-for="(item,key) in typhoonLegendLeft" :ke
2022-05-11 18:12:32
329
原创 把页面保存成图片下载
把页面保存成图片下载<img :src="imgUrl" alt="" v-show="!firstFlag"><li class="user-info user-back-li" title="下载图片" @click="setCanvas"> // setCanvas方法写在想保存的按钮上 <i class="el-icon-download"></i></li><div id="capture">...要保存的内容&
2022-04-11 17:21:43
141
原创 时间戳转成中国标准时间；输出成pdf格式下载
时间戳转成中国标准时间第一种：1、假如在utils/factory.js写了方法export function formatDate(fmt){ let date = new Date(fmt); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let hours = date.getHours(); let minutes = date.getM
2021-12-17 14:56:11
183
原创 多语言支持
多语言支持国际化处理vue项目中的多语言支持使用的是vue-i18n https://kazupon.github.io/vue-i18n/zh/started.html目标实现elementUI中英文切换功能，感受中文切换的效果安装国际化的包npm i vue-i18n@8.22.2请注意版本号。vue-i18n现在有了一个新版本，对应的api有些不兼容，请还是使用8.22.2这个版本ElementUI多语言配置引入element语言包文件src/lang/index.js//
2021-06-01 17:04:22
548
原创 Vue3 组合式API
1. 开发环境搭建1.1 用vue-cli搭建一个基于vue3.0的开发环境1.1.1 选择自定义配置1.1.2 选中自定义安装版本1.1.3 选择3.x版本1.2 不同文件package.json文件，在dependencies配置项中显示，我们当前使用的版本为3.0.0main.js 入口文件，发现Vue的实例化发生了一些变化，由先前的new关键词实例化，转变为createApp方法的调用形式打开一个单文件组件发现，vue3.0的单文件组件中不再强制要求必须有唯一根元素1.3
2021-05-12 21:29:57
1054
1
原创 腾讯云存储图片
1. 图片存储方案介绍方案一：存到自己公司购买的服务器上由于图片都存放到自己的服务器上，占据空间很大。方案二：存到三方云服务器（阿里云，七牛云，腾讯云）各种云有专门的为图片存储提供的云服务器，我们自己的服务器只存储图片地址即可。...
2021-04-28 08:27:24
2089
1
原创 svg图标的处理-工程化的方案
.svg是一种通过代码的方式来展示的图片格式1. 安装loadernpm i svg-sprite-loader@4.1.32. 配置vue.config.jschainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclude.add(resolve('src/icons')) .end() config.module .rul
2021-04-28 08:11:15
254
2
原创 项目 二次开发准备
1. 项目前准备1. 查看node 和 npm的版本$ node -v #查看node版本$ npm -v #查看npm版本$ git --version #查看git安装版本2. npm淘宝镜像$ npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址$ npm config get registry #查看镜像地址vue-element-admin官网地址：https://panjiach
2021-04-26 11:44:18
704
原创 java开发中的23种设计模式—策略模式
java开发中的23种设计模式—策略模式一、定义1.1 设计模式1.2 策略（Strategy）模式二、举例2.1 引入三、使用步骤3.1 优化-策略模式四、优缺点一、定义1.1 设计模式设计模式：软件设计的一个专业术语。对某一类常见问题（23）有最优解决的方案，提炼成一个固定的套路—称之为一种设计模式。1.2 策略（Strategy）模式策略模式：该模式定义了一系列算法，并将每个算法封装起来，使它们可以相互替换，且算法的变化不会影响使用算法的客户。策略模式属于对象行为模式，它通过对算法进行
2021-04-23 19:39:53
166
原创 vue_hr-element基本使用
1. 组件库1.1 常见组件库移动端：Vant: https://vant-contrib.gitee.io/vant/#/zh-CN/Cube-UI: https://didi.github.io/cube-ui/#/zh-CN/docs/introductionMint UI: http://mint-ui.github.io/docs/#/NutUI: https://nutui.jd.com/#/indexPC端:element-ui, Ant Design of V
2021-04-18 23:17:32
995
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人