自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 vue简易瀑布流

【代码】vue简易瀑布流。

2024-01-19 11:51:37 360

原创 js农历和公历转换

实现了一个一年内农历和公历的简易对照功能,一些细节上没做出来,还有闰二月这个也没过多处理。

2023-12-19 16:07:25 574

原创 uniapp 小程序配置 加固

tips:configs需要自己去选择,目前没有直接开启全局加固的方法。第二步 创建 vue.config.js。然后进行编译就可以了。

2023-07-24 12:20:00 513

原创 vue3 + elementPlus +vue3-print-nb封装表格打印

【代码】vue3 + elementPlus +vue3-print-nb封装表格打印。

2023-06-14 17:33:33 775

原创 vue3 elementPlus表格基础功封装

【代码】vue3 elementPlus表格基础功封装。

2023-06-14 17:31:06 183

原创 计算最小组合库存

需求为组合商品,n选m的模式, 需要计算出组合出来的最小库存

2023-02-08 18:04:24 106

原创 js标准金额展示

用于处理标准金额的展示

2023-01-17 16:56:02 337

原创 主动掉起element-UI的el-image图片预览功能

el-image图片预览功能

2023-01-11 17:15:30 452

原创 vue 继承父组建的style

开发中偶尔会把部分样式提出来作为公共样式,但是又不想造成样式污染,所以要保留scoped,目前我的方法有三种。

2022-12-01 14:40:56 2451

原创 vue3 ref获取节点生产环境undefined

vue3生产环境获取节点失败

2022-11-11 10:49:24 781

原创 vue3报插入节点错误

最近开始使用vue3,发现有的时候会包插入节点错误,进过排查,发现是v-if的问题,数据改变了,v-if的判断随之改变,但是节点还没生成就在插入数据导致的,建议子组件少用v-if,会改变的最好不要用v-if...

2022-05-20 14:26:08 736

原创 vite打包后静态页面无法访问

vue3使用vite开发,效率会快很多,但是打包后就会遇到问题,vite的打包后的文件是需要部署到服务器才可以查看,但是很多时候我们的页面会有直接用静态页面去给人看的情况,这个时候vite就不可以了。通过配置vite.config.js可以处理部署后查看白屏的问题,但是静态页面不行,因为js部分使用的是model的方式引入。网上找了很久,看vite的官网也看了很久,最后放弃了,使用cil的方式重建了一个项目,然后把代码移植过去,这其中有些地方需要注意,主要是eslint的配置通过修改.eslintrc.

2022-05-20 14:14:30 4079 1

原创 背景图片路径为数字时被转为科学计数

