- 博客(59)
- 收藏
- 关注
RSS订阅原创 Echarts X轴 强制显示所有标签 && 每行固定字数并换行显示
效果图如下：直接上代码： axisLabel: { // 轴文字 interval: 0, // 强制显示完整 // 每行显示4个文字换行 formatter:function(value) { var ret = ""; // 拼接加 \n 返回的类目项 ...
2023-05-19 16:39:00
1884
原创 原生JS判断是安卓Andorid还是苹果IOS系统
话不多说 直接上代码androidOrIOS() { let u = navigator.userAgent, app = navigator.appVersion; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; let isIOS = !!u.mat...
2023-04-11 10:56:00
466
原创 nvm常用命令切换node
注意： nvmuse node版本时，要使用管理员权限打开cmd输入命令，否则报错常用命令nvm ls ：列出所有已安装的 node 版本nvm ls-remote ：列出所有远程服务器的版本(官方node version list)nvm list ：列出所有已安装的 node 版本nvm list available ：显示所有可下载的版本nvm install stable ...
2023-03-29 08:52:00
465
原创 Vue项目添加图片预览功能（不使用swiper）
使用swiper插件实现图片预览总是有这样那样的问题，这次用element自带的组件 方便 快捷 好用！要实现的功能如下：功能1 功能2 都是需要大图预览 使用的方法不一样功能1：使用element UI自带的大图预览项目代码如下：<div v-if="picNum > 0"> <el-divider class="lineCss"&g...
2023-03-14 16:08:00
589
原创 Vue项目中将px转化为rem来实现移动端的适配（亲测有效）
最近做项目有个需求：vue pc端需要嵌套移动端页面 涉及到将px转化为rem来实现移动端的适配问题，两步解决！绝绝子教你哈1.index.html页面放入：px转rem公共的方法(function () { function resizeBaseFontSize() { var rootHtml = document.documentElement, ...
2023-03-14 14:32:00
859
原创 SVN 之切换账号
简单来说两步就搞定了第一步删除已缓存的数据第二步输入要切换账号密码具体步骤图解如下：第一步：点击TortoiseSVN 找到设置点击已保存数据 点击清除全部 再点击确定第二步：点击svn 更新会提示你输入账号密码信息完结！散花~~作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/17138097.html本博客文章均...
2023-02-20 17:09:00
5913
原创 Vue项目中怎样把参数(对象)转成formdata传给后端? 封装函数 亲测有效
首先封装参数（对象）转换为formData格式 调用示例：注意看画红线位置
2023-01-09 09:53:34
3453
1
原创 前端常用的正则校验
例如element常用的必填校验：固话和手机号 pattern: /^(((\d{3,4}-)?[0-9]{7,8})|(1(3|4|5|6|7|8|9)\d{9}))$/手机号pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/身份证pattern:/^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|1...
2022-12-13 17:35:00
1505
原创 Echarts 设置Y轴 || X轴的刻度只显示整数
在配置项的yAxis或者xAxis对象中添加属性：minInterval: 1，表示将刻度的最小间距设置为1。minInterval只在数值轴或时间轴中有效，所以要保证type为value或time。
2022-12-13 16:14:00
3619
原创 Vue 项目中实现的微信、微博、QQ空间分享功能（亲测有效）
需求：文章添加分享功能(包括微信、微博、QQ空间)如下图所示：点击图标分别跳转到如下界面：(实现效果如下)话不多说直接代码(可以封装成组件)<template> <div class="shareBox"> 分享到： <span class="hover-pointer" @click="shareToMicroblog()...
2022-11-24 17:38:00
2642
1
原创 Vue中qrcode的使用方法（生成二维码插件） / 前端页面根据URL链接生成二维码
1.下载npm install qrcode --save-dev2.引入(在所需要的页面中引入)import QRCode from “qrcode”; //引入生成二维码插件3.生成二维码<canvas id="QRCode_header" style="width: 280px; height: 280px"></canvas><script...
2022-11-24 17:04:00
8411
1
原创 JS 开始时间/结束时间和当前时间进行比较
项目需求：到截止日期一些功能不可以再使用，那么需要判断当前时间与截止时间进行比较，记录一下吧注意：1.橙色字体的代码换成你自己的变量2. .valueOf()其实就是将中国时间转为时间戳3.截止时间要加上" 23:59:59"4.开始时间要加上" 00:00:00"// 当前时间let nowTime = new Date(this.fileData.now_date).v...
2022-11-24 16:28:00
2025
原创 vue element 日期范围选择器限制:只能选今天之前的时间 || 只能选今天之后的时间 || 选取今天往后三天内...
举例：只能选今天或者今天之后的时间(如下图) <el-date-picker clearable v-model="form.limitTime" type="date" :readonly="isDetail" value-format="yyyy-MM-dd" ...
2022-11-24 16:07:00
4094
原创 JS 动态获取 Url 参数(封装函数）
话不多说直接上代码：封装函数如下：(如果urls固定，可以只写一个name变量) getQueryString(name, urls) { var url = urls; // 获取URL // console.log(url, 'url***'); var patter...
2022-09-21 16:07:00
368
原创 uni-app APP端隐藏导航栏自定义按钮
网上的方法试了很多 有的只在h5生效 APP不生效 绝绝子直接上兼容这两种的代码 // #ifdef H5 document.getElementsByClassName('uni-btn-icon')[1].innerText = ''; // #endif ...
2022-09-07 16:04:00
481
原创 uni-app 下载文件 预览 + 保存自定义目录
作为使用uni-app的小白来说 尝试了好几种方法 终于得到了我想要的效果(如下)1.点击下载按钮(文件 或者图片)2.预览 ：用户自定义选择查看的软件(图片在手机相册 文件用其他打开预览)3.自定义存储的项目文件 ：(这里面就是下载的所有文件)本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0，就是用户文件管理器能看到的了，之后我创建 xx......
2022-08-03 18:11:00
6661
9
原创 uni-app使用阿里巴巴图标库icon详细步骤--避免踩坑
踩了很多坑~~ 最终终于找到可以使用阿里图标库的方法 简单方便阿里巴巴图标库：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2近期阿里图标库更新了 没有之前的在线链接直接使用(如下图) 不要慌绝绝子来教你啊怎么创建项目 加入图标 我这里就不再具体说了一. 首先打开你的iconfont项目(......
2022-07-26 17:24:00
1792
原创 代码组织结构和项目要求
代码组织结构和项目要求要求保证本地和svn或者git统一本地电脑文件目录组织结构推荐(不强制)●城市 (jiyuan) ○项目名(dchy) ■文档(doc) ■设计稿(ui) ■项目(project) ●项目名_项目类型(dchy_admin) ●项目名_项目类型(dchy_............
2022-07-26 09:11:00
201
原创 Vue路由跳转时定位到页面顶部
代码如下：router.afterEach((to, from, next) => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0;});作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/16492919.html本博客文章均为作者原......
2022-07-19 09:36:00
276
原创 将博客园搬家到csdn的通知，以后还会同步更新
csdn地址：https://blog.csdn.net/wwyxjjzCSDNhttps://blog.csdn.net/wwyxjjz博客园https://www.cnblogs.com/wwyxjjz/ 本站
2022-07-18 10:28:00
134
原创 公共的common.scss （覆盖部分element组件主题色）
公共的 common.scss(包含主题色 覆盖部分element组件主题色)$theme: #D50000;$litterTheme: #ec6059;.text-theme { color: $theme;}.bg-theme { background-color: $theme;}::v-deep .el-button { border-...
2022-07-13 11:33:00
520
原创 CSS 自定义滚动条
效果图如下：代码如下：(颜色可自行调节) ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f5f5f5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-trac......
2022-07-13 10:41:00
916
原创 Something Just Like This
I've been reading books of old我遍读旧籍The legends and the myths那些古老传奇和无边神秘Achilles and his gold如阿喀琉斯和他的战利品Hercules and his gifts如赫拉克勒斯和他的天赋神力Spiderman's control还有蜘蛛侠的掌控全局And Batman with his fists和蝙.........
2022-06-27 18:18:00
76
原创 js 三维数组转对象数组 二维数组转对象数组
1.三维数组转对象数组输出：代码如下： let dataArr = [ [ [109.654541015625, 29.34387539941801], [110.467529296875...
2022-06-21 16:30:00
902
原创 js已知多边形坐标点，求多边形的中心点坐标
你需要传入的数据类型如下： // 取面对象 中心点 var calculateCenter = function (lnglatarr) { var total = lnglatarr.length; var X = ...
2022-06-21 16:05:00
2152
3
原创 Echarts 多图表自适应屏幕大小
直接上代码：//多图表自适应 window.addEventListener("resize", function () { myChart.resize(); });作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/16350879.html本博客文章均为作者原创，转载请注明作者和原文链接。......
2022-06-07 10:25:00
335
原创 vue项目中使用echarts--详细步骤
1.安装npm install echarts --savepackage.json中有此项，代表安装成功(注意自己的版本)2.引入全部组件在main.js中引入：// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.使用<template> <div ......
2022-06-07 10:18:00
1520
原创 Vue项目中Echarts报错ReferenceError: echarts is not defined（已解决）
报错如下：查了很久，最终发现是这里的问题解决如下：上代码： itemStyle: { // color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [ // { // offset...
2022-06-07 09:55:00
3323
原创 高德地图经纬度拾取
地址： https://lbs.amap.com/tools/picker作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/16291314.html本博客文章均为作者原创，转载请注明作者和原文链接。...
2022-05-20 10:03:00
4754
原创 vue项目使用vue-amap调用高德地图api详细步骤
想要的效果如下 ：高德地图 && 信息窗体步骤一：申请高德key高德开放平台 | 高德地图API (amap.com)(可参考博客： [996]如何申请高德地图用户Key_周小董的博客-CSDN博客_高德开发者平台申请key)步骤二：npm安装 npm install vue-amap --save步骤三：main.js......
2022-05-20 09:58:00
2171
4
原创 vue 手写选项卡切换 :class=“{‘active‘ : curTop == index}“
效果如下：代码如下：<div class="flex"> <p :class="{'active' : curTop == index}" class="tc text-18 hover-pointer" v-for="(item, index) in topTab" :key="index" @click="topTapChange(ind...
2022-02-25 14:58:00
477
原创 vue动态切换背景图片background
:style="{'backgroundImage': 'url(' + item.img + ')'}作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/15935847.html本博客文章均为作者原创，转载请注明作者和原文链接。...
2022-02-25 14:11:00
2175
原创 Vue swiper轮播加图片预览 && vue报错找不到swiper.css(亲测有效)
目前多个图片是这样的:想要的效果：轮播 + 预览 (一次轮播一张)1.首先要下载swiper备注:swiper 的坑坑1以前只需要安装vue-awesome-swiper就够了现在需要weiper一起安装才行坑2按官网教程操作后vue会报错 找不到swiper.css因为版本不同 项目目录变了 点开node安装文件夹里也只能看到'swiper/swiper-bundle....
2022-02-11 18:04:00
1641
原创 Vue 传参封装
1.全局引入Vue.mixin({ methods: { setData: function (obj, callback) { let that = this let keys = [] let val, data Object.keys(obj).forEach(function (key) { keys = ...
2022-01-27 10:57:00
397
原创 Vue项目 设置实时时间（年月日 时分秒）两种方法
想要的效果：(时间动态显示)1.在data中定义一个变量，存储时间2.创建一个文件放入封装好的js--主要是使用定时器，每秒调用，最后清除定时器export function formatDate(date) { // 格式化时间为 YYYY-MM-DD HH:MM:SS var year = date.getFullYear(); var month = date.......
2021-12-31 15:34:00
12934
原创 Ant Design 表格扩展去掉+号
最近在用Ant Design + JeecgBoot做项目 ，在做表格扩展行的时候总是有一个“+”号图标，如下所示：事实上开发的时候都有自己的设计，这个图标需要的应该不多，但是在官方文档里却找不到去除的方法。。。。在表格里加上这两句就可以了：expandIconAsCell="false" // 去除表格标题栏+号expandIconColumnIndex="-1...
2021-11-29 14:57:00
447
原创 html之 在script 标签src添加时间戳防止浏览器缓存导致的异常
为了强制加载，在文件名后加上类似于hash串的时间戳或者随机数<script> var now = new Date().getTime(); document.write('<script language="javascript" src="./static/AdMove.js?t=' + now + '"><\/script\>'...
2021-10-15 11:44:00
1339
原创 CSS 解决文字/文章标题过长换行显示问题 white-space:pre-line；
没修改之前的效果：我想要的效果：解决方案：white-space:pre-line;可以保留textarea里面的格式，包括空格、回车、tab、换行。不需要改变标签为pre，因为pre会让所有文字在一行显示，除非手动按回车换行。white-space属性总结：作者：微微一笑绝绝子出处：https://www.cnblogs.com/wwyxjjz/p/15403301.htm.........
2021-10-13 17:49:00
889
原创 Vue项目使用/deep/报错：SassError: expected selector解决方案--亲测有效
项目npm run dev报错如下：解决方法：尝试用 ::v-deep 替换 /deep/ ，成功解决了问题。效果如下图所示(完美解决~)某些预处理器(例如Sass)可能无法>>>正确解析。在这些情况下，可以用/deep/如果/deep/报错，可以使用::v-deep组合器-两者都是它们的别名，>>> 并且工作原理完全相同。用法和/deep......
2021-09-29 10:28:00
5080
原创 IE：InvalidCharacterError解决方案&&完成兼容IE的手机号校验
前面写过一版Vue Elements手机号校验(https://www.cnblogs.com/wwyxjjz/p/15137394.html)除IE外的其他浏览器都没有问题，IE不兼容怎么办呢？当然是有办法解决的啦~~首先你要知道"InvalidCharacterError(无效字符错误)" 然后在你自己vue项目中找到html部分代码，看标签属性中有没有特殊字符等IE控制台报错如下：......
2021-09-16 16:14:00
1507
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人