- 博客(25)
- 收藏
- 关注
RSS订阅原创 uniapp app端导出excel的探索和实现
使用uniapp生成excel并写入appdocuments目录下，在此基础上修改部分源码，来更改excel单元格样式
2023-02-14 16:13:32
5343
原创 微信小程序require报错
刚拿到项目，编译的时候发现模块和变量没有引入成功看了下同事的写法，在app.js上重定义了require解决检查微信开发者工具是不是最新版，请不要使用最新版，官方解释：微信开发工具历史版本下载：微信开发者工具参考：微信开放社区：require引入报错...
2022-05-14 10:17:20
2798
2
原创 小程序swiper间距效果
描述很久没写过小程序了，今天遇到个问题，小程序的swiper怎么实现间距轮播呢？类似以下效果 黄色部分为内容 灰色为间距我给每个swiper-item设置了margin 发现没有作用，去文档看了swiper的属性这个也尝试了，可能是我算的不对，完全没用啊！但是，我想到一个更容易实现但容易被忽略的办法！解决想了很久的问题，就差那么一点灵性！答案就是，再包一层view缩小宽度！我真是天才！...
2022-04-10 17:24:07
1888
原创 vben表单动态校验
记录下，下次直接用。需求证件类型选择身份证时，校验身份证号码，限制为18位代码FormSchema 配置 { field: 'certificate_type', label: '证件类型', component: 'Select', componentProps: { placeholder: '请选择证件类型', options: DictData.getDictById('IdCardType'),
2022-03-30 19:05:38
2697
原创 过滤数组对象，Array.from()的使用
介绍昨天在家看望远镜，看到数组这一节，提到一个ES6中的数组方法Array.from()，书中是这样描述的：Array.from()的第一个参数是一个类数组对象，即任何可迭代的结构。from()用于将类数组结构转换为数组实例…对现有数组执行浅复制这个很好理解，from()可以将Set、Map和Array类型及任何可迭代的类型转换为数组。浅复制也不难理解，前有Object.assign()对对象进行浅复制，那数组来个Array.from()一点都不过分。让我感兴趣的是后两个参数：Array.
2022-03-24 11:32:25
374
原创 在vue3中使用自定义指令
目录构建直接看图模块化规范我们在directives文件夹下书写指令,例如 copy.ts并暴露注册这个指令的方法// copy.tsconst copyDirective = { mounted(){}, updated(){}, ...}// 暴露注册指令的方法export function setCopyDrective(app) { app.directive("copy", copyDirective);}在入口文件index.ts中:引入每个指令的注
2022-02-23 20:03:45
2379
1
原创 intro.js分步向导插件使用方法
IntroJS使用小结前言这里只介绍通过JSON配置的introJs用法介绍Intro.js 一个引导用户的js/css库, 没有任何依赖.安装npm install intro.js --saveDoc文档地址: https://introjs.com/docs/使用页面引入 import intro from 'intro.js'; import 'intro.js/minified/introjs.min.css';html<template>
2021-10-20 18:03:25
2594
原创 vben-admin页面免登录
直接在源码中找到的,记录一下.设置白名单router/permissionGuard.ts 修改路由守卫中的白名单部分添加页面路由免登录页面相当于公共页面以上!
2021-10-12 10:14:30
2272
3
原创 前端使用emoji表情
最近遇到emoji显示问题, 最终使用emojify.js库解决, github: emojify.js.安装npm install emojify.js --save或者yarn add emojify.js介绍emojify.js原理就是将字符串中的特殊字符转换为span或者div或者img引用单独写个ts文件, 做一些配置 // /utils/emojify.tsimport emojify from "emojify.js";emojify.setConfig({ mod
2021-10-09 17:19:41
1804
原创 文件下载及基于ant-design-vue的文件上传
前言台风天在家回顾一文件下载和上传功能的实现！文件下载点击按钮下载一个文件，一个出现频率极高的业务场景。我们需要设置response Header中responseType，告诉后端我们需要的数据类型export const getCartTemplate = () => defHttp.get({ url: Api.api_get_cart_template, // 确保获取类型正确的数据 responseType: 'blob', headers: {
2021-09-13 12:19:17
3291
原创 一个超简单的油猴脚本!
一个超简单的油猴脚本!对于油猴脚本神驰已久，一直没有时间研究，找了几篇博客一看，发现简单的脚本实现起来并不难！初次学习，模仿了一个CSDN一键点赞评论的demo脚本，感谢原作者！原博文链接: 如何开发一个油猴脚本- 从零开始编写一个油猴脚本.最终效果：点击即可自动点赞和评论！有科学工具的直接去 chrome 扩展搜索，没有工具的到这里 https://chrome.zzzmh.cn/.搜索下载。添加新脚本点击扩展中的油猴脚本，添加新脚本。头部声明的含义新建的脚本其实就是一个js文件，头
2021-09-02 16:26:19
4521
9
原创 在微信小程序中嵌入H5页面并进行页面跳转
在微信小程序中嵌入H5页面并进行页面跳转需求很简单,就是在小程序中嵌入一个H5页面，并且提供一个按钮可以跳转到这个小程序的其他页面.因为笔者是第一次接触，所以做一下记录：主要用到微信小程序的 web-view 组件需要注意的是个人小程序不支持！1.嵌入H5当我们写好H5后，可以在小程序页面中通过以下代码嵌入页面，页面会自动铺满，需要做好移动端适配：<!--pages/test/test.wxml--><web-view src="http://192.168.xx.xxx
2021-07-11 14:46:22
5880
6
原创 微信小程序组件自定义样式
h-arrow 是一个自定义组件， 尝试直接添加class属性，无果解决方案：组件的jsproperties: { className:{ type:String, } }引入组件： <h-arrow class="h-arrow" class-name="smile-arrow"></h-arrow>组件的 wxml<view class="arrow-group {{className}}"> <image
2021-07-07 19:45:00
191
原创 修改input checkbox(复选框)选中的背景色
最终效果:CSS代码: input[type='checkbox'] { position: relative; cursor: pointer; width: 12px; height: 12px; font-size: 12px; } input[type='checkbox']:checked::after { position: absolute; top: 0; display: inline-flex; j
2021-06-21 11:21:01
2831
原创 数组apply、call和bind示例
apply 方法其实就是改变某个方法的 this 指向，并且可以向该函数传参(数组形式参数)。示例:const s1 = { name: "张三", age: 22,};const s2 = { name: "李四", age: 44,};const s3 = { name: "王五", age: 66, hello: function (trashTalking = "", ...args) { console.log( // 注意 this
2021-06-15 12:02:06
203
1
原创 使用reduce去除对象中的某些字段
在查看接口数据时发现有些字段不需要传给后端，还有一些空值没必要传递。为了让上传的数据更规范，使用数组 ruduce 方法进行规范化处理。formData 是我们要处理的数据对象// 去除 valid_time cust_name_cn dept_name和空值字段const params = Object.keys(formData) .reduce((prev, cur) => { if (['valid_time', 'cust_name_cn', 'dept_name'].i
2021-06-11 14:00:25
429
1
原创 [已解决] 浏览器打印时背景色丢失
最近的项目在调用浏览器的打印功能时发现表格设置的背景色丢失。添加以下 CSS 代码解决://google chrome explore-webkit-print-color-adjust: exact;//firefox explore-moz-print-color-adjust: exact;color-adjust: exact;
2021-06-11 13:36:50
792
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人