- 博客(60)
- 收藏
- 关注
RSS订阅
原创 WXUI 基于uni-app x开发的高性能混合UI库
uni-app x，是下一代 uni-app，是一个跨平台应用开发引擎。uni-app x 没有使用js和webview，它基于 uts 语言。在App端，uts在iOS编译为swift、在Android编译为kotlin，完全达到了原生应用的功能、性能。uni-app x在app端，不管逻辑层、渲染层，都是kotlin，没有通信问题、没有混合渲染问题。不是达到了原生的性能，而是它本身就是原生应用，它和原生应用的性能没差别。
2024-01-11 15:36:16
1141
原创 wu-ui uniapp多平台快速开发的UI框架
反馈即可，会在核实后，在官网产生bug的组件中会有专属的地方来展示您对组件的贡献(好的建议或好的组件提议(不需要您写，只需要您提出规划即可)也会享有同样的待遇)。目前仍处于开发阶段，并且由于目前仅有作者一人，开发速度有限，难免会产生bug，如果您遇见组件无法使用的情况，请您先不要生气，添加。开源协议，意味着您无需支付任何费用，也无需授权，即可将wu-ui应用到您的产品中。即可在详情页面导入组件到项目，导入后请重新运行即可直接使用，符合。后，直接在项目中使用，无需通过import引入组件。
2023-11-17 17:04:55
728
原创 Uniapp-安装HBuilder调试基座失败解决方案
有时候我们测试的时候，在手机上插上了线可能因为各种原因没有点击安装或者安装后删除就无法再次安装了，会提示`同步资源失败,未得到同步资源的授权,请停止运行后重新运行`，而且无论怎么操作都解决不聊这个问题，这是由于还有缓存，被误以为了该基座还存在，其实并不存在。
2023-11-17 17:00:30
3800
原创 Geek-SKU 多商品sku组件支持v3、带图sku
看起来是不是还不错，如果我告诉你还可以设置主题色会不会显得更加惊艳些，只需要按照数组格式将rgb的颜色传递给组件，组件便会自动生成主题色去替换这部。更多详情可点击下方链接查看组件具体内容。分内容，简直相当好用、省事。
2022-12-20 23:12:08
962
2
原创 uniapp easycom教程
easycom 是 uniapp 的一种组件自动引入的规则，使用这种规则可以使满足规则的组件无需注册直接使用。 接下来我们来看一眼效果 这里可以看到我并没有进行组件注册而是直接使用了组件，这样的效果就是 easycom 的自定义匹配规则。
2022-12-06 19:27:29
3357
原创 从0搭建前端脚手架详解（小白也可以搭建）
先来看一眼实现的效果。从图上来看这个脚手架的功能非常的简单只有一个创建的命令，其他都是帮助和显示版本号的。也就是上图这句，创建一个新项目，只需要输入create 项目名便可使用，在创建时执行了一系列的操作，这一块的思路很简单，就是将git仓库中的项目模板拷贝下来再依据使用者的不同操作对复制下来的模板的部分文件进行修改就可以了，大致思路便介绍到这里，接下来我们便来详细的讲讲如何实现，以及会用到的依赖。脚手架就是在启动的时候询问一些简单的问题，并且通过用户回答的结果去渲染对应的模板文件，我们接下来的流程亦是如此
2022-12-05 03:36:50
4666
10
原创 turn.js教程及总结
先看一眼我制作的简单demo演示图这部分主要用作演示及养眼 接下来我们来抛开演示图来讲一下如何使用turn简介一个基于jquery用来实现3d翻书效果的插件使用所需jquery.js、turn.js这里面jquery全网一查都是, turn.js官网下载太慢了，嫌慢的码友们可以私信我或留言我会发给大家基本用法 $('#book').turn({ acceleration: true, // 是否启动硬件加速 如果为触摸设备必须为true pages: 11, /
2022-04-10 11:25:30
11786
11
原创 uniapp 上传视频获取视频封面图
// 上传视频uploadVideo() { uni.chooseVideo({ count: 1, sourceType: ['album'], success: res=>{ // 视频封面图 this.videoUrl = res.thumbTempFilePath; } });},thumbTempFilePath属性可以获取封面图
2022-01-07 16:09:50
6152
5
原创 uniapp 下载视频到本地
这是一个下载视频的demo，可以直接使用使用uni.downloadFile先将文件下载到缓存中然后使用uni.saveVideoToPhotosAlbum下载到用户本地，这里有一些基本的提示，足够基本的业务需求，如果有额外需求在上面扩展即可// 下载视频uploadVideo() { // 提醒用户下载中 uni.showToast({title:"下载中",icon:"loading"}) // 1 将远程文件下载到小程序的内存中 uni.downloadFile({
2022-01-05 16:19:35
5620
6
原创 uniapp-x uts 介绍
uts，全称 uni type script，是一门跨平台的、高性能的、强类型的现代编程语言。uts 采用了与 ts 基本一致的语法规范，支持绝大部分 ES6 API。但为了跨端，uts进行了一些约束和特定平台的增补。过去在js引擎下运行支持的语法，大部分在uts的处理下也可以平滑的在kotlin和swift中使用。但有一些无法抹平，需要使用条件编译。和uni-app的条件编译类似，uts也支持条件编译。写在条件编译里的，可以调用平台特有的扩展语法。
2024-01-11 16:14:38
1578
原创 Vue 2 与 Vue 3 的全面比较
Vue 2 与 Vue 3 的全面比较 1. 性能提升 Vue 3 的性能得到了显著提升。虚拟 DOM 已经重写，使补丁过程更快。 对比： Vue 3 使用了基于 Proxy 的新观察者机制，取代了
2023-08-10 17:49:06
767
原创 uniapp插件: wu-icon图标库：为您的项目带来炫酷的图标！
大家好！今天我要向大家介绍一款基于字体的图标组件——wu-icon，它不仅包含了大多数常见场景的图标，而且支持自定义（包括nvue）文字与图片图标，真的非常实用！
2023-08-07 21:30:17
850
原创 专属uniapp的APP升级插件「geek-app-update」，打造一流的用户体验！
它是一款为uniapp量身打造的APP升级神器，提供多种升级方式、自带后台管理系统以及灵活的定制能力，让你的APP升级体验焕然一新。首先，让我们强调一下「geek-app-update」插件的独特性：它是专为uniapp开发的，所以它能够与uniapp完美契合，让你轻松为uniapp应用提供卓越的APP更新服务。现在是时候升级你的APP体验了！「geek-app-update」插件的config.js文件包含各种属性，让你可以轻松定制更新界面的样式和文字，让用户感受到你APP的独特魅力。
2023-07-22 23:43:57
297
原创 轻松实现自定义导航栏！Uniapp插件Geek-Header为你省去适配烦恼
最后，Geek Header 还提供了详细的 API 文档，包括 Props、Event 和 Slot 三个部分，让开发者可以更加灵活地使用该插件。无论是在 App 还是小程序中，Geek Header 都可以让你自定义导航栏，包括背景颜色、是否使用白色返回箭头、是否需要左侧内容、导航栏标题等。同时，插件提供了自定义插槽，让开发者可以轻松实现自己的导航栏样式。除此之外，Geek Header 还提供了一个非常实用的 placeholder 属性，可以在标题部分生成一块与导航栏同高的元素，以防止内容塌陷。
2023-04-21 02:01:28
372
1
原创 2023 该放弃vue3中令人厌烦的.value了(已废弃)
用vue3进行开发也有一段日子了，发现越用越爽，但是就是对ref、computed、shallowRef、customRef、toRef使用的时候都需要带上.value，这点就令人很不爽了，其中最烦人的就是ref因为使用率最高，经常动不动就一个文件到处都是.value，不过好在我们可以响应性语法糖解决这个令人厌烦的问题。
2023-01-03 02:11:01
4424
9
原创 uniapp 卡牌发放教程
我们将所有卡牌从页面正中心发出,通过定位控制每张卡牌的left、top的值来实现卡牌发放的效果。假设条件:由于上述假设条件第三张卡片肯定是在第二排第一张。我们都知道在浏览器中屏幕是从 0 * 0 也就是从左上角开始的，因此我们第一排的top也同样是0，每排的第一张left值也是0。当前卡牌的数量(3) / 每排的数量(2) = 1.5，我们取整后(1) * 卡牌的高(200) = 200 这样我们就求出来了第三张的top就求出来了。但是这样就会引发一个问题，假设我们现在是第四张,第4张位置应该是 但如
2022-10-10 11:57:51
1039
原创 初识three.js
老规矩先看效果图这里可以看到我创建了一个立方体，并且带有自动旋转和手动旋转的功能，接下来我们逐一介绍安装three.jsnpm install three安装完成后引入就可以使用了，有两种引入方式全部引入 import three from "three";按需引入引入需要的部分import { Scene, PerspectiveCamera, ... } from "three";创建基本立方体 import { Scene, Per
2022-05-14 02:16:57
326
原创 vue3教程
目的本篇教程励志用简单的例子来教会你理解并使用常用vue3的新特性，适合于从vue2转vue3的码友，本文请按顺序阅读，否则可能会出现需要查找解释的情况。响应性api在vue3.x中如果想让数据在改变时，视图层也相应发生变化就需要使用到响应性api。想创建一个响应式数据，归根结底就两种方法 ref、reactiveref接受一个内部值并返回一个响应式且可变的 ref 对象，该对象仅有一个value属性指向内部值, 可以用来读取和更改。 const num = ref(0); c
2022-05-02 00:53:57
2446
1
原创 uniapp app端拉起高德网页地图
以下是demo // 跳转至网页版高德地图 toScottMap(longitude, latitude, name) { // 高德网页版地址 let url = `https://uri.amap.com/marker?position=${longitude},${latitude}&name=${name}&src=mypage&coordinate=gaode&callnative=1` // #ifde.
2022-04-09 00:00:00
910
原创 react app 拉起微信、支付宝支付
机缘: 这其实是我第一次在react 的 app 项目中拉微信及支付宝支付，所以特地来记录一下本次的思路及过程中踩到的坑思路:由于app 中是不存在微信及支付宝的支付环境，所以引入jssdk是拉不起来支付的, 于是放弃了这个想法，但我想到app中是存在 h5+ 的，于是我打开了h5+api的文档，在里面找到了一个模块payment根据官方介绍是用来管理支付功能的, 我顺着这个模块的往下找了找又发现了两个方法getChannels和request第一个使用开获取支付通道的，第二个...
2022-04-08 18:25:33
1781
原创 uniapp 获取键盘高度
uni.onKeyboardHeightChange((obj)=>{let _sysInfo = uni.getSystemInfoSync();let _heightDiff = _sysInfo.screenHeight - _sysInfo.windowHeightlet _diff = obj.height - _heightDiffthis.bottomHeight = (_diff > 0 ? _diff : 0) - 2 + "px";})
2022-04-01 11:52:24
7561
6
原创 react中多行文本溢出省略
{ width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 2;}
2022-03-03 10:46:51
476
原创 uniapp开发微信小程序保存图片带权限判断
uni.authorize({ scope: 'scope.writePhotosAlbum', success: () => { uni.downloadFile({ url: this.qrPath, success: (res) => { if (res.statusCode === 200) { uni.saveImageToPhotosAlbum({.
2022-02-10 18:07:35
696
2
原创 uniapp 自定义头部、支持小程序对齐且和浏览器有安全高度
<template> <view class="Header-box" :class="{xcx: statusBarHeight, common: !statusBarHeight}" :style="{paddingBottom: `${statusBarHeight}px`}"> <view class="header-fixed-box" :style="{ background: noBg ? noBg : '', he.
2022-01-20 02:19:58
1489
1
原创 微信小程序获取状态栏高度
// 获取导航栏高度 wx.getSystemInfo({ success: res=>{ let custom = wx.getMenuButtonBoundingClientRect(); this.statusBarHeight = custom.bottom + custom.top - res.statusBarHeight; }, });
2022-01-12 16:11:25
1619
原创 python 字符串常用api
1. 切片name = "Geek"# 从右边第一个截取到右边第二个不包含第三个print(name[:-3:-1]) # ek2. split(): 将字符串以指定字符分割为列表# 字符串str = "hello word and geek and python"strList = str.split(" ") # ["hello", "word", "and", "geek", "and", "python"]3. join(): 将列表以指定字符合并为字符串# 字符串
2022-01-06 15:53:12
938
原创 uniapp开发心得
1. 对于输入框请在全局设置好样式2. 对于提示框请封装组件并在遇见任何一个提示框时都是用封装好的组件，这样即便临时更换提示框样式也不会导致需要重写3. 主题色、主题背景色，都要在全局设置好后面还会继续更新!!!...
2021-12-24 00:20:37
618
原创 python - 数据类型
# int类型 - 整数型num = 1print(type(num))# float类型 - 浮点型num_float = 1.1print(type(num_float))# str类型 - strstring = "geek"print(type(string))# list类型 - 列表List = [1, 2, 3, 4, 5]print(type(List))# tuple类型 - 元组yuan = (1, 2, 3, 4, 5)print(type(yuan)).
2021-12-20 16:51:16
422
原创 ajax封装思路
周日, 我被玛莎拉蒂小姐姐请吃饭了，为什么我会被请吃饭呢，竟然是因为一个ajax封装。对，你们没有看错，就是对ajax的封装, 因为玛莎拉蒂小姐姐所在的公司使用原生ajax发送请求，而她恰巧不会，于是我就这单身许久的小伙就.........，后面嘛兄弟们懂得都懂。接下来我们从技术角度出发来看我教玛莎拉蒂小姐姐写的代码function request(url, type, objCallback, data, isAsync = true) { // 兼容低版本参数默认值写法
2021-12-20 13:50:25
297
原创 uniapp-字节支付踩的坑-CD0015
从uniapp编译成字节小程序时，按照uni官方文档调用uni.requestPaymentAPI拉起收银台出错-CD0015错误代码:uni.requestPayment({ provider: 'wxpay', orderInfo: res.json, service: 1, // getOrderStatus:res=>new Promise((resolve, reject)=>{resolve(res)}), .
2021-12-17 17:44:14
758
2
原创 常用css样式-公司项目中经常使用
/* flex */ .flex { display: flex; } /* flex水平居中 */ .f-x-c { justify-content: center; } /* flex水平开头 */ .f-x-s { justify-content: flex-start; } /* flex水平末尾 */ .f-x-e { justify-content: flex-end; } /* flex垂直居中 */ .f-y-c{ align-items:...
2021-12-16 14:13:40
242
原创 React 生命周期-常用篇
render()render: class中唯一必须实现的方法当render被调用时，它会检查this.props和this.state的变化并返回以下类型之一：React 元素。通常通过 JSX 创建。例如，<div />会被 React 渲染为 DOM 节点，<MyComponent />会被 React 渲染为自定义组件，无论是<div />还是<MyComponent />均为 React 元素。 数组或 fra...
2021-12-16 13:54:02
899
原创 vue字符串参数清除data中的数据
最近一段时间，写了不少vue代码，发现有一部分数据总要在完成某些事件后要进行重置，刚开始总觉得一两个变量直接重置一下就行， 但是只要要重置的数据变多后就会显得凌乱，于是我便开始在vue全局中声明了一个重置函数，来方便我们重置数据// 该方法用于初始化数据Vue.prototype.resetData = function(...arr) { // 循环每个参数 arr.forEach((item, index)=>{ // 判断当前元素的类型并将该元素值设置为初始化状
2021-12-14 14:48:45
2112
原创 手写js深拷贝
// 深拷贝 let deepCopy = (obj, result)=>{ // 如果result存在则直接使用否则判断其类型如果是对象就设置为空对象反之为空数组 result = result ? result : Object.prototype.toString.call(obj) === "[object Object]" ? {} : []; for(let key in obj) { if(obj.hasOwnProperty(key)) { /.
2021-12-14 11:25:09
382
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人