已归档链接
文章平均质量分 64
已归档到编程笔记官网
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
-
el-select 支持拼音搜索(含插件 pinyin-match 的使用)
/ matchResult 的值为 true/false。原创 2023-12-27 10:36:20 · 1092 阅读 · 0 评论 -
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机(含vue项目跨域代理打包成apk后无法访问接口的解决方案)
则在打包成 apk 后会无法访问接口,因为app无跨域限制,不能使用跨域代理,需使用访问接口的绝对路径,如:原接口 “/myAPI/dmis/login” 需改为 “http://43.140.200.74:8810/dmis/login” 才能使用。若是 vue 项目,则保留新建的 test 项目中的 manifest.json 文件,将其他文件全部删掉,将 vue 项目打包后的文件拷贝到 test 项目中,范例如下图。默认配置了很多模块,如扫码、相机相册等,没涉及时建议取消,可减小apk包的大小。原创 2023-12-25 17:32:08 · 1910 阅读 · 0 评论 -
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
效果预览相关代码页面–我的src\pages\my\my.vue <!-- 个人资料 --> <view class="profile" :style="{ paddingTop: safeAreaInsets!.top + 'px' }"> <!-- 情况1:已登录 --> <view class="overview" v-if="memberStore.profile"> <n原创 2023-12-22 18:11:08 · 1122 阅读 · 0 评论 -
uniapp 添加分包页面,配置分包预下载
分包即将小程序代码分成多个部分打包,可以减少小程序的加载时间,提升用户体验。原创 2023-12-22 11:14:50 · 827 阅读 · 0 评论 -
uniapp 登录
仅企业版可获取用户微信绑定的手机号。</原创 2023-12-22 09:18:36 · 396 阅读 · 0 评论 -
el-select 全选
【代码】el-select 全选。原创 2023-12-20 15:49:15 · 595 阅读 · 0 评论 -
uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)
/ 子组件调父组件的方法const'close'void</</</</</</</</</</</</</</</padding;;position;;.title;padding;text-align;font-size;;;color;right;top;.dt;font-size;color;;position;width;原创 2023-12-08 20:57:24 · 2360 阅读 · 0 评论 -
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
importfrom'vue'constconfigconstref0constchangee=>// 点击图片时constonTapImageurlstring=>// 大图预览currenturls?position;height;padding;;;color;;rgba;position;bottom;right;.current。原创 2023-12-08 20:32:12 · 478 阅读 · 0 评论 -
css 巧用 ::after 和 ::before 实现竖排分类导航
/ 移除最后一项和高亮项的灰色线条。原创 2023-12-08 18:27:13 · 514 阅读 · 0 评论 -
uniapp实战 —— 竖排多级分类展示
效果预览完整范例代码页面 src\pages\category\category.vue<script setup lang="ts">import { getCategoryTopAPI } from '@/apis/category'import type { CategoryTopItem } from '@/types/category'import { onLoad } from '@dcloudio/uni-app'import { computed, ref原创 2023-12-08 18:12:27 · 886 阅读 · 0 评论 -
css 巧用 ::after 实现 tab 切换动效
【代码】css 巧用 ::after 实现 tab 切换动效。原创 2023-12-08 16:24:31 · 585 阅读 · 0 评论 -
uniapp实战 —— 骨架屏
1. 自动生成骨架屏代码在微信开发者工具中,预览界面点击生成骨架屏确定后,会自动打开骨架屏代码文件 pages\index\index.skeleton.wxml2. 将骨架屏代码转换为vue文件在项目中新建文件 src\pages\index\components\skeleton.vue将pages\index\index.skeleton.wxml中的代码复制到 skeleton.vue 中删除所有的注释和无接口访问的部分(如顶部的导航栏),如下图所示,通过 i原创 2023-12-08 11:42:21 · 2065 阅读 · 1 评论 -
uniapp实战 —— 可滚动区域 scroll-view (自适配高度,下拉刷新)
如图可见,在页面滚动过程中,顶部导航栏和底栏未动,仅中间的内容区域可滚动。自定义的顶部导航栏,可参考博文。原创 2023-12-07 15:02:33 · 3272 阅读 · 0 评论 -
uniapp实战 —— 自定义顶部导航栏
下图中的红框区域。原创 2023-12-07 12:07:26 · 2156 阅读 · 0 评论 -
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
轮播图原创 2023-11-23 17:28:01 · 745 阅读 · 0 评论 -
vue 限制在指定容器内可拖拽的div
/ 用鼠标的位置减去鼠标相对元素的位置,得到元素的位置。// 在容器范围内移动时,被拖拽元素的最大left值。// 在容器范围内移动时,被拖拽元素的最小left值。// 在容器范围内移动时,被拖拽元素的最大left值。// 在容器范围内移动时,被拖拽元素的最小left值。// 按下鼠标时,鼠标相对于被拖拽元素的坐标。//此处+1为容器的边框1px。//此处+1为容器的边框1px。// 获取容器dom。原创 2023-12-06 17:52:59 · 596 阅读 · 0 评论 -
vue实战——登录【详解】(含自适配全屏背景,记住账号--支持多账号,显隐密码切换,登录状态保持)
效果预览技术要点——自适配全屏背景https://blog.csdn.net/weixin_41192489/article/details/119992992技术要点——密码输入框自定义图标切换显示隐藏https://blog.csdn.net/weixin_41192489/article/details/133940676技术要点——记住账号(支持多账号)核心需求和逻辑勾选“记住账号”,一旦登录成功过,下次登录能在账号输入框的输入推荐建议列表中,选择该账号未原创 2023-11-27 21:07:40 · 378 阅读 · 0 评论 -
码云 -- 本地代码上传到码云
复制远程仓库地址。原创 2023-11-23 11:18:12 · 178 阅读 · 0 评论 -
WebSocket 【实用教程】
WebSocket是一种网络传输协议,可在单个TCP连接上进行全双工通信,位于OSI模型的应用层。原创 2023-11-23 10:43:03 · 408 阅读 · 0 评论 -
Snipaste 截图悬浮工具【实用教程】
无需安装,解压后即可使用其他版本见官网。原创 2023-11-17 18:01:39 · 1296 阅读 · 0 评论 -
uni-app 使用vscode开发uni-app
用于快速创建页面配置插件。原创 2023-11-17 14:39:31 · 1497 阅读 · 0 评论 -
Apifox 网页端调试本地接口
加载后解压。原创 2023-05-26 16:48:03 · 5080 阅读 · 1 评论 -
vue 本地/PC端访问微信云数据库
新建文件 vue.config.js若部署上线,需配置nginx反向代理,可参考下方链接。原创 2023-05-20 16:49:47 · 1144 阅读 · 1 评论 -
vue 在线聊天实战范例(含选择发送表情、图片、视频、音频,自定义右键快捷菜单,一键复制,左右聊天气泡)
最终效果完整代码index.vue<template> <div class="page"> <div class="leftBox"> <h1>访客</h1> <div class="chatBox"> <div class="chatRecordBox"> <div v-for="(item, index) in chatRec原创 2023-05-18 15:01:35 · 4199 阅读 · 7 评论 -
js 打开资源管理器(经典范例:纯前端选择并预览图片)
/ 支持多选"multiple""multiple";"image/*";// 浏览器兼容性处理(有的浏览器仅存在 Window.URL)constURL||;// createObjectURL 函数会根据传入的参数创建一个指向该参数对象的URLlet;原创 2023-04-26 09:51:00 · 1752 阅读 · 0 评论 -
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
微信小程序中使用 echarts 需使用官方提供的 ec-canvas 组件。原创 2023-04-19 19:07:02 · 2285 阅读 · 2 评论 -
【微信小程序-原生开发】实用教程21 - 分包
在指定页面自动预下载可能需要的分包,从而提升后序分包页面的启动速度。路由上需加上分包名!原创 2023-04-19 18:16:17 · 1919 阅读 · 0 评论 -
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
可在系列教程的基础上继续开发,也可以单独使用。原创 2023-04-13 10:37:06 · 3230 阅读 · 1 评论 -
【微信小程序】使用 Promise、async 和 await 将异步API 改写为同步
官方为异步的回调函数。原创 2023-04-11 10:50:17 · 1208 阅读 · 0 评论 -
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
放入源码中使用小程序项目中的路径为。原创 2023-04-10 11:12:02 · 1846 阅读 · 0 评论 -
Element UI 表格【列宽自适应】
<template> <div class="page"> <el-table border style="width: 100%" :data="tableData"> <el-table-column v-for="(item, index) in tableTitleList" :key="index" :label="item.label" :type="item.ty原创 2023-04-07 16:05:22 · 1754 阅读 · 0 评论 -
【微信小程序】实战案例 -- 向订阅用户发送消息(范例:报名提醒)
活动发起人发起了一场活动,在有人通过微信小程序报名活动时,活动发起人/活动报名审核人员希望可以收到一条报名处理提醒消息。原创 2023-04-05 22:38:18 · 978 阅读 · 0 评论 -
vue 组件封装 -- 添加【呼吸】动画效果(两种: 淡入>>淡入,淡入>>淡出>>淡入)
常用于展示某异步操作持续执行中。原创 2023-04-05 20:06:08 · 1058 阅读 · 0 评论 -
【微信小程序-原生开发】客服
【代码】【微信小程序-原生开发】客服。原创 2023-04-05 00:02:07 · 930 阅读 · 0 评论 -
uni-app 搭建开发环境,创建项目,运行项目
可实现一套代码跨端编译到多个平台,通常用于移动端项目的开发,如各平台的小程序、APP、H5页面等。原创 2023-03-31 17:19:05 · 741 阅读 · 0 评论 -
纯前端导出表格数据 -- csv格式 (含表格末尾的自动合计行)
核心代码详见代码中的备注<template> <div class="page"> <el-button type="primary" size="small" @click="exportOut">导出</el-button> <div class="tableBox"> <el-table :data="tableData" border :summary原创 2023-03-30 16:57:06 · 1537 阅读 · 0 评论 -
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
在对应页面的 js 文件中,添加如下代码。原创 2023-03-30 09:43:44 · 1023 阅读 · 0 评论 -
【微信小程序-原生开发】TDesign 实战模板——聊天气泡
聊天气泡的尖角,通过css的边框绘制两个三角形实现,底部为绿色三角形,上方层叠一个小一点的白色三角形。此范例为左聊天气泡,通过修改css参数,可以调整为右聊天气泡。原创 2023-03-23 14:40:27 · 1002 阅读 · 0 评论 -
【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
实现逻辑详见代码的注释。原创 2023-03-16 17:37:34 · 2100 阅读 · 1 评论 -
vue 渲染树型数据(含树型数据转化为一维数组的方法,包括每个节点的深度和深度列表)
vue 渲染树型数据(含树型数据转化为一维数组的方法,包括每个节点的深度和深度列表)原创 2023-03-13 14:08:02 · 861 阅读 · 0 评论