自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

酷伊奥

加油加油!!!

  • 博客(24)
  • 收藏
  • 关注

原创 移动端:vue项目禁止页面进行缩放

做移动端的小伙伴们可能会遇到一个问题,在ios设备上双击屏幕或者定位到输入框的时候页面会明显放大了一些,解决方法如下:在项目的 index.html 文件下添加下面这行代码实现页面禁止缩放<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />...

2021-12-24 14:24:38 3044

原创 移动端:js如何判断当前的手机系统是安卓还是iOS

废话不多说,直接上代码:// 判断当前系统是ios还是安卓let u = navigator.userAgent;let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if (isAndroid) { console.log('安卓手机')}i..

2021-12-24 11:50:51 1953

原创 移动端:js判断苹果ios各类机型

最近在做

2021-12-24 11:46:47 3677

原创 移动端:js如何获取当前手机的状态栏高度

废话不多说,直接直接上代码://获取当前手机状态栏高度let immersed = 0;let ms = (/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent);if(ms&&ms.length>=3) { // 当前环境为沉浸式状态栏模式 immersed = parseFloat(ms[2]);// 获取状态栏的高度}...

2021-12-24 11:31:34 4537

原创 移动端:js判断当前页面运行环境是否是在微信环境中

废话不都说,直接上代码:getCurrentEnvironment() { //判断当前页面的运行环境(微信/其他) let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { console.log("微信环境中"); } else { console.log("其他环境中(例如浏览器等等)"); }}...

2021-12-24 11:26:51 2447

原创 网页: 如何修改列表项 ul > li 前小圆点的样式

我们在开发的过程中经常会遇到一些需求,比如说这边文章中的需求,我们需要修改ul > li 的默认样式。默认的 li 样式为:1、如何将ul > li 前小圆点修改成小方块呢?我们需要修改其相应的css属性 => list-style-type,我们需要将list-style-type的值设置为square。<!DOCTYPE html><html lang="en"><head> <meta charset...

2021-12-24 10:39:33 15281

原创 Window: 换了固态硬盘装好系统后,为什么一直无法进入系统呢

因为电脑原来的硬盘是机械硬盘,电脑跑起来真的是太卡了,就在王是哪个购买了一块256G的的固态硬盘并要求店家别给我装系统,因为想着自己装好一点

2021-08-12 10:48:29 35710

原创 Window: win10 如何更改管理员名称(修改登录用户名)

我们电脑刷完机后,一般默认的管理员名称都是“Administrator”,但是很多人想修改却不知道从哪里下手,昨天刚刷完电脑系统,就想着改一下,出个教程。话不多说,上教程:一、右键“此电脑”,点击“管理”进去“计算机管理”页面。 二、找到目录下面的“本地用户和组”后点击“用户”,接下来右键点击出现页面中的用户名文件(一般没改过都是“Administrator”),点击属性。 三、在“全名”那个输入框输入想改的名称(我这里用的是“123”),改完之后点确定就完事了。 四、...

2021-08-08 14:57:02 16037 1

原创 Window: win10 点击打开此电脑中的磁盘时,提示找不到应用程序

昨天给电脑换了个固态硬盘,便自己给电脑装了个系统,装的是win10专业版,用的是ISO镜像。刚开始装完后也没出现问题,在装软件的过程中不知道也不知道是安装了哪个软件后出现的问题,点击本地驱动器时候就出现了报错提示 C:\ 找不到应用程序 D:\ 找不到应用程序。找了一下度娘,里面那些大神说是因为电脑磁盘中了病毒,接下来我找到了一种特别简单的办法解决了问题。话不多说,上教程:一、windows键+R 打开运行界面,在输入框中输入 regedit 后点击确认。二、这时候打...

2021-08-08 14:42:37 38501 24

原创 Git: 在git的使用过程中 - The project you were looking for could not be found 解决方式

很多刚入职的小伙伴是否又遇到过这样的问题吧,我就亲身经历过了哈哈哈。入职第一天公司让你拉项目下来,当你使用 git clone 克隆项目时,会一直报错:The project you were looking for could not be found. ,为什么呢?原因:gi t自动保存git密码的功能(自己在单位电脑用了码云和github做了仓库,估计起了冲突)解决方案一:git clonehttp://@git.coding.net/name/p... ---- 失...

2021-07-27 15:22:44 2855

原创 vue-cli脚手架: less-loader插件的安装配置

一、降低npm版本npm install npm@3.8.6 -g二、loader - 配置处理less文件的loader1、安装lessnpm install less --save-dev2、安装less-loader( 这里需要指定版本,不能太高,如果太高后续容易报错。后面解答报错问题 )npm install less-loader@6.0.0 --save-dev...

2021-07-20 17:33:27 6872 1

原创 SSH公钥: 报错 ‘ssh-keygen‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

一、我们需要找到所在的目录。可以打开命令提示符,输入wheregit 就会显示git的安装路径。(我的ssh-keygen.exe安装目录在E:\RJ\git\Git\usr\bin下面)二、配置环境变量:1、找到此电脑,右击后点击属性2、高级系统设置3、环境变量4、点一下PATH ,然后点击编辑5、新建一个文件,把粘贴到的地址粘贴进去,确认后就可以了6、再回到命令提示符输入 ssh-keygen -t rsa -C "xxxxx@xxxxx.co...

2021-07-20 15:51:35 4589

原创 Gitee码云: 配置SSH公钥

一、打开码云官网https://gitee.com并且登陆进去,没有账号的请自行前往注册。二、接下里开始生成SSH公钥1、登陆成功后,先把鼠标移动到header栏的头像位置,出现下拉框后点击设置2、 进来之后,滑动鼠标,在左边栏找到 “安全设置” ,点击“SSH公钥”3、如果你先前还没有公钥的话,就点击“怎样生成公钥”4、点击仓库管理5、点击生成/添加SSH公钥6、接下里的步骤官网都有说明(如果你看那官网就够了,就可以不跟着我的步骤走了)7、接下里我们打开...

2021-07-20 15:15:24 2183

原创 微信小程序: 正则表达式

// 手机号码验证:if (!(/^((13[0-9])|(14[0-9])|(15[0-9])|(17[0-9])|(18[0-9]))\d{8}$/.test(你要验证的手机号))) { wx.showToast({ title: '手机号码有误', duration: 2000, icon: 'none' });}// 邮箱验证if (!(/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(.[a-zA-Z0-9-]+)*.[a-zA-Z0-9]{.

2021-07-19 17:29:58 657

原创 微信小程序: Button默认样式去除

在微信小程序的开发过程中,小伙伴们都会经常的使用button按钮,但是我们要怎么样去除它们的默认样式呢。因为最近有了解到这个,所以就跟大家伙说一下。一、去除button的边线:因为button的边框样式是通过::after方式实现的,所以我们在这里要使用::after伪类选择器。如果在button上定义边框就会出现两条边框线的话,我们就可以使用::after的方式去覆盖默认值。1、wxml页面<view> <button>我是按钮</button>...

2021-07-19 17:22:17 5776

原创 微信小程序: 轮播图组件swiper自定义指示点样式

一、首先我们先去到微信官方文档,引入swiper组件<block> <swiper class="swiper_wrapper" indicator-dots> <block wx:for="{{XXX}}" wx:key="index"> <swiper-item> <image src="{{item.XXX}}"></image> </swiper

2021-07-19 16:52:21 1911

原创 微信小程序: input输入框placeholder样式的修改

相信大伙在开发微信小程序的时候都会遇到这种问题。因为客户的需求,所以我们需要对input框中的placeholder的样式进行修改。接下来告诉大家怎么修改,该方法仅适用于微信小程序。一、我们要给placeholder定义一个样式的名称,,这里我们需要用到placeholder-class这个属性<view> <input type="text" placeholder="好唔开心啊" placeholder-class="placeholder-style" />&.

2021-07-19 16:34:24 13089 3

原创 网页: onkeypress事件与onkeydown事件的区别

一、了解区别1、onkeypress事件:用户在按下并放开键盘上的按钮时所触发的事件,但是键盘上的功能区按钮是无法识别的(例如:F1-F12,箭头,Delete 等等)。2、onkeydown事件:用户在按下键盘上的按钮时所触发的事件,包括键盘上的功能区按钮(例如:F1-F12,箭头,Delete 等等)。二、具体的区别1、onkeypress事件是用户在按下并放开键盘上的按钮时触发,而onkeydown事件是用户在按下但没有放开键盘上的按钮时触发。2、onkeypress无法识别功能..

2021-07-19 16:14:42 3434 1

原创 网页: input框禁止输入空格(微信小程序不适用)

我们在input框中输入内容的时候,可能会有输入空格的情况,但是在我们的开发过程中,一般都不能有空格的,所以我们要在用户输入的过程中,将空格过滤掉。接下来掩饰的这种方法在微信小程序中是不适用的。代码如下:一、我们要在input标签中使用onkeypress事件1、onkeypress事件:在用户按下键盘按钮时执行Javascript代码2、在input标签中写入代码onKeypress="javascript:if(event.keyCode == 32)event.returnValue =.

2021-07-19 15:59:17 741 1

原创 微信小程序: input框禁止输入空格

我们在input框中输入内容的时候,可能会有输入空格的情况,但是在我们的开发过程中,一般都不能有空格的,所以我们要在用户输入的过程中,将空格过滤掉,并且适应所有input的name参数的方法。代码如下:一、wxml代码<view> <input type="text" data-name="account" value="{{account}}" bindinput="test"/></view>二、wxss代码view { width:..

2021-07-19 11:49:37 3103

原创 微信小程序: 微信小程序-开发者工具添加less插件

在入门微信小程序的时候,在其他编译软件中有使用less插件的小伙伴都会发现,在微信小程序-开发者工具中是没有下载插件这个入口的,所以我们可以借助vscode来辅助微信小程序-开发者工具安装less插件。一、首先我们需要在vscode中先安装easy-less这个插件,代码老手就不用多说了,懂得都懂。1、打开vscode后点击左侧栏四个格子那个图标2、在输入框中输入less后,找到Easy LESS这个插件,点击安装按钮3、安装成功二、接下来我们要在vscode文件夹目录下..

2021-07-16 14:15:05 4593 5

原创 微信小程序: 如何在text标签中将空格&nbsp显示出来

写过微信小程序的小伙伴们可能都有发现,当我们在wxml中的text标签里直接使用&nbsp这个空格符的话,页面是识别不到空格符的,空格也不会显示出来,他只会帮你把&nbsp空格符打印出来。<text>我&nbsp是&nbsp空&nbsp格</text>这时候我们需要使用到一个方法,就是在text标签中直接直接定义"decode",效果如下:<text decode="{{true}}">我&...

2021-07-05 18:33:13 4253

原创 网页: input数字输入框可以输入e的原因及其解决方法

今天公司的测试员在测试项目时提出了一个问题:当我们把input框的type值设置为number的时候,虽然限制了只能输入数字,但是这个时候我们会惊奇的发现 e 是可以输入的。<input type="number" placeholder="最低值" />~<input type="number" placeholder="最高值" /> 去查了一下资料才知道,因为 e 在数学里的它代表的是无理数,e是自然对数的底数,同时它又是一个无限不循...

2021-07-05 18:16:44 2838

原创 微信小程序:调取数字键盘,没有小数点的解决办法

通常来说:input框有type这个属性,我们通常使用text、number 、checkbox等这些常用的type值来限制输入框的输入。 在微信小程序中,当我们的输入框的type值为number的时候,在小程序中所调取的数字键盘是没有显示小数点的。只有在type值为digit的时候,数字键盘才会有小数点。常用的type值介绍:text:文本 number:数字键盘(没有小数点) digit:数字键盘(有小数点) idcard:数字键盘(没有小数点,但是有个 ...

2021-07-05 17:49:16 4222 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除