- 博客(79)
- 收藏
- 关注
RSS订阅原创 教你如何快速启动运行环境
环境启动器 (Env Runner) 是一个 VS Code 插件，允许你 快速启动前端不同环境，如 开发环境、测试环境、生产环境。只需 点击侧边栏 选择环境，即可在终端执行相应的 npm 命令。
2025-03-18 11:37:17
167
原创 Android制作.9图
使用android studio，因为android studio已经集成.9.png制作工具，只需选中需要生成的png文件，然后右键，点击create 9-patch file 选项。错误提示drawable-hdpi 这个分辨率图片报错了，这样可以轻松找到相应分辨率，检查错误，解决错误。以中间部分不变为例，可以这样绘制 【注意】这样底部会有一小块黑色半透明方块。3.导入要制作的.9 的 png 图片。5.绘制延伸线与内容线（自我理解）上边&左边：要无限延伸的部分。下边&右边：内容区不变的部分。
2024-05-21 12:38:24
2009
原创 矢量图修改颜色为啥不生效？
在https://www.iconfont.cn/ 随便找一个下载的图片，直接在项目中引入。成功解决，踩了一个小小坑。
2024-04-28 15:09:37
376
原创 滚动踩坑--UNI_APP（八）
需求场景：很普通的一个区域滚动语法：<style>.card{ overflow: auto;}</style>H5是没有问题的，但是App 却不生效查阅官方文档：scroll-view | uni-app官网得知得使用相应的滚动组件，为了更好兼容各个端，那就直接使用官方的区域滚动组件，因此，只需要在滚动的DOM结构外，使用scroll-view组件即可；<scroll-view :scroll-top="0" scroll-y="tru..
2022-05-28 20:45:08
130
原创 前端正则汇总
前言： 积累在实际开发中遇到的各种正则校验1.0开头的10位，1开头的8位或9位，其他数字开头的8位const reg = /^(0\d{9}|1\w{8}|1\w{10}|[23456789]\d{8})$/;
2022-05-25 08:55:26
173
原创 uni-app使用HTML5+ VideoPlayer API -- UNI_APP（七）
前言：本文所有demo，均是uni-app 真机联调 的 功能截图一.打开关闭蓝牙1.打开openBluetoothAdapterplus.bluetooth.openBluetoothAdapter({ success(e) { Object.keys(e).forEach(key => { console.log("success=>", key, e[key]); }) }, fail(e) { Object.keys(e).forEach(key =&
2022-05-09 21:57:30
2625
原创 html5plus 学习摘要
一.学习背景 主要在uni-app业务开发中，需要调用原生API，正好uni-app App 端内置HTML5+(opens new window)引擎，所以就系统的学习了一下API二.实际操作HTML5+UNI_APP: 熟悉了解HTML5 + 各个API 的使用，特别是在UNi-APP中。所有学习笔记将一一记入这个项目，大家有需要可以clone 下来，实际运行一下，每个页面都有相应的注释...
2022-05-05 18:39:08
583
原创 uni-app打包的app，分享到line聊天界面 -- UNI_APP（六）
需求场景：在自己的app内，点击商品分享，唤起line，跳转到line聊天界面思考：uni-app官方有uni.share api 但是不支持line，然后去插件市场搜索一番，有封装的原生插件，但是好贵呀。于是，又去问度娘，还是没有很好的答案，好吧，那就只能去看line 开发文档了。行动： 翻墙，打开line 开发文档https://line.me/zh-hant/全是英文，最好经过一番摸索，终于找到了：Using LINE features with the LINE URL scheme | .
2022-03-17 16:22:43
2319
2
原创 ios 禁用左滑返回功能 -- UNI_APP（五）
一.单页左滑禁用(vue)// 单页禁止测滑返回// #ifdef APP-PLUS let currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象 currentWebview.setStyle({ popGesture: 'none' })// #endif 注意事项：直接在pages.json，配置 按照文档uni-app官网并没有生效{ "path": "pages/event/ev..
2022-03-17 10:22:13
4394
原创 Element form 表单部分字段校验
一.普通数据格式的校验let ruleForem = { name:''}this.$refs[Form].validateField('name');二.带有表格嵌套数据的校验 <el-table-column label="性别" align="center"> <template slot-scope="scope"> <el-form-item prop="`tableData.${scope.$index}.sex`" :ru.
2022-03-11 17:46:01
1416
原创 js排序-插入排序(三）
插入排序原理： 1.第一轮：从第二项开始进行与前一项比较；比较1次，至多交换1次； 2.第二轮：从第三项开始进行与前一项比较，比较2次，至多交换2次； 3.第三轮；从第四项开始进行与前一项比较，比较3次，至多交换3次； ....就这样依次比较到最后一个元素； 规律：从第二项开始进行比较，一轮至多交换一次，二轮至多交换2次，三轮至多交换3次 n 轮 次let arrData = [7,6,9,3,1,5,2,4];for(let i = 1; i &l...
2021-08-28 15:00:40
164
原创 js排序-快速排序(二)
快速排序原理：1.找一个基准数；2.如果比基准数大的放到右边，小的放到左边；3.利用递归let arrParam = [4,1,3,10,8,7,5];function quicklySort(arr) { //只有一个数字 则直接返回 if(arr.length <= 1) { return arr; } //参数里有多个值 let compareValue = arr[0]; //删除比较的值--防止死循环 arr.splice(0,1); let lef...
2021-08-28 14:31:29
116
原创 js排序-冒泡排序(一)
冒泡排序原理：1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。2.第一轮的时候最后一个元素应该是最大的一个。3.按照步骤1的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。// 先随便定义一个数组let bubbleSortArr = [8,3,4,9,3,5];//双层for循环for(let j =1;j<bubbleSortArr.length;j++){ for(let i=j ; i>0;i--){
2021-08-28 14:04:22
141
原创 浅析HTTP运行原理
主要目的：梳理一下http的运行原理梳理动机：面试的时候总会被问到-从输入url到页面加载完成发生了什么？透过现场看本质都是在考察http的运行原理。梳理过程：一、页面内容来源与哪里？（浏览器页面里的内容是怎么来的）答案：服务器（web服务器）那web内容有哪些？很简单：比如：文本文件、html文件、各种图片、各种音视频文件、各种网关等二、怎么获取各种各样的内容的？（web浏览器以怎么的方式获取web资源）答案：http三、http 又是怎样获取服务器资源的呢？答案：
2021-07-16 16:36:58
228
1
翻译 git常用命令
版本回退： 查看历史：git log or git log --pretty-online 回退历史：git reset --hard HEAD^ orgit reset --hard commit_id 重返未来查看历史：git reflog撤销修改： 场景一：改乱了工作区内容，直接丢弃工作区内容。 git checkout -- file 场景二：不但该乱了工作区内容，还添加到暂存区，想丢弃修改。...
2021-07-13 13:42:02
77
原创 条形码与二维码插件在vue中的使用
最近，公司项目中使用的条形码与二维码，经过百度网上基本给的都是单个条形码与二维码的使用，没有找到如何渲染一个列表的demo,那么下面将讲解如何在vue中渲染一个条形码列表：第一步： npm intalljsbarcode --save第二步：在需要使用的页面引入：import JsBarcode from 'jsbarcode'第三步：在循环一个列表中使用： ...
2019-08-04 11:28:24
760
原创 Win7配置hosts
Hosts就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”。配置方法： 1.先找到文件 C:\Windows\System32\drivers\etc 2.如果没有hosts文件就新建一个， 内容： 127.0.0.1 http://*****.cn 保存即可 3.如果有hosts文件，则直接修改保存就...
2019-07-02 21:21:53
2349
原创 Linux部署Nginx web服务器
一、查看Linux系统的系统平台：cat /etc/issue，以Ubuntu系统为例二、安装Nginxsudo apt-get install nginx三、查看信息 /usr/sbin/nginx：主程序 /etc/nginx：存放配置文件 /usr/share/nginx：存放静态文件 /var/log/nginx：存放日志四...
2019-03-19 09:41:59
846
原创 阿里云云效egg自动部署
一.登入阿里云二.进入研发 >应用https://rdc.aliyun.com/appcenter/overview#三.创建新应用根据提示一步一步填写相关信息四.部署配置（重点）改写启动停止配置保存即可。编写.sh文件if [ "$1"x = "stop"x ]; then echo "stop" pids=$(netstat -n...
2019-03-13 12:40:23
1626
原创 数组去重
1. ES6 的 Set函数 let arr = [1,2,3,4,1,2,3];let arr2 = [...new Set(arr)];console.log(arr2 ) //1,2,3,42.filter过滤 let arr = [0,2,3,4,4,0,2];let arr2 = arr.filter((item,index,self)=>{...
2019-03-05 17:37:53
295
原创 vue 支付宝返回url 新窗口打开
场景：点击充值，返回支付url ，内容是form格式的。直接使用window.open(),会被浏览器拦截。主要针对vue，其他框架思路应该一样。方法一：用 路由resolve,v-html方法recharge(this.ruleForm).then(response => { if(response.data.status != 200){ return this.tipW...
2019-01-24 18:17:15
6685
2
原创 另辟途径去除inline-block元素间间距
1.实现效果 2.刚开始布局 <ul> <li></li></ul>css 只写关键样式ul{font-size:0}li{display:inline-block;line-height:50px} 纯文字是可以自己实现垂直居中3.间隙产生 当我加入图片，这个li上边有间隙，而且...
2018-11-16 09:40:14
147
原创 React-moment常用时间总结
// 今天[moment(), moment()]// 昨天[moment().subtract(1, 'days'),moment().subtract(1, 'days')]// 本周[moment().startOf('week'),moment().endOf('week')]// 本月[moment().startOf('month'),moment().endOf('m...
2018-10-22 17:09:54
8707
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人