- 博客(15)
- 收藏
- 关注
RSS订阅原创 JS 中把对象按属性名字母顺序进行排序和倒序
我们在进行前端开发的时候，有时需要对参数进行签名，签名很多第一步是把对象按属性名字母顺序进行排序，那么在 JS 中如何实现呢？实现方式很多，这边介绍一种通过 ES6 的方式来实现。
2022-07-08 13:15:00
2172
原创 vue 中 mixins 的使用
mixins（混入）就是定义了一部分公共的方法、计算属性或者钩子函数等 vue 组件中的可复用功能，然后混合进各个组件中使用。
2022-07-07 13:00:00
670
原创 uni-app 页面应用内跳转与应用外跳转的实现方式
我们在用 uni-app 开发前端应用时，页面跳转是必不可少的。页面跳转主要包含应用内跳转（站内跳转）和应用外跳转（外部跳转）。
2022-07-06 16:34:12
1114
原创 JS 中 Promise 三剑客 Promise.all、Promise.race 和 Promise.allSettled
从 ES6 开始，`Promise` 已经写进了 JS 语言标准，统一了用法，并原生提供了 Promise 对象。其3个扩展方法 `Promise.all`、`Promise.race` 和 `Promise.allSettled` 非常好用，这里简单介绍下。
2022-06-15 08:43:38
1320
原创 uni-app 中 tabBar 点击或单击事件说明以及双击事件模拟
我们在使用 uni-app 开发前端时，如果应用是一个多 tab 应用，可以通过使用官方提供的原生 tabBar 来实现页面导航。本文介绍如何实现 tabBar 单击切换初始化，双击进行页面数据刷新。
2022-06-08 09:42:45
5941
1
原创 uni-app 中通过 async + await + Promise 实现 request 请求同步化
在 uni-app 中 uni.request 默认是异步请求，我们可以借助 Promise 结合 async + await 使请求同步化。
2022-06-06 13:30:00
625
原创 uni-app 中利用 Promise 实现 onLaunch 异步回调后执行 onLoad
uni-app 中利用 Promise 实现 onLaunch 异步回调后执行 onLoad
2022-06-05 09:15:00
495
1
原创 uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
2022-06-03 12:15:00
2318
原创 uni-app 中使用外部第三方字体（非字体图标）
在用 uni-app 进行前端开发的过程中，客户可能会要求某些文字采用特殊的字体（如：微软雅黑、草书等）。如果字体文件太大，可以将需要的字单独提取出来使用
2022-06-02 09:15:44
2183
原创 vue 中 style 的私有作用域 scoped 和深度作用选择器 ＞＞＞ 及 /deep/ 用法
我们在用 vue 开发项目时，在给当前组件中的元素设置样式，为了不污染全局样式，一般会在当前组件的 <style> 标签中增加 scoped 属性，表明 CSS 只作用于当前组件中的元素。
2022-05-31 12:30:00
345
原创 uni-app 基于 Promise 的 request 请求封装
在使用 uni-app 开发前端的过程中，uni-app 官方已为我们提供了非常丰富的组件和 API，比如 uni.request 网络请求，如果我们直接在代码中使用会造成较多的冗余，因此一般都会进行封装。之前有介绍过 uni.request 的基础封装，今天介绍另一种封装方式：基于 promise 的封装方式。
2022-05-29 11:43:17
313
原创 纯 CSS 实现优惠券透明圆形镂空打孔效果
我们在做商城类项目时，时常会有开发优惠券的需求，那么我们如何通过纯 CSS 来实现类似京东、淘宝的优惠券样式。下面给大家分享一个纯 CSS 写的优惠券边沿透明圆形镂空打孔效果。
2022-05-28 11:02:10
1776
原创 uni-app request 请求原生方式封装
uni-app 的 request 请求封装方式有很多种，这里介绍一种原生的封装方式。创建 http.js在项目根路径下新建 commons 文件夹，并创建一个 http.js，内容如下：const baseUrl = 'http://127.0.0.1:8080/api/'const showToast = (title) => { uni.showToast({ title: title, icon: 'none' })}/**请求接
2022-05-28 10:40:13
571
原创 uni-app 复制到剪贴板全端实现方式
本文同步发布在：https://www.lervor.com/archives/75/uni-app 官网已提供了复制到剪切板的 API，不过很遗憾，它对 H5 不兼容。 没关系，我们可以对 H5 进行特殊处理已达到全端兼容，具体操作如下：安装 vue-clipboard2 插件npm install --save vue-clipboard2安装完成后在 main.js 中引入并挂载import VueClipboard from 'vue-clipboard2'Vue.us.
2020-11-18 10:19:56
583
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人