- 博客(123)
- 收藏
- 关注
RSS订阅原创 网页上点击打印css实现强制打印背景水印
问题:网页打印 无法保留背景 除非点击 '背景图形'选项 但有点用户不知道勾选 于是 需求强制勾选css 一行代码即可 -webkit-print-color-adjust: exact;...
2023-03-17 17:14:00
335
1
原创 解决uniapp textarea标签快速输入时光标抖动或闪现的问题
问题长这样问题代码长这样 <textarea placeholder="请输入组织介绍" class="info-cell-text" maxlength="600" v-model="form.orgIntroduce"></textarea>解决代码长这样<textarea placeholder="请输入组织介绍" class="info-c...
2023-01-05 13:47:00
918
原创 uniapp 用 uView 组件库中的u-picker 实现地区的 省-市-区 三级联动
组件的引入就不多赘述了 直接看使用方法地址我是引入的json文件数据结构大概是这个样子例1例21,先做个按钮做弹窗显示 <u-cell :border="true" > <text slot="title" > 区域</text> <view slot="right-icon" @tap="...
2023-01-04 16:50:00
3598
3
原创 element ui 表格 点击某行折叠或展开 有数展示下拉图标
实现的效果是这样的这是表格demo <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" :row-class-name="getRowClassName" @row-click="rowClick" :row-key="rowKey" :expand-row-keys="nowExpand"&...
2022-10-08 17:15:00
2101
原创 Nginx 前端 安装,打包,发布项目到服务 流程
1,Nginx 下载与安装 下载地址:https://nginx.org/en/download.html 根据电脑自行选择对应的版本 我的window 选的是这个将安装包解压出来就行了 得到如下文件这就差不多算安装好了2.项目打包 并部署项目找到自己的项目 打个包 会在项目下生成个 dist 文件将dist 文件放到解压出来的Nginx文件下的html 文件里面...
2022-09-08 11:25:00
1456
原创 Vue 中的使用 nProgress 教程
0.nProgress官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress1.nProgress 安装npm install --save nprogress2.在main.js 中引入nProgress 和 css 样式//导入进度条插件\js与cssimport Np...
2022-05-30 14:06:00
571
原创 less基础 详解
一,使用方式 1,html 中引用 (vscode中) 下载下面的插件 创建一个 .less 文件 保存之后 会自动在同目录生成一个.css文件 只要在html 中用link 标签引入即可 2,vue 中使用 就是在创建的时候勾选就行 然后 在页面中 的style标签中 lang='less' 就能用到less了二 ,less 语法 1,变量 (用法一目了然...
2022-03-22 16:08:00
236
原创 vue 监听 input框focus 后虚拟键盘的弹出和收起
1,首先创建一个 virtualkeyboard.js文件 文件名无所谓/** * * @class 监听虚拟键盘 * @classdesc 监听虚拟键盘弹出隐藏 * @public onEnd 结束监听虚拟键盘 * @public onShow 传递一个回调 监听虚拟键盘弹出 * @public onHidden 传递一个回调 监听虚拟键盘隐藏 */class Vi......
2022-03-21 10:46:00
3331
2
原创 多个异步请求之后统一处理数据（结合promise）
console.time('starttime'); //将请求添加到promise内 let p1 = new Promise((resolve, reject) => { axios({ url: url method: 'post', data: { ...
2022-01-22 10:49:00
535
原创 用vant内的组件拼一个简易的加载遮罩层
<!-- showOverlay 控制是否显示遮罩层 --> <!-- 这所有的前提是 vue项目引入了vant组件 --> <van-overlay :show="showOverlay" > <div style="position:fixed;top:50%;left:50%;z-index:100;tra...
2022-01-21 15:16:00
1223
原创 js 正则 验证手机号码
1 //验证手机号码2 checkPhone(phone) {3 if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){ 4 return false; //不满足条件5 }else{6 return true ;//满足条件7 }8 },...
2022-01-20 17:20:00
1382
原创 js 获取 对应当前时间 的本周,本月,本季的起始时间
1 var now = new Date(); // 当前日期 2 var nowDayOfWeek = now.getDay(); // 今天本周的第几天 3 var nowDay = now.getDate(); // 当前日 4 var nowMonth = now.getMonth(); // 当前月 5 ...
2022-01-20 16:50:00
1674
2
原创 实现通过Xcode安装到虚拟机后安装iPhone模拟器并安装ipa软件到模拟器上
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例
2021-10-20 10:10:31
9038
3
原创 git 常用命令
新建创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中# 初始化当前项目$ git init# 新建一个目录，将其初始化为Git代码库$ git init [project-name]# 在指定目录创建一个空的 Git 仓库。运行这个命令会创建一个名为 directory，只包含 .git 子目录的空目录。$ git init...
2021-10-19 09:12:00
73
原创 js简写整理
1.通过条件判断给变量赋值布尔值的正确姿势// badif (a === 'a') { b = true} else { b = false}// goodb = a === 'a'View Code2.在if中判断数组长度不为零的正确姿势// badif (arr.length !== 0) { // todo}// goodif (...
2021-09-15 15:18:00
123
原创 vscode 无法连接到应用商店 解决办法
从网上百度的又说配置代理服务器，也有删除.code再重启的等方法... 弄了半天问题都没有解决。网上解决办法大概如此:文件》》首选项》》设置》》应用程序》》》代理服务器改了之后还是无法连接应用商店 再把代理删了重启 如果还是无法连接可能是：家里、公司的网被局限了。如果是笔记本电脑的话就切换了一下网络就可以了。...
2021-09-09 10:14:00
547
原创 通过点击svg 用js实现 动态添加一个空心圆
代码如下<!DOCTYPE html><html><body> <svg version="1.1" baseProfile="full" width="600" height="500" xmlns="http://www.w3.org/2000/svg" id="svg"></svg><script src="../js/Jquery.js"></script><scri
2021-09-08 14:22:24
873
1
原创 vue m3u8格式 实现监控直播
npm install hls.js -S // 导入插件引入 hlsimport Hls from 'hls.js';在周期函数mounted中 if (Hls.isSupported()) { let player = document.getElementById('mvideo') //我使用的是video标签 这里通过id获取video标签 var hls = new Hls(); //创建 hls 对象
2021-09-08 09:48:06
975
原创 vue实现百度地图H5 标注平移动画实现
index.html中引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=秘钥"></script> <script type="text/javascript" src="http://mapopen.bj.bcebos.com/github/BMapGLLib/TrackAnimation/src/TrackAnimation.min.js">&
2021-09-01 14:23:22
661
原创 vue 解决A跳转B返回A时 A无法置顶问题
this.$router.beforeEach((to,from,next)=>{ window,scrollTo(0,0) next() })
2021-08-25 14:05:13
110
原创 js将时间格式化
直接上代码```javascript changeTime(){ let nowTime = new Date() let year = nowTime.getFullYear() let month = nowTime.getMonth()+1 if((month+'').length==1){ month = '0'+month }
2021-07-29 17:50:41
61
原创 解决:Error while trying to use the following icon from the Manifest
完整报错:Error while trying to use the following icon from the Manifest: http://localhost:8080/img/icons/android-chrome-192x192.png (Download error or resource isn’t a valid image)出现这个报错主要是误删了 public 下 img下 icons 文件夹中的android-chrome-192x192.png 图片我的解决办法:重新创建
2021-07-29 09:35:37
8496
7
原创 将博客搬至CSDN
注意这是将其他地方的博客搬到博客园 博客园搬到CSDN往后看注意搬家时间等到了时间段填写信息等待审核即可将博客园的内容搬到CSDN 步骤如下首先你得有CSDN的账号找到搬家填写对应信息 等一个工日的审核即可...
2021-07-14 20:22:00
66
原创 10 个实现炫酷 UI 设计效果的 CSS 生成工具
1、Neumorphism地址：https://neumorphism.io/它创造了一种全新的UI风格。来自世界各地的设计师已经在Dribbble和Behance上看到了引人注目的中性设计。但是这个工具，可以直接在线调试UI风格，并直接生成CSS代码。 2、带有渐变的图标地址：https://www.iconshock.com/svg-icons/在设计的时候...
2021-07-14 16:50:00
210
原创 px、rpx、em、rem 、vw/vh、百分比的区别？
px绝对长度单位，根据维基百科解释：它是图像显示的基本单元，既不是一个确定的物理量，也不是一个点或者小方块，而是一个抽象概念。很多时候，px 也常被称为 CSS 像素，在 PC 中，通常认为 1px 的真实长度是固定的那 px 真的是一个设备无关，跟长度单位米和分米一样是固定大小的吗？一个像素表示了计算机屏幕所能显示的最小区域，像素分为两种类型：CSS 像素：为 Web 开发...
2021-07-14 15:36:00
881
原创 高级 Vue 编码技巧
1.从子组件访问父数据有时，我们想从父级访问数据，但又不想经历传递 props 的麻烦。如果你只需要从a的数据对象中快速获取一个值，你可以简单地通过引用parent的数据对象中快速获取一个值，你可以简单地通过引用parent 来完成：// In parent data() { return { message: 'This is my message' }...
2021-07-14 14:46:00
208
原创 49 个在工作中常用且容易遗忘的 CSS 样式清单整理
1、文字超出部分显示省略号单行文本的溢出显示省略号(一定要有宽度) p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }多行文本溢出显示省略号p { display: -webkit-box; -webkit-box-ori...
2021-07-13 09:11:00
118
原创 Js 数组通过时间排序
在日常开发中经常遇到类似情况：后端返回一个list，含有时间，前端要展示最新时间的那一条，后端又没有做排序，so此需要用Js相关内容进行对数组进行排序。如我们拿到类似以下的list：const list = [ { title: '第一条消息', createTime: "2020-04-01 13:39:06" ...
2021-07-12 16:39:00
1043
原创 JS 星号 * 处理手机号和名称
// 星号处理手机号 noPassByMobile(str){ if(null != str && str != undefined){ var pat=/(\d{3})\d*(\d{4})/; return str.replace(pat,'$1****$2'); } else { ...
2021-07-10 17:43:00
81
原创 JS判断值是否是数字
1.使用isNaN()函数isNaN()的缺点就在于 null、空格以及空串会被按照0来处理NaN: Not a Number/***判断是否是数字***/function isRealNum(val){ // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除 // if(val === "" || val ==null){ //...
2021-07-08 13:42:00
264
原创 uni-app 基础
uni-app出现早于 微信小程序微信小程序uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套写一套代码，可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。下载地址: https://www.dcloud.io/hbuilderx.html...
2021-07-06 10:20:00
79
原创 npm 和 cnpm 的区别
npm 和 cnpm 的区别相信很多人都不太明白 npm 和 cnpm 到底是什么东东， 为啥在国内要用 淘宝镜像使用 cnpm，(1) 两者之间只是 node 中包管理器的不同哟，(2) npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的cnpm(gzip 压缩支持) 命令行工具代替默认的npm:(3)如果因为网络原因无法使用npm下载，那cnpm这个就派...
2021-07-05 09:12:00
230
原创 vue 引入layui
vue中如何引用layui1.把layui对应的包放在static文件夹下，所以就直接放在了static下2.在index.html中直接引入layui.js和layui.css3.在vue组件中的created勾子函数中写入如下代码 created(){ const _this = this; layui.use(['layer'],function(){...
2021-07-02 14:42:00
777
原创 用js 同时生成多个 不同名字的变量
方法1:通过eval var a = 5;for (var i = 1; i <= a; i++) { eval("var a" + i + "=" + i);}alert(a1);注意 必须是 var 声明 let 和 const 会报错方法2: 连续声明var a,b,c,d,e,f,g=1这方法感觉有点麻烦 不靠谱方法3:通过 ...
2021-07-01 13:37:00
883
原创 使用vue Mint UI 组件 tab-container报错:Ignored attempt to cancel a touchmove event with cancelable=false, ...
正常情况是不会出现这个报错的如果设置了:swipeable='true' 属性 在左右滑动的同时上下滑动 就会出现Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted...
2021-06-23 17:23:00
288
原创 js 判断字符串中是否包含某个字符串
String对象的方法方法一: indexOf() (推荐)var str = "123";console.log(str.indexOf("3") != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。方法二: search()var str = "123";co...
2021-06-19 18:14:00
295
原创 html 禁用点击事件
1 1.css禁用鼠标点击事件 2 3 .disabled { pointer-events: none; } 4 注：(这个没有试过) 5 6 7 jquery禁用a标签方法1 8 $(document).ready(function () { 9 $("a").each(function () {10 ...
2021-06-17 17:59:00
564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人