- 博客(73)
- 收藏
- 关注
RSS订阅原创 滚动踩坑--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
79
原创 前端正则汇总
前言： 积累在实际开发中遇到的各种正则校验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
96
原创 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
2143
原创 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
548
原创 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
1726
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
3974
原创 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
1256
原创 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
139
原创 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
87
原创 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
113
原创 浅析HTTP运行原理
主要目的：梳理一下http的运行原理梳理动机：面试的时候总会被问到-从输入url到页面加载完成发生了什么？透过现场看本质都是在考察http的运行原理。梳理过程：一、页面内容来源与哪里？（浏览器页面里的内容是怎么来的）答案：服务器（web服务器）那web内容有哪些？很简单：比如：文本文件、html文件、各种图片、各种音视频文件、各种网关等二、怎么获取各种各样的内容的？（web浏览器以怎么的方式获取web资源）答案：http三、http 又是怎样获取服务器资源的呢？答案：
2021-07-16 16:36:58
182
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
52
原创 条形码与二维码插件在vue中的使用
最近，公司项目中使用的条形码与二维码，经过百度网上基本给的都是单个条形码与二维码的使用，没有找到如何渲染一个列表的demo,那么下面将讲解如何在vue中渲染一个条形码列表：第一步： npm intalljsbarcode --save第二步：在需要使用的页面引入：import JsBarcode from 'jsbarcode'第三步：在循环一个列表中使用： ...
2019-08-04 11:28:24
670
原创 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
2138
原创 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
801
原创 阿里云云效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
1570
原创 数组去重
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
255
原创 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
6358
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
115
原创 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
8591
原创 React --antDesign DatePicker属性 disabledDate 禁用日期
handleData(time){ if(!time){ return false }else{ // 大于当前日期不能选 time > moment() // 小于当前日期不能选 time < moment().subtract(1, "days") // 只能选前7后7 time < moment().subtract(7, "days") || ...
2018-10-22 17:01:00
14369
5
原创 React--样式篇
（1）.直接通过 style 编写eg:var myStyle = { fontSize: 100, color: '#FF0000'};ReactDOM.render( <h1 style = {myStyle}>菜鸟教程</h1>, document.getElementById('example'));（2）通过cl...
2018-10-22 10:40:49
515
原创 中文字符与实体字符的区别 - css细节
1.直接打中文字符比如：￥其实默认占有空格，要想实现对齐，只能用margin-。虽然效果实现了，但是布局并不是那么友好。2.使用实体字符可以完美解决。：￥ 变为&yen;这样就轻松实现了对齐。无论结构还是语义都比较完美。因此，在使用符号时，最好使用实体字符。...
2018-10-17 17:44:06
372
原创 自定义表格暂无数据提示----element(疑难杂症二)
elm 表格没有数据时显示的是‘暂无数据’四个大字，怎么实现自定义的暂无数据提示呢，其实很简单只需使用slot="empty"属性即可代码如下 <el-table :data="tableData3" height="250" border style="width: 100%"> //暂无数据提示，自己定义就OK了 <template slot="e
2018-09-30 15:54:37
13262
3
原创 自定义表格表头----element(疑难杂症一)
尽管element 表格有相关属性方法的说明，但是总有那么几个是难以理解的。这篇主要针对自定义表格表头的 render-header 方法。例子：（1）基础表格 <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="da...
2018-09-30 15:37:17
3899
3
原创 vue 插件学习篇--准备前（二）
一直有自己造轮子的梦，于是这几天写了一个超级简单的轮子----消息弹框。还没有发布，你完全可以把它看成组件，如有不足请多多指教！下次附发布过程。代码如下：<template> <transition :name="active"> <div class="snackbar"> <div class="snackba...
2018-08-24 18:33:49
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人