- 博客(101)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 用 Promise 把接口成功的参数 return 出去
把接口调用成功的回调函数返回的参数 return 出去 用 Promise 来实现public.js// 引入接口let request = require('@/common/request.js')module.exports = { // 获取位置 getLocation() { return new Promise((resolve, reject) => { uni.getLocation({ type: 'wgs84', .
2022-03-29 10:26:04
2396
1
原创 JavaScript判断对象是否相等
方法一var obj = {a:'a'}, obj1 = {b:'b'}, obj2 = {a:'a'};// 就是使用JSON.stringify()// 先把对象转化成字符串，// 这样就可以啦console.log(JSON.stringify(obj) == JSON.stringify(obj1)); // falseconsole.log(JSON.stringify(obj) == JSON.stringify(obj2)); // true弊端：这样不是很严..
2022-03-14 14:22:17
1431
原创 ES6 可选链操作符
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。es6可选链?.语法.
2021-12-08 19:19:19
1093
原创 uni-app 手势事件解析，uni点击方法
@click 组件被点击@longpress 长按（手指触摸超过350ms）@longtap 长按@tap 点击@touchstart 手指触摸动作开始@touchmove 手指触摸后移动@touchcancel 手指触摸被打断，如来电提醒，弹窗@touchend 手指触摸动作结束，如松开按钮...
2021-11-24 18:58:27
5754
原创 Vue 用 Canvas 生成随机大小 不重叠圆
canvas 相关文档Canvas ApiCANVAS速查简表效果图展示第一张是 随机颜色随机大小聚合 在一起效果第二张是 随机背景图片随机大小分散 效果（这里我使用的图片都一样所以没展现出不同图片）案例完整代码本实例是用 vue 来实现的，其他方法和 vue 类似，改为对应的语法即可实现效果。案例用到了 vue 父子组件传值父组件代码<template> <div id="home"> <div class="tag
2021-11-02 19:00:51
836
2
原创 CSS实现底部弧度效果--卡片样式
效果图展示代码部分代码说明、注解使用了 CSS 的一些属性：:after 伪类position 定位border-radius 圆角边框linear-gradient 背景颜色渐变display: flex; flex 布局box-shadow 盒子阴影html 代码<div class="card-wrap"> <div class="card-box"> <div class="card-info">content<
2021-10-25 11:40:06
739
原创 JS 判断数组（数组对象）中是否存在指定的值，如果存在就删除
用到了map、filter、includes、或者另一种思路 for、indexOf
2021-10-15 14:32:43
1925
原创 GIT 相关知识点
Git 内容Git 是常用的版本管理工具一、初始化git第一次使用git的时候我们需要给git配置用户名和邮箱，用户和邮箱可以使用github的，也可以使用自己公司的git lab仓库的账号# 配置用户名git config --global user.name "用户名"# 配置邮箱git config --global user.email "邮箱地址"查看所有的配置信息了，然后可以看到user.name和user.email配置git config -l二、使用1、拉取项
2021-09-18 09:32:53
99
原创 UNI-APP 生命周期执行顺序
生命周期生命周期文档应用生命周期App 在App.vue中定义// 应用初始化完成触发，全局只触发一次，可做登录判断...onLaunch// 应用启动的时候，或者从后台进入前台就会触发onShow// 应用从前台进入后台就会触发onHide页面生命周期page 在页面中都可以定义// 监听页面加载，在开始加载的时候触发，元素还未开始渲染 -- 页面只执行一次 tab页面不加载onLoad// 监听页面显示，每次页面出现的时候，就会触发这个钩子。onShow// 监听
2021-09-07 17:33:41
585
原创 javascript 元素插入数组的指定位置
// 需求：// 字符串 abc 插入数组 arr = [1, 2, 3, 4, 5] 第三位// 实现// arr.splice(index, 0, newValue)// index 下标 newValue 要插入的字符arr.splice(2, 0 ,'abc')// [1, 2, "abc", 3, 4, 5]
2021-08-26 18:23:49
592
转载 uni-app公用方法
basic.jsimport Vue from 'vue'import store from '@/store'1、运行环境判断if(process.env.NODE_ENV == 'development'){ //本地环境 development}else{ //线上环境 production}2、请求方法（异步/同步）/** 删除对象空属性 * @method deleteObjNull * @param {Object} obj 要处理的对象 */const d
2021-08-16 17:56:51
1154
原创 CSS 实现 Switch 开关
效果图根据需求可知，Switch开关只有两种选择，true或false。所以我们想到HTML的checkbox控件来实现。源码HTML <input id="switch" type="checkbox" class="switch">CSS /* Switch开关样式 */ /* 必须是input为 checkbox class 添加 switch 才能实现以下效果 */ input[type='checkbox'].switch{ outline: none
2021-06-30 19:27:00
266
转载 SQLite 之 INSERT OR REPLACE使用
SQLite是一个C语言库，它实现了一个 小型， 快速， 自包含， 高可靠性， 功能齐全的 SQL 数据库引擎。SQLite是世界上使用最多的数据库引擎。它内置于所有移动电话和大多数计算机中，并且捆绑在人们每天使用的无数其他应用程序中。下面是介绍如何使用INSERT OR REPLACE命令。业务需求具体业务中,遇到需要批量插入和修改数据库的情况。当前数据不存在，进行数据插入操作当前数据存在，进行数据更新操作以上的业务情况，可以使用SQlite的 INSERT OR REPLACE命令进.
2021-06-25 20:06:41
1312
1
原创 引入字体图标
字体图标优势字体图标最大的好处，在于它不会变形和加载速度快。字体图标可以像文字一样，随意通过CSS来控制它的大小和颜色，对于建网站来说，非常方便。方式一阿里巴巴矢量库网站 https://www.iconfont.cn/搜索需要的字体图标，加入购物车购物车中下载代码将下载的压缩包解压到项目文件夹的font文件中打开里面的网页链接，按照网页中的提示将@font-face及定义的字体样式复制到自己的css文件中，修改url中对应的地址，（只需添加相应的文件前缀）给需要添加自己样式的元
2021-06-25 19:53:23
238
原创 UNI-APP 使用sqlite本地缓存数据处理 demo 增删查改
这篇文章是对上一篇的补充 demoUNI-APP 使用sqlite数据库本地缓存首要工作引入 封装的 sqlite.js 地址传送门源码HTML<template> <view> <view class="uni-divider uni-divider__content">Demo</view> <button @click="openSQL">打开数据库</button> <button @cli.
2021-06-23 19:35:41
2455
1
原创 小程序、uni-app 搜索内容高亮
搜索结果展示高亮效果效果图展示未高亮效果高亮效果主要源码html<template> <view> <!-- 展示搜索结果 --> <view class="contacts-box uni-flex-center" v-for="(item,index) in contactsList" :key="index" @click="contactsClick(item)"> <view class="name">.
2021-06-23 17:23:41
238
原创 小程序个人中心水波纹效果
实现的基本原理：用一张水波纹的gif图片，设置为和背景图同样的色调，将水波纹设置为绝对定位，固定在下方，并且显示的优先级设置为最高，即会覆盖原来的背景图，无需用js，纯css实现。本文使用 uni-app 来实现，用原生的小伙伴可以自己改一下语法效果图HTML代码<template> <view> <view class="top"> <view class="center"> <view class="center_.
2021-06-21 17:58:48
1146
1
原创 CSS3 实现动画闪烁效果 animation
animation 属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g
2021-06-18 11:12:56
479
原创 JS对象数组中根据某个属性进行排序（这里按时间排序）
运用了数组的 sort() 方法进行排序// 原数组let data = [ { name:'1', time:'2021-05-22 11:05:32' }, { name:'2', time:'2021-05-26 16:51:19' },{ name:'3', time:'2021-05-25 10:04:32' },{ name:'4', time:'2021-05-28 12.
2021-05-28 14:50:35
745
1
原创 CSS 向右的箭头
例子如下图所示具体代码如下 width: 24px; height: 24px; border-top: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF; transform: rotate(45deg);
2021-04-25 15:38:24
372
原创 CSS聊天对话气泡伪类
CSS聊天对话气泡伪类效果图例子<template> <view class='msg-box'><text>您好，我是智慧无人商店，点击选择您想要了解的信息吧～</text></view></template><style lang="scss" scoped> .msg-box { position: relative; max-width: 496upx; font-size: 32upx;
2021-03-25 15:19:31
259
原创 CSS代码书写规范
属性在书写时，应按功能进行分组，以Formatting Model（布局方式、位置）Box Model（自身、尺寸）Typographic（文本）Visual（视觉效果、其他属性）顺序书写，以提高代码的可读性。Formatting Model 属性包括：position / top / right / bottom / left / float / display / overflowBox Model 属性包括：border / margin / padding / width / h.
2021-03-11 09:43:19
117
原创 前端刷题k
leetcode（力扣） 算法刷题英文网址 https://leetcode.com/中文网址 https://leetcode-cn.com/freecodecamphttps://www.freecodecamp.org/牛客网https://www.nowcoder.com/赛码网大企校招面试题51CTO题库https://edu.51cto.com/t/exam/list/id-103.htmlw3cschoolhttps://www.w3cschool.cn/exam
2021-03-09 10:34:49
381
原创 网页动态背景—随鼠标变换的动态线条
直接引入 script 就可以实现效果图如下代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>网页动态背景</title></head><body> <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/.
2020-12-29 17:45:15
351
2
原创 UNI-APP 实现跳转其他APP
参考 文档https://ask.dcloud.net.cn/article/35621https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.launchApplicationUNIAPP实现跳转其他的APP在安卓中，在开发的过程，需要先获取外部APP的包名才能实现跳转外部APP而IOS需要获取对应的“URLscheme”才能跳转外部APP，所谓的URLscheme就是指下面代码中的“taobao://”if (plus.
2020-11-22 22:27:28
2273
原创 JS 判断变量类型是数组还是对象
通常情况下判断变量的类型用typeof 就可判断typeof 可判断常用类型，例如Function、String、Number、Undefined等，但是遇到数组【】和对象{ }，都会判断为object判断是数组还是对象 用 Object.prototype.toString.call()function isObjArr(value) { if (Object.prototype.toString.call(value) === "[object Array]") { console.log(
2020-10-28 11:46:06
561
原创 UNI-APP 解决 点击input框外发送按钮，键盘不收回
场景：在聊天页面中，发送消息input输入框后一个发送按钮，点击发送按钮默认收回键盘input失焦导致键盘收回一、点击发送时让input重新聚焦:focus="true"但会先将键盘收起再马上弹出，体验不是很友好二、将click点击事件 @click="" 换成 @touchend.prevent=""<view class="send-btn" @touchend.prevent="sendClick">发送</view>...
2020-10-26 17:37:44
2853
5
原创 UNI-APP 添加顶部导航栏并且更换图标
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。要实现的最终效果图：uni-app 在page.json里的配置项{ "path": "pages/chat/list", "style": { "navigationBarTitleText": "45things", "app-plus": { "titleNView.
2020-10-21 14:45:49
4435
原创 百度地图 --- 自定义标注点
百度地图 api 示例http://lbsyun.baidu.com/jsdemo.htm#a1_2百度地图 自定义标注点引入相应的 api地图上打点 放在 `script` 里引入相应的 api<!-- 引入jQuery --><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script><!-- 引入百度地图 --><script type="tex.
2020-10-09 10:20:59
951
原创 两个静态html页面之间传值方法
A页面 传值给B页面 （个人推荐使用前两种来实现）A页面window.open(`B.html?id=${id}`);1、url携带参数 window.document.location.hrefB页面 let LocString = String(window.document.location.href); function getQueryStr(str) { let rs = new RegExp("(^|)" + str + "=([^&]*)(&.
2020-09-21 17:52:34
1430
转载 jquery.cookie.js 使用方法
Cookies定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/java.
2020-09-21 17:48:34
783
原创 vue cli3.0运行项目报错 warning Replace `xxx` with `·xxx·` prettier/prettier 解决办法
解决：执行 npm run lint --fix然后重启
2020-09-05 12:44:26
12982
1
原创 微信小程序 -对象属性赋值
常见的赋值data: { msg: '我是一条消息',}修改 msg 的值：this.setData({ msg: '修改了 msg 的值'})修改对象里属性的值data: { obj: { name: '我是旧名字' }}修改 obj[name] 的值： let value = 'obj.name'; // 注意这里哈 this.setData({ [value]: '我是新名字' })obj 新增动态属性值 let value = `
2020-08-11 17:06:20
2927
原创 浏览器及Windows常用快捷键汇总
浏览器常用快捷键： F5 刷新 Ctrl+N 打开新窗口 Ctrl+T 打开新标签 Ctrl + O 打开浏览器的时候打开文件 Ctrl+Shift+N 隐身模式打开窗口 F2 F3 切换 Ctrl+Tab 上下网页切换 Ctrl+1 到 Ctrl+8 切换到标签栏中指定位置编号所对应的标签页。 Ctrl+W 关闭当前页 Alt+F4 关闭当前应用 Alt+F 打开“工具”菜单，用该菜单可自定义和控制谷歌浏览器中的设置。 Ctrl+Shift+B 打开和关闭书签
2020-08-07 16:12:01
1547
UNI-APP 中sqlite demo 增删查改
2021-06-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人