- 博客(115)
- 资源 (1)
- 收藏
- 关注
原创 尝试h5引入“页面视图”功能
想写这个功能是因为某天使用某个活动,落地页是h5,跟着引导一步一步往下点,做完任务想返回“首页”的时候,连续点击了6次【返回】才回到“首页”,当时就在想:能不能把访问过的页面缓存起来,用类似手机后台一样的方式去展示,于是有了以下的“构思功能”
2024-09-10 12:33:26 172
原创 离线版问卷-可集成到现有系统
某天在【掘金】看到低代码相关文章,结合自己开发过那么多的项目,系统集成 “表单”、“问卷”、”考试” 还是挺常见的,查阅了好多开源项目,都是独立的一个系统,很难集成到现有的项目中,于是我在想:为什么不能有一款【离线版问卷】,它提供 ”设计问卷页面“ ,也提供 “渲染问卷页面”,它只关心数据,不关心集成到哪个系统,不关心集成到哪个功能。
2024-09-08 15:17:16 617
原创 微信小程序_头像昵称填写
从基础库开始支持当小程序需要让用户完善个人资料时,可以通过微信提供的头像昵称填写能力快速完善。根据相关法律法规,为确保信息安全,由用户上传的图片、昵称等信息微信侧将进行安全检测,组件从基础库2.24.4版本起,已接入内容安全服务端接口(、),以减少内容安全风险对开发者的影响。
2022-10-17 14:49:05 1233
原创 小程序“灵动岛”(已发布npm)
**clever-island** 是一款微信小程序导航栏,通过简单的属性配置即可使用,通过**灵动岛**全新的交互方式,使信息更快更高效触达用户。
2022-10-11 21:31:58 1184
原创 微信支付V3-SDK(已发布npm)
微信支付V3,wx_pay_v3说明文档,暂时对接了部分使用频率比较高的接口,如果在使用中发现问题,可📮wx.open@qq.com邮箱联系我
2022-09-29 18:11:05 1387
原创 vue3全局自定义指令
之外,你应该将这些参数视为只读,并且永远不要修改它们。如果你需要跨钩子共享信息,建议通过元素的。vnode=>一个真实DOM元素的蓝图,对应上面收到的el参数。binding=>包含以下property的对象。el=>指令绑定到的元素。这可用于直接操作DOM。...
2022-07-22 16:03:38 1140
原创 了解script setup语法糖
声明的顶层的绑定(包括变量,函数声明,以及import引入的内容)都能在模板中直接使用;声明的不足之处在于,它没有可以给props提供默认值的方式。为了解决这个问题,提供了。文件中的时候,对于开发者和工具来说都会感到混乱。因而其它的感觉暂时用不到,所以暂时不写,更多细节查看=>🌈。中的代码依赖单文件组件的上下文。attribute一起使用。里面的代码会被编译成组件。看做被一个变量所引用。由于模块执行语义的差异,默认暴露出去,在模版。使用插槽时,不能使用。...
2022-07-22 15:59:26 1721
原创 微信小程序封装懒加载图片
微信小程序封装懒加载图片js/components/Watermark/index.js// components/LazyImage/index.jsComponent({ /** * 组件的属性列表 */ properties: { // 图片url src: { type: String, value: 'https://s1.ax1x.com/2022/05/08/OlbiFI
2022-05-09 11:22:20 467
原创 微信小程序封装图片合成水印
微信小程序封装图片合成水印js/components/Watermark/index.js// components/Watermark/index.jsComponent({ /** * 组件的属性列表 */ properties: { // 图片url imageUrl: { type: String, value: '' }, // "加载中"图片
2022-05-08 13:30:37 495 1
原创 H5跳转小程序
H5跳转小程序要求1、已认证的服务号或者 已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页2、域名已添加至JS接口安全域名步骤:公众号直达 - 【设置与开发】-【公众号设置】-【功能设置】-【JS接口安全域名】域名必须是已备案3、微信浏览器里打开在微信浏览器里才能加载开放标签。后端篇1、获取Access token请求地址https://api.weixin.qq.com/cgi-bin/token请求类型GET请求参数{ gra
2022-03-12 14:28:19 532
原创 微信小程序 WeUI 表单封装
# 安装 WeUIapp.jsonapp.json"useExtendedLib": { "weui": true}在项目根目录下新建 components 文件夹,然后在 components 下新建 Form 文件夹components/Form# index.jsoncomponents/Form/index.json{ "component": true, "usingComponents": { "mp-form": "weui-mini
2021-05-24 16:43:00 1852 2
原创 vue安装vue-pdf(预览pdf)
# npmnpm install --save vue-pdf# 页面引用// pdf预览import pdf from "vue-pdf";# 页面使用<template> <div class="main"> <div> <button type="button" @click="changePdfPage(0)">上一页</button> <button type="butto
2021-05-04 10:23:30 4259
原创 vue封装element-ui分页
# Pagination.vuesrc/components/Pagination.vue<template> <div class="mt-3"> <el-pagination @size-change="handleSize" @current-change="handleCurrent" :current-page="page2" :page-sizes="sizes" :page-size=
2021-05-02 17:45:09 279
原创 vue安装vue-cropper(截图工具)
# npmnpm install vue-cropper# cropper.vue<template> <div style="width: auto; height: 500px;"> <vue-cropper ref="cropper" :img="option.img" :outputSize="option.size" :outputType="option.outputType" :i
2021-04-26 19:08:21 1657
原创 vue安装nprogress(进度条动画)
# npmnpm install --save nprogress# 引入index.jssrc/router/index.jsimport Vue from "vue";import VueRouter from "vue-router";import NProgress from "nprogress"; // 引入进度条动画// 进度条动画配置NProgress.configure({ showSpinner: false // 是否显示加载ico});Vue.use
2021-04-26 19:06:36 1069 2
原创 封装 element-ui 的 Form表单
# 新建 Form.vuesrc/components/Form.vue<template> <div> <el-form ref="form" :model="form" :inline="inline" :rules="rules" :label-width="labelWidth" > <el-form-item :label="item.title
2021-04-26 19:02:31 1755 1
原创 vue封装element-ui的表格
# Table.vuesrc/components/Tabel.vue<template> <div> <div class="mb-3" v-if="showAdd"> <el-button type="success" size="medium" @click="handleAdd"> 点击添加 </el-button> </div> <el-tabl
2021-04-26 18:43:12 559
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人