- 博客(106)
- 收藏
- 关注
RSS订阅原创 CSS——js 动态改变原生 radio、switch 的选中样式
原生 radio：不使用 input 的 checked 属性，直接使用 class，通过 js 改变 class 达到 radio 的动态高亮效果。原生 switch：使用原生 input，css 需改 input=checkbox 的基本样式为滑动按钮，js 动态改变 class 属性做到高亮的变化效果。
2023-04-20 17:01:38
1517
1
原创 【uniapp】真机调试
android 真机调试手机型号：华为 p50ProHBuilder X 版本：3.4.7.20220422设置 - 关于手机 - 版本号（连续点击8次，直到提示打开了开发者模式）设置 - 系统和更新 - 开发人员选项（打开）、usb调试（打开）下拉页 - usb链接 - 设置为传输文件接下来就可以从 HBuilderX 运行到手机了。iPhone真机调试直接使用 Mac 开发，不需要安装其它应用使用 Windows 开发，需要先安装 iTunes连接手机后，手机上会弹出询
2022-05-02 20:13:43
2563
原创 windows 安装 git
下载[官方地址](https://git-scm.com/downloads)安装第一步第五步：选择默认编辑器第六步：选择默认分支名的类型第七步：选择 git 命令所支持的来源第八步：选择 OpenSSH第十步第十一步第十二步第十三步第十四步第十五步...
2022-02-16 23:55:56
110
原创 angular 的 ng-template 模板传参复用
public tabStatus: any = { editUserPick: false, editDiscountCn: false,};// 执行结果，点击不同tab中的按钮，type值不一样cancelTab = (type: string) => { console.log(type);}saveTab = (type: string) => { console.log(type);}<div class="user-pick"> .
2021-11-25 14:22:58
1978
原创 react 的 onClick 事件调用的各种写法与触发情况
一、handleClick 是普通函数： onClick={this.handleClick} // 正确，但是无法传值 onClick={this.handleClick()} // 在handleClick(): any，即声明返回值any 时，不需要 this.handleClick = this.handleClick.bind(this)，似乎能正确使用，能获取到 this； // 在handleClick() 不设置 : any 时，不管是否增加 this.han
2021-08-02 14:24:11
3785
原创 今六一赋
“本文写于六月一日，在群聊中嬉闹时被问“六一是追悼世界死难儿童你居然这么开心”时引发的思考。”今正当六一，儿童嘉庆，众民皆喜，全网共嗨。见五花八门之搞怪，活跃于网络之上；奇言妙语之调侃，传递于朋友圈之间。有日常以老娘自居者，忽变宝宝；善神思怪想者，以身高、体重、智商揭短笑闹；常喜怒不显于色之严肃者，忽送六一问候；繁此累累，使人不自见喜，不禁笑哉。吾今感此喜善，心生愉悦，故于圈内群聊，活跃各处，传送喜感节庆小图，散播美好心情能量。然于吾言：“今日乐善美”之时，忽得回应，见一小...
2021-06-08 22:28:38
148
原创 数据库——MongoDB
一、各类数据库及其类型关系DBMS：数据库管理系统(Database Management System)是一种操纵和管理数据库的大型软件，用于建立、使用和维护数据库，简称DBMS。RDBMS：关系数据库管理系统(Relational Database Management System)。所谓的关系型数据库，是建立在关系模型基础上的数据库。关系型数据库遵循ACID规则NoSQL：泛指非关系型的数据库，是对不同于传统的关系型数据库的数据库管理系统的统称。是对关系型数据库的一种补充。NoS
2021-05-11 23:39:19
324
3
原创 avue 使用 elemeui 的 el-upload
一、使用默认的action上传<el-upload action="/api/blade-dpms/doc/upload" list-type="picture-card" :headers="headerData" :limit="9" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :on-success="success" :file-list="filelist">
2021-01-19 10:25:31
1421
原创 avue 使用 avue-plugin-ueditor 编辑器的排坑记录
一、与 avue-crud 结合使用注意：此处引入 AvueUeditor 即可，无需注册等使用：params 中的值作为图片上传的参数等注意：插件版本为 ^ 0.0.10，^ 的意思为取 0.0.x 的最新版另：main.js 中如下，但是经测试，注释掉这2行也可以使用。二、直接使用 插件以上方法可以。<avue-ueditor v-model="text" :options="options"></avue-ueditor> data() {
2020-12-17 17:44:21
6421
3
原创 uniapp——uniPush的文档整理及推送的使用
文档链接整理成图表请先阅读图中底部说明，以免导致误解简化图上图虽然是根据文档做出来的，但我感觉上依然有某种不和谐，却并未检查出错误之处，如果不同意见，望留言讨论
2020-06-29 16:01:36
1021
原创 uniapp——多头部tab的列表页
一、使用 vue 页面实现点此查看录屏效果缺点一：见视频第18秒，先将列表向上滚动一部分内容，再一口气滑到顶部（即用力一滑，让页面自动滚动到顶部），会直接出发下拉刷新，一般是到顶部后就停了，再下拉才会触发下拉刷新，不过很多人滑到顶部本身就习惯再多下拉一下，刷新页面，保证到了顶部以及获取最新的数据，这有可能刚好符合某些人的需要。缺点二：见视频第20秒，下拉刷新与滑动切换可能会同时触发，导致感觉上不完美，但是不影响功能，不会导致bug，出现这个效果是因为列表在顶部了，此时手指斜向下拉，同时触发了滑动和下
2020-06-22 00:06:00
2816
原创 uniapp——框架整理及分析总结
一、生命周期汇总/** * 页面生命周期 - 监听页面加载 * @param {Object} options 传递过来的参数对象 */ async onLoad(options) {}, /** * 页面生命周期 - 监听页面显示（每次显示时都会触发） */ async onShow() {}, /** * 页面生命周期 - 监听页面初次渲染完成 */ async onReady() { // 加载数据 this.loadData(); },
2020-06-16 23:41:52
1959
原创 Git——基础知识及部分原理
网易云视频讲解Git下载 - 安装一、.git是什么；与svn的区别；在windows上如何安装二、操作2.1、基本操作git initgit addgit commit -m ‘’git diff [] 工作区与某次提交的差异git diff -cached [] 暂存区与某次提交的差异，默认为HEADrm filename 删除文件（只是从目录中删除、如果要从版本库中删除，需要再 git commit）查看：git log 查看所有版本日志，被回收的信息不会在
2020-05-25 23:35:47
276
原创 Git 提交代码时丢失的找回方法
1.看看别人是怎么找到见如何查看Git对象2.我的代码找回过程git fsck --lost-found 查看悬挂的代码，结果如下图：使用 git cat-file -p [id]，[id] 为上图中的 SHA 值如上图，层层查找，最后一层 blob 打开后是查看代码。...
2020-05-20 23:16:25
1500
原创 util.js工具函数的收集封装
function friendlyDate(timestamp) { var formats = { 'year': '%n% 年前', 'month': '%n% 月前', 'day': '%n% 天前', 'hour': '%n% 小时前', 'minute': '%n% 分钟前', 'second': '%n% 秒前', }; var now = Date....
2020-05-06 18:55:56
277
原创 架构之——umi框架与dva的使用
首先申明：这是一个由 umi + antdesign + dva 构成的项目，本节内容主要讲述的是，搭建一个做到 组件 + 请求接口数据 + 数据管理模型 + mock 数据 的简洁、科学、有效的逻辑结构，以及怎么实现它，它有什么优点。目录结构如下：customer/list/index.jsx：action/customer.js 文件：models/custome...
2020-04-18 17:33:07
1481
原创 uniApp——上架IOS包时的被拒情况及原因和修改
1、因为有采集用户数据的功能，如：获取地理位置，访问相册，打开相机、通讯录、麦克风等。需要配置相关信息，否则会被拒绝上架，如下图。分析原因：没有说明调用以上功能用来干吗。解决方法：需要在 manifest.json 中配置，见官方文档，但目前的官方文档并没有列举出 plistcmds 中的各个属性及含义，下问列出了一部分，但不全面。"plistcmds": [ "Set :...
2020-04-17 10:54:02
5915
原创 uniApp——调用支付功能：支付宝
本篇博客主要记录一些返回值，因为uniapp文档目前并没有提供这些返回值的数据// 1、点击支付，先获取手机上是否已安装支付宝或微信toPay() { // #ifdef APP-PLUS uni.getProvider({ service: "payment", success: (e) => { // e: {"errMsg":"getProvider:ok","serv...
2020-04-07 14:21:46
5466
原创 HBuilderX使用高德地图，获取当前定位
1、配置高德地图key2、地图插件配置，该链接有高德地图和百度地图的配置方法 上链接中的知识，不在复述，补充一点关键资料 2-1、获取安卓key 结果如下： 2-2、生成IOS的key...
2020-03-23 10:56:27
4742
1
原创 在线客服——各第三方的收费标准及服务提供
腾讯企点——云客服：https://qidian.qq.com/module/service.html1、2000元一个坐席，3个起购2、智能机器人另买，3800元/年，5万条回复3、全渠道接入：QQ，公众号/小程序，网页会话，h5，电话。4、包括：图片、音视频、文件传输、屏幕共享、电话等丰富的形式与客户互动5、客服可以通过统一工作台的界面接待来自各渠道的客户，利用快捷回复响应客户，可对...
2020-03-16 17:54:31
5032
原创 uni-app——监听返回键的退出
如图所示，要求点击左上角返回键，先显示弹框，操作后才有退出效果。注：此时的返回键，不是我写的元素，而是 uniapp 的默认返回键。方法一：（亲自用安卓手机 OPPO Find X测试，可用）onBackPress(e) { console.log(e); if (e.from == 'backbutton') { uni.showModal({ title: '...
2020-03-16 10:38:07
11964
2
转载 CSS——实现水面波纹无限散开的动画
此方法来自转载：无限波纹上文中的补充部分可以实现该无限轮播并实现自然衔接，没有突然跳动的效果。下面附上我的一些代码1、自然轮播，没有速度变化@keyframes ripple2 { 0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6), 0 0 0 20px rgba(255, 0, 0, 0.4), 0 0 0 40p...
2019-11-12 15:30:27
1186
原创 RN学习笔记
一、安装依赖 1、需要安装 node，Python，JDK 直接下载 .msi 文件（安装包）自动开始安装，我是把后 2 个直接装到 C 盘，后面发现并没有关于这 2 个的环境变量的路径配置，node安装好后直接按照 RN官网 流程配置命令行工具。 2、配置命令行工具： npm i -g react-native-cli 安...
2019-10-10 00:57:18
546
原创 使用了 ESlint 后的踩坑和发现
1、中文官网：ESlint 网友博客：ESLint常见命令（规则表）2、使下一行代码忽略 eslint 规则： /* eslint-disable-next-line jsx-a11y/media-has-caption */ 在 jsx 文件中，要再加 {}，如：{/* eslint-disable-next-line jsx-a11y/media-has...
2019-09-15 15:16:22
1642
原创 前端面试
一、HTML 1、H5 新特性有哪些 十大新特性。 部分新特性详解。二、CSS 1、实现左侧 div 固定宽度，右侧 div 自适应宽度的方法有哪些 a、flex 弹性盒模型 b、float 浮动其中一个配合margin；2个都浮动且配合margin c、百分比流式布局 d、...
2019-08-27 01:53:20
263
原创 获取 Layui 表单 select 中的 option 的自定义属性
<div class="layui-form-item"> <label class="layui-form-label" data-form="form-label">指标类型</label> <div class="layui-input-block must" data-form="input-block"> <select i...
2019-06-20 17:39:08
7811
2
原创 layui 的 select 下拉选择框实现默认选中某一项
1、使用 select 下拉选择框后在浏览器的选择效果2、如何实现自动选择 通过默认执行一次 click 事件触发//状态选中项 var opts = $('.layer_update .layui-input-block dl.layui-anim dd') for (var i = 0; i < opts.length; i ++) { ...
2019-06-15 17:29:07
17758
转载 JS——通过元素名删除数组中该元素
Array.prototype.remove = function (val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); }}var arr = ['apple', 'banana', 'orange', 'pear']arr.remo...
2019-06-13 19:35:39
1000
原创 CSS——content换行符与打点loading效果
效果：省略号从一个点到三个点不停变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2019-05-16 15:49:18
755
原创 小程序——调用手机地图app
流程：点击某页面的地址，出现下图，点击右下角导航可选择打开app。 实现步骤：1、高德开放平台入门指南2、在你小程序中调用 sdk 接口let amapFile = require("./amap-wx");// 高德开发者keylet key = 'f57c01206fa7xxxxxxxxxxxxxxxxxxxxxxx';let myAmapFun = ...
2019-05-14 18:18:34
7837
转载 小程序——公众号、支付、扫码、代扣、解密用户数据文档
微信公众号开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432微信小程序API开发文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html微信小程序支付接口文档:ht...
2019-05-08 14:11:40
572
原创 不同页面使用共同的 header 时，点击导航栏的高亮效果
思路：通过获取当前页面的 URL 与导航栏中所有 a 标签中的 href 比较，如果包含则高亮//获取div下面所有的a标签（返回节点对象）var myNav = document.querySelectorAll("#navItems a");//获取当前窗口的urlvar myURL = document.location.href;//循环div下面所有的链接，for (...
2019-05-07 16:21:33
1039
1
原创 HTML页面实现打印时有水印功能
本文档包含 水印背景图片、水印背景文字 2 种功能实现。以下 2 种方法实现了打印附带水印，浏览页面是不显示水印功能。并可很简单就改成在以上 2 种状态时都显示水印的状态。1、水印图片 实现思路：使用 img 标签引入图片作为水印图<!DOCTYPE html><html lang="en"><head> <meta cha...
2019-04-24 18:13:04
8277
2
转载 JS——实现左右可拖动改变宽度的div内容显示区，并且控制拖动范围
转自：https://www.jianshu.com/p/014380e6ae50<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2019-04-11 11:37:06
6380
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人