项目需要有个更换页面主题的需求,包含背景图片,使用css变量去做的,开始的时候只存图片路径,原数据为,添加到css变量后document.querySelector('html').style.setProperty('--aura-theme-bgImg', bgImg);,经过查找,没找到相关的文章,后来有大佬提示加上URL后正常了document.querySelector('html').style.setProperty('--aura-theme-bgImg', `url(${msg.

2022-03-31 10:58:33 223

原创 vue input数字输入校验

vue input数字输入校验 <input :placeholder="placeholder" @keyup="onkeyup" @keypress="onkeyup" @keydown="onkeyup" @input="onkeyup" :value="value" @afterpaste="onkeyup" /></template><script> export default { name: 'number-input', data() {

2022-03-11 15:36:18 4886

原创 记一次小程序的遇到的问题(使用uniapp编写)

记一次小程序的遇到的问题(使用uniapp编写)1.安卓视频调用pause()无效和视频封面无法设置大小<template> <view class="voide-box" :style="{ '--width': width, '--height': height }"> <video v-if="!show" id="myVideo" @pause="onPause" @ended="ended" @play="play" @click="change()" :m

2021-11-24 15:29:40 714

原创 uniapp写小程序组件封装修改数据不渲染

uniapp写小程序组件封装修改数据不渲染数据通过props传进来的,对数据进行修改,js打印是有修改的,但是页面无变化,最好找的原因,props传入的数据是不能去直接操作的,可以使用其他方法,比如data里面写个参数,保存传入的值,或者直接拷贝一下...

2021-11-18 15:26:48 588

原创 2021-07-19

记录一次对特定文字的字体进行设置最近羡慕需要对数字设置单独的字体,猛一听好像很难实现,网上搜索了下,找到了思路,可以用字体分离工具,我用的是Fontmin这款软件,把数字给单独分离出来,然后设置全局的字体,这样数字就会变成需要的字体,其他的就是默认的@font-face { font-family: PINGFANG;//默认字体 src: url('PingFangTC.ttf'); } @font-face { font-family: myArial;//数字需

2021-07-19 16:46:12 56

原创 2021-05-28

/** * 已知一个无序数组 array,元素均为正整数。给定一个目标值 target, * 输出数组中是否存在若干元素的组合,相加为目标值。 */ console.time('a') // let ar1r = [1, 2, 3, 4, 5, 98, 57, 58, 478, 274, 85, 44, 8, 5, 78, 5, 78, 2, 47, 852, 7, 8, 54, 78, 5, 17, 85, 12, // 48, 5, 487, 5, 4,...

2021-05-28 14:54:24 233

原创 记录一次IntersectionObserver的使用

最近在做菜品的下拉加载,类似美团饿了么那种,需要分类加载,一开始写的是监听滚动条的的滚动事件,需要做很多计算,本来在网页上是OK的,后来需要移植到小程序就出大问题了。小程序操作节点特别卡,体验很糟糕,修改很多次都不咋样,后来经大佬推荐使用了这个IntersectionObserver,小程序也有这个,和原生的有一定区别;原生 this.ob = new IntersectionObserver( changes => { //返回的是个数组,包含隐藏的和显示出来的 c

2021-04-19 10:10:50 264

原创 clipboard

在做一个H5的项目,其中需要用到一个复制功能,参考了阮一峰大佬的文章后,决定用clipboard写一个,结果发现某些手机用不了(目前是遇到小米),没报错信息,也存在这个API,然后就改良了下function copy(text, callback) { const clipboardObj = navigator.clipboard; try { if (clipboardObj) { clipboardObj.writeText(text).then(() => { call

2021-04-13 17:27:00 495

原创 2021-01-27

遇到一个bug,在某些时候依赖rem的元素不展示,开始的时候还以为是vue打包出问题了,然后找了半天才发现rem的默认值变成了0,使用的是document.getElementsByTagName('html')[0].style.fontSize = window.innerWidth / 25 + 'px';设置的,然后就换成了html{ font-size: calc(100vw / 25); }设置,更简单,更好用...

2021-01-27 16:50:03 55

原创 2020-12-24

处理vue使用router传参,使用浏览器的前进导致无参数情况let paramsStore = {}, isNext = false;//处理next()重定向时候重复进入的问题router.beforeEach((to, from, next) => { let params = to.params; let name = to.name; if (isNext) { isNext = false; next(false) } // 处理ios前进,router传参失效

2020-12-24 15:10:20 89 1

原创 2020-10-27

控制台exports报错一般是因为node版本过高导致的,降到10.x可以解决

2020-10-27 09:05:15 92

原创 获取路径参数

let href = window.location.href;let hrefParams = {};if (~href.indexOf('?')) { href.indexOf("#/") href = href.replace(/#\//,'') let params = href.substr( href.indexOf('?')+1); let arr = params.split("&"); let arrs = []; for (le...

2020-10-13 16:13:54 376

原创 html-docx.js的with报错

最近做了个纯前端的word导出,使用的是html-docx.js(找不到其他的),但是这个比较是16年的插件,不适合现在的,主要就是with(obj){}这个已经不符合规范,可以通过这个了解传送这个是干嘛的;处理办法就是向下面這個一樣,可以直接用obj去點这些值...

2020-09-10 17:04:15 1398 6

原创 vue-socket.io无法连接

vue-socket.io的最新版本有问题,建议使用3.0.7,同时需要把原来的文件删除重新下载,建议手动删除

2020-07-31 16:26:27 1471

原创 处理拖拽触发click

let isClick = true;document.onmousemove = e => {//鼠标按下并移动的事件isClick = false;};document.onmouseup = () => {document.onmousemove = null;document.onmouseup = null;if (isClick) {if (tyep==1) {this.showOrder = true;} else{this.showService = tr

2020-07-15 17:52:07 369

原创 叠加券功能

实现叠加券功能,未仔细测试,使用需谨慎

2020-07-08 15:19:58 399

原创 ios input 的type为search不显示搜索按钮

ios使用input的搜索需要在input外面添加

2020-06-30 16:59:23 511

原创 web的input在ios上卡住

在iOS使用input的時候,如果body設置了position: fixed;并且把頁面推上去的時候,需要寫個方法,在input失去焦點后拉下來,不是iOS的復原,不然會導致原來底部的點擊之類操作失效,就像有個遮罩層一樣;直接在失去焦點后加個window.scrollTo(0,0)就好了...

2020-03-11 10:29:21 260

原创 uniapp图片不显示

uni-app图片不显示检查图片路径是否含有中文,有中文在移动端不显示

2019-09-16 15:25:37 3724 3

原创 富文本框传图片报连接错误

最近的项目踩过这个坑,客户的服务器偶尔会出现一些安全策略的问题,会把HTML字符中的src这些给阻止,所以就是把src换掉就好了,后台再换回来就解决了,这个问题的难点在不知道问题是怎么回事,知道就好处理;...

2019-07-04 18:53:29 178

原创 简单的分页效果

function paging(page, pageLeng) {page=parseInt(page);pageLeng=parseInt(pageLeng);let str = “”;if (page > 1) {str = ‘上一页’} else if (page == 1) {str = ‘’}if (pageLeng > 10&&page&g...

2019-07-04 18:48:11 95

原创 layui的table的where缓存问题

在table.js的324行,也就是var d = t.extend(r, a.where);代码的下面加上a.where={};就可以了

2019-06-15 17:36:35 6163 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除