- 博客(14)
- 收藏
- 关注
原创 yarn无法使用,npm -g安装的东西无法使用,修改windows执行策略
yarn无法使用,npm -g安装的东西无法使用,修改windows执行策略。
2024-02-25 22:35:33
315
原创 scroll和flex居中布局冲突
在我的理解中,应该会左侧顶头剩下的可向右滚动,可是却出现了所有元素仍在父元素中居中,左侧隐藏类似overflow: hidden,右侧可滚动类似overflow: scroll。首先在父元素中创建一个容器,容器中子元素使用flex布局使其水平居中定位,此时我们继续添加子元素,使其超出父元素的最大宽度,而父元素中有overflow: scroll的样式。至今没有找出原因,于是准备曲线救国。虽然是实现了想要的展示方式,但不知道为何flex会和scroll冲突,如果有大佬知道为何会出现这种情况,求解答。
2022-10-18 10:43:51
730
2
原创 upload组件onDownload方法配置(附下载方法)
一开始认为如果不写自定义onPreview,点了预览按钮调用了onDownload,打开了新页面,但是自定义onDownload方法的时候,点击预览按钮,却没有调用handleDownload。后来查阅资料发现想调用onDownload的回调函数需要为组件添加下载按钮,然后通过点击下载按钮调用。...
2022-09-01 10:23:10
2521
原创 Number的方法以及Number原型对象的方法
Number的方法Number.parseInt() 重点!Number.parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数, radix 是2-36之间的整数,表示被解析字符串的基数。参数string:要被解析的值。如果参数不是一个字符串,则将其转换为字符串(使用 ToString 抽象操作)。字符串开头的空白符将会被忽略。radix (可选):从 2 到 36,表示字符串的基数。例如指定 16 表示被解析值是十六进制数。请注意,10不是默认值。
2022-05-08 17:24:13
699
原创 点击复制到剪切板,兼容pc,安卓,ios(execCommand,clipboard)
点击复制到剪切板,兼容pc,安卓,ios(execCommand),解决execCommand返回false的坑需求:在h5页面点击分享按钮后调接口拿到任务id,拼到地址后,将携带任务id的地址复制到剪切板。一开始使用的是clipboard插件,正常复制静态内容没毛病,但是牵扯到ajax请求就出现问题,第一次点击复制失效,第二次点击会复制第一次的内容,因为每次获取的任务id都不一样,插件改起来也麻烦,所以抛弃clipboard,这里使用原生js实现,兼容性好。废话不多说,上一段代码//代码块2
2022-02-09 17:40:02
2089
1
原创 swiper新旧版本使用心得
swiper旧版(5.4.5)swiper轮播图插件好用但坑多,版本之间有很多写法都不同,p话不多说,直接上代码1、安装swipr插件npm i swiper@4.5.42、在vue项目用到的地方使用import Swiper from "swiper"import "swiper/css/swiper.min.css"3、上样例(注释写的很全应该都能看懂吧)<template> <div class="swiper"> <div c
2021-12-27 23:56:54
1832
原创 Vue组件间传值(超全,跨代)父传子,子传父,爷传孙,孙传爷,保姆级讲解
前言看了很多vue组件间传参的帖子,发现很多不完整,今天闲来无事总结一下vue组件间传值,此文涉及到:父传子,子传父,爷传孙,孙传爷的组件间传值,应该能满足日常开发所需。本次用到的三个组件分别命名为:Father,Son,GrandSon一、父传子.........
2021-10-19 17:08:12
12561
9
原创 H5跳小程序实现以及按钮样式问题解决方案
前几天工作中遇到了一个问题,需求是从HTTP协议的H5页面点广告直接跳到小程序,因为小程序都是HTTPS相关的所以无法跳转,最终我们的解决方案是做一个HTTPS协议的中间页,然后跳往指定小程序。这里我们需要一个wx-open-launch-weapp标签,里面放上一个按钮,然后进行相关配置,可以很简单的实现跳转到指定小程序,实现代码HTML部分如下<wx-open-launch-weapp id="launch-btn" username="gh_xxxxxxxx
2021-06-05 13:28:02
767
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人