- 博客(81)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 谷歌浏览器无法调用电脑摄像头或无法使用拍摄仪的原因及最快速的解决办法
谷歌浏览器只支持https, 127.0.0.1,localhost三种地址方式调用摄像头，http方式不支持直接调用。
2024-04-08 10:40:56
309
原创 CSS设置移动端页面底部安全距离
env(safe-area-inset-bottom)是一个CSS属性值，用于设置底部安全距离。它表示使用环境变量来获取底部安全距离的值。当使用环境变量时，需要使用env()函数来引用具体的环境变量。这将把.box元素的底部padding设置为环境变量safe-area-inset-bottom的值。
2024-03-25 21:58:49
437
原创 淘宝镜像过期，npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
其实，早在 2021 年，淘宝就发文称，npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。旧域名也将于 2022 年 5 月 31 日停止服务（不过，直到今天 HTTPS 证书到期才真正不能用了）2.执行：npm config set registry https://registry.npmmirror.com。二、错误提示已经告诉原因是淘宝镜像过期了！3.然后就可以正常使用npm啦～一、报错问题：提示淘宝镜像过期。
2024-03-05 09:14:15
2872
原创 如何在vue中使用拖动排序组件sortablejs
/ dragClass: "dragClass", // 正在被拖拽中的css类名。// 把被移动的那条数据赋值给结果数组。// 遍历结果数组，让sort重新排序。// 先把被移动的那条数据单独取出来。// 把剩下的数据复制给结果数组。// 被选中项的css 类名。/* // 拖拽 *//* // 停靠 *//* // 选择 */
2024-02-08 15:15:22
1448
2
原创 gitee(码云)如何生成并添加公钥，以及配置用户信息
在使用Gitee的时候，公钥是必须的，无论是克隆还是上传。本文主要介绍如何本地生成和添加公钥到服务器，然后配置自己的用户信息，方便日后拉取与上传代码。输入(cat ~/.ssh/id_rsa.pub)代码，查看你的 public key（公钥）：(见上图)打开git bash,输入：ssh-keygen -t rsa -C “你的邮箱”，然后回车三次。出现user.email和user.name表示配置成功。2.1 本地生成公钥。
2023-08-12 10:27:16
2030
原创 php 分割字符串函数(+常用函数)
大家好，我是php的初学者，之前做过java语言开发，以及前端开发，而如今，由于各种原因，留在了小城市，在小城市，php语言被企业使用得比较多，于是，为了成为企业中的全栈工程师，我从0开始，学习了php语言，同时我会把php的实用函数做个笔记，分享在CSDN中，方便日后查看。
2023-06-26 10:23:35
222
原创 正则表达式中的元字符与转义
作为量词，表示 0 次或 1 次匹配。位于量词后面用于改变量词的贪婪特性。，方括号内的减**号-可以标记字符范围，例如0-9表示0到9之间的所有数字。^ 仅在作为第一个字符(方括号内)时，表明字符类取反。^ 断言目标的开始位置(或在多行模式下是行首)$ 断言目标的结束位置(或在多行模式下是行尾). 匹配除换行符外的任何字符(默认)*量词，0 次或多次匹配。+量词，1 次或多次匹配。{ 自定义量词开始标记。} 自定义量词结束标记。\ 一般用于转义字符。| 开始一个可选分支。
2023-06-13 09:57:46
1285
原创 用 CSS 自定义滚动条
简介首先需要介绍一下滚动条的组成部分。滚动条包含 track 和 thumb，如下图所示：track是滚动条的基础，其中的 thumb是用户拖动支页面或章节内的滚动。
2023-05-18 17:22:49
1152
原创 Vue中对watch中immediate和deep属性的理解
immediate设为true后，则监听的这个对象会立即输出，也就是说一刷新页面就会在控制台输出，当然此时页面上的数据我们还没来得及手动让其发生变化，所以在控制台输出的newValue为我们在代码中默认设置的值，oldValue输出为“undefined”。第二个是deep：其值是true或false；（一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。确认是否以当前的初始值执行handler的函数。简单点说，就是可以监听到对象里面的值的变化了。即监听到变化时应该执行的函数。
2023-01-12 15:10:36
346
原创 uni-app实现复制文本
而 uni-app官方提供的uni.setClipboardData(OBJECT)复制功能并不兼容H5端，在做项目的过程中，为了完善用户体验，尝尝需要做复制文本的功能。
2022-11-03 14:35:57
6129
原创 Vue3中按需引入ECharts(一看就会)
使用背景：比如做一个工程化项目，且只使用到柱状图和折线图，如果把所有的echarts组件都引入到项目中的话，会影响用户打开页面的速度和项目的性能。所以对于做一个高逼格的程序工程师，我们需要按需引入。
2022-10-20 01:00:58
13279
5
转载 web端大屏适配解决方案
仅能满足一些特定的小场景，大屏中的实施非常不友好，例如我们覆盖element表格中的为font-size：0.5rem。如line-height的设置为22px，此时覆盖样式后的字体过大，并不能适应行高，就会出现文字重叠等错乱问题。即使不全屏也可以得到正确的结果。上图案例中采用了css3的缩放transform: scale(X)属性，对比两个图，我们不难发现本人改变分辨率时，scale的值是变化的。按照上述步骤操作，即可完全按照美工的设计在大屏中进行等比例输出放大，趋于完美的解决了大屏适配问题。
2022-10-19 15:50:01
2305
2
原创 阿里云 图片压缩后展示
后台用户上传的图片往往很大，并且现在iphone手机的图片质量大的都高达几M，而在移动端展示时，即便做了懒加载，如vue-lazyLoad,也会很影响性能。图片处理的URL为http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?图片处理的URL为http://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?需求及处理参数为：图片缩放为长边100 px，即resize,l_100。
2022-09-04 14:18:45
1002
原创 js 防抖和节流(阅读这一篇就够了)
所谓防抖，就是指触发事件后，就是把触发非常频繁的事件合并成一次去执行。即在指定时间内只执行一次回调函数，如果在指定的时间内又触发了该事件，则回调函数的执行时间会基于此刻重新开始计算。所谓节流，是指频繁触发事件时，只会在指定的时间段内执行事件回调，即触发事件间隔大于等于指定的时间才会执行回调函数。防抖（debounce）节流（throttle）......
2022-08-28 16:36:14
110
原创 Git SSL公钥密钥生成
Git SSL公钥密钥生成下面教大家简单易懂的五步配置好密钥第一次配置ssh 和sslgit config --global --list 查看git的配置步骤：git config --global user.name " " （写用户名）git config --global user.email " " （ 写用户邮箱）ssh-keygen -t rsa -C " " （写上邮箱） 生成密钥4.运行命令: 生成对应的key，然后
2022-04-30 12:59:07
2826
原创 dcloud云函数中如何使用事务
官方文档：https://uniapp.dcloud.io/uniCloud/cf-database?id=transaction事务通常用来在某个数据库操作失败之后进行回滚。限制事务操作时为保障效率和并发性，只允许进行单记录操作，不允许进行批量操作，但可以在一个事务进行多次数据库操作。对于修改和删除仅支持使用doc方法，不支持使用where方法。新增时使用add方法一次只可以新增单条，不可新增多条，即不支持在add方法内传入数组腾讯云没有限制where的使用，但是使用where修改或删除
2022-02-11 15:30:07
1262
原创 promise等待多个异步请求完毕后再执行其他代码的方法
//这里等promise执行，避免拿不到图片临时路径const promise1 = new Promise((resolve, reject) => { uni.downloadFile({ url:that.bg_img, success:(res)=>{ resolve(res) } }) }); const promise2 = new Promise((resolve, reject) =&.
2022-02-08 08:55:04
2885
原创 dclound云函数的增删改查案例以及返回结果
增加数据后所返回的接口addaddResult { inserted: 1, result: { '0': '61dee7395ddb6100013bbfd7' }, ids: [ '61dee7395ddb6100013bbfd7' ]}
2022-01-12 22:46:03
447
原创 通过vue来添加动画和修改@keyframes属性值
CSS3中增加了@keyframes规则用于创建动画，创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。也就是说通过改变CSS样式而达到动画的效果，所以，要动态去改变动画，只有修改样式。你可以打印一下document.styleSheets，console.log(document.styleSheets)，会发现document.styleSheets是一个对象数组。拿到样式表后就可以操作样式啦~insertRule方法用来给当前样式表插入新的样式规则。举个栗子：var style =
2022-01-04 17:02:51
3707
4
转载 js实现图片资源转化成base64的各种场景
网络上有很多片介绍通过js将图片转换成base64的文章，之所以再写这篇文章的原因时发现没有找到系统的介绍的文章，有的介绍如何实现本地项目的图片转码，有的介绍如何实现网络资源的图片转化，但是系统介绍的少之又少，所以我就在这里将各种场景系统的介绍一下：场景一：将用户本地上传的资源转化，即用户通过浏览器点击文件上传时，将图片资源转化成base64：<input type="file" id="image"><br/>var reader = new FileReader();v
2021-12-30 09:38:10
399
转载 uni-app混合开发 navigateTo、reLaunch、redirectTo、switchTab区别
1.navigateTo保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。要注意的是navigateTo只能跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数；如果跳转url参数为tabBar的路径则无法进行跳转2.redirectTo关闭当前页面，跳转到应用内的某个页面。需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数3.reLaunch关闭所有页面，打开到应用内的某个页面。需要跳转的应用内页面路径 , 路径后可以带参
2021-12-10 19:33:06
1924
原创 web css设置通用的字体(font-family)
font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif !important;
2021-12-02 18:46:04
601
原创 js 模拟触发点击事件
1.vue版本<el-button size="small" type="primary" ref="import">导入</el-button>this.$refs.import.$el.click()jQuery $("#a").click(function(){ $("#b").trigger('click'); })javascriptdocument.getElementById('a').click();
2021-10-27 18:32:57
4718
原创 CSS3自定义滚动条样式
直接上demo,请在查看元素中复制源代码:https://www.xuanfengge.com/demo/201311/scroll/css3-scroll.html
2021-10-18 19:07:36
76
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人