- 博客(24)
- 收藏
- 关注
RSS订阅原创 移动端：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
3163
原创 移动端：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
2013
原创 移动端：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
4881
原创 移动端：js判断当前页面运行环境是否是在微信环境中
废话不都说，直接上代码：getCurrentEnvironment() { //判断当前页面的运行环境（微信/其他） let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { console.log("微信环境中"); } else { console.log("其他环境中（例如浏览器等等）"); }}...
2021-12-24 11:26:51
2523
原创 网页: 如何修改列表项 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
17412
原创 Window: 换了固态硬盘装好系统后，为什么一直无法进入系统呢
因为电脑原来的硬盘是机械硬盘，电脑跑起来真的是太卡了，就在王是哪个购买了一块256G的的固态硬盘并要求店家别给我装系统，因为想着自己装好一点
2021-08-12 10:48:29
38556
原创 Window: win10 如何更改管理员名称(修改登录用户名)
我们电脑刷完机后，一般默认的管理员名称都是“Administrator”，但是很多人想修改却不知道从哪里下手，昨天刚刷完电脑系统，就想着改一下，出个教程。话不多说，上教程：一、右键“此电脑”，点击“管理”进去“计算机管理”页面。 二、找到目录下面的“本地用户和组”后点击“用户”，接下来右键点击出现页面中的用户名文件(一般没改过都是“Administrator”)，点击属性。 三、在“全名”那个输入框输入想改的名称(我这里用的是“123”)，改完之后点确定就完事了。 四、...
2021-08-08 14:57:02
22380
1
原创 Window: win10 点击打开此电脑中的磁盘时，提示找不到应用程序
昨天给电脑换了个固态硬盘，便自己给电脑装了个系统，装的是win10专业版，用的是ISO镜像。刚开始装完后也没出现问题，在装软件的过程中不知道也不知道是安装了哪个软件后出现的问题，点击本地驱动器时候就出现了报错提示 C:\ 找不到应用程序 D:\ 找不到应用程序。找了一下度娘，里面那些大神说是因为电脑磁盘中了病毒，接下来我找到了一种特别简单的办法解决了问题。话不多说，上教程：一、windows键+R 打开运行界面，在输入框中输入 regedit 后点击确认。二、这时候打...
2021-08-08 14:42:37
40483
26
原创 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
2939
原创 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
7098
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
4970
原创 Gitee码云: 配置SSH公钥
一、打开码云官网https://gitee.com并且登陆进去，没有账号的请自行前往注册。二、接下里开始生成SSH公钥1、登陆成功后，先把鼠标移动到header栏的头像位置，出现下拉框后点击设置2、 进来之后，滑动鼠标，在左边栏找到 “安全设置” ，点击“SSH公钥”3、如果你先前还没有公钥的话，就点击“怎样生成公钥”4、点击仓库管理5、点击生成/添加SSH公钥6、接下里的步骤官网都有说明（如果你看那官网就够了，就可以不跟着我的步骤走了）7、接下里我们打开...
2021-07-20 15:15:24
2285
原创 微信小程序: 正则表达式
// 手机号码验证：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
719
原创 微信小程序: Button默认样式去除
在微信小程序的开发过程中，小伙伴们都会经常的使用button按钮，但是我们要怎么样去除它们的默认样式呢。因为最近有了解到这个，所以就跟大家伙说一下。一、去除button的边线：因为button的边框样式是通过::after方式实现的，所以我们在这里要使用::after伪类选择器。如果在button上定义边框就会出现两条边框线的话，我们就可以使用::after的方式去覆盖默认值。1、wxml页面<view> <button>我是按钮</button>...
2021-07-19 17:22:17
5975
原创 微信小程序: 轮播图组件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
2020
原创 微信小程序: input输入框placeholder样式的修改
相信大伙在开发微信小程序的时候都会遇到这种问题。因为客户的需求，所以我们需要对input框中的placeholder的样式进行修改。接下来告诉大家怎么修改，该方法仅适用于微信小程序。一、我们要给placeholder定义一个样式的名称，，这里我们需要用到placeholder-class这个属性<view> <input type="text" placeholder="好唔开心啊" placeholder-class="placeholder-style" />&.
2021-07-19 16:34:24
14149
3
原创 网页: onkeypress事件与onkeydown事件的区别
一、了解区别1、onkeypress事件：用户在按下并放开键盘上的按钮时所触发的事件，但是键盘上的功能区按钮是无法识别的（例如：F1-F12，箭头，Delete 等等）。2、onkeydown事件：用户在按下键盘上的按钮时所触发的事件，包括键盘上的功能区按钮（例如：F1-F12，箭头，Delete 等等）。二、具体的区别1、onkeypress事件是用户在按下并放开键盘上的按钮时触发，而onkeydown事件是用户在按下但没有放开键盘上的按钮时触发。2、onkeypress无法识别功能..
2021-07-19 16:14:42
3575
1
原创 网页: input框禁止输入空格(微信小程序不适用)
我们在input框中输入内容的时候，可能会有输入空格的情况，但是在我们的开发过程中，一般都不能有空格的，所以我们要在用户输入的过程中，将空格过滤掉。接下来掩饰的这种方法在微信小程序中是不适用的。代码如下：一、我们要在input标签中使用onkeypress事件1、onkeypress事件：在用户按下键盘按钮时执行Javascript代码2、在input标签中写入代码onKeypress="javascript:if(event.keyCode == 32)event.returnValue =.
2021-07-19 15:59:17
800
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
3387
原创 微信小程序: 微信小程序-开发者工具添加less插件
在入门微信小程序的时候，在其他编译软件中有使用less插件的小伙伴都会发现，在微信小程序-开发者工具中是没有下载插件这个入口的，所以我们可以借助vscode来辅助微信小程序-开发者工具安装less插件。一、首先我们需要在vscode中先安装easy-less这个插件，代码老手就不用多说了，懂得都懂。1、打开vscode后点击左侧栏四个格子那个图标2、在输入框中输入less后，找到Easy LESS这个插件，点击安装按钮3、安装成功二、接下来我们要在vscode文件夹目录下..
2021-07-16 14:15:05
4806
5
原创 微信小程序: 如何在text标签中将空格 显示出来
写过微信小程序的小伙伴们可能都有发现，当我们在wxml中的text标签里直接使用 这个空格符的话，页面是识别不到空格符的，空格也不会显示出来，他只会帮你把 空格符打印出来。<text>我 是 空 格</text>这时候我们需要使用到一个方法，就是在text标签中直接直接定义"decode"，效果如下：<text decode="{{true}}">我&...
2021-07-05 18:33:13
4524
原创 网页: input数字输入框可以输入e的原因及其解决方法
今天公司的测试员在测试项目时提出了一个问题：当我们把input框的type值设置为number的时候，虽然限制了只能输入数字，但是这个时候我们会惊奇的发现 e 是可以输入的。<input type="number" placeholder="最低值" />~<input type="number" placeholder="最高值" /> 去查了一下资料才知道，因为 e 在数学里的它代表的是无理数，e是自然对数的底数，同时它又是一个无限不循...
2021-07-05 18:16:44
3252
原创 微信小程序:调取数字键盘，没有小数点的解决办法
通常来说：input框有type这个属性，我们通常使用text、number 、checkbox等这些常用的type值来限制输入框的输入。 在微信小程序中，当我们的输入框的type值为number的时候，在小程序中所调取的数字键盘是没有显示小数点的。只有在type值为digit的时候，数字键盘才会有小数点。常用的type值介绍：text：文本 number：数字键盘（没有小数点） digit：数字键盘（有小数点） idcard：数字键盘（没有小数点，但是有个 ...
2021-07-05 17:49:16
4651
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人