随笔 - 419  文章 - 3  评论 - 331  阅读 - 120万
  2025年2月13日
摘要: 除了必要的代码外,还要加一个样式: .swiper-wrapper { display: flex; transition-timing-function: linear; /* 确保滚动速度是恒定的 */ } 阅读全文
posted @ 2025-02-13 09:33 JoeYoung 阅读(0) 评论(0) 推荐(0) 编辑
  2024年12月4日
摘要: 昨天晚上临时接到一个奇葩需求,有一个从左到右的滚动列表,要求实现开屏自动滚动,然后到最后一屏的时候停止不动,右箭头置灰,然后点左侧箭头可以往左滚,同时右箭头功能也恢复。 使用 Swiper 实现了,示例代码如下: html: <link rel="stylesheet" href="https:// 阅读全文
posted @ 2024-12-04 14:16 JoeYoung 阅读(12) 评论(0) 推荐(0) 编辑
  2024年11月19日
摘要: 在ElementUI中导出PDF通常涉及将页面上的DOM元素转换为PDF格式的文件。这一过程可以通过结合使用 html2canvas 和 jsPDF 这两个JavaScript库来实现。 步骤: 1、安装依赖 在项目中安装html2canvas和jsPDF这两个库。可以通过npm进行安装: npm 阅读全文
posted @ 2024-11-19 09:18 JoeYoung 阅读(131) 评论(0) 推荐(0) 编辑
  2024年10月17日
摘要: 给 table 表格添加属性: table-layout: fixed; 再对超出内容做换行、隐藏及点点点显示。 注意:给 table 设置宽度单位为百分比则给子元素设置宽度也用百分比。 阅读全文
posted @ 2024-10-17 16:07 JoeYoung 阅读(102) 评论(0) 推荐(0) 编辑
  2024年7月29日
摘要: beforeunload 事件在当页面卸载(关闭)或刷新时调用,事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。 以下操作会触发 beforeunload 事件: ·关闭浏览器窗口 ·通过地址栏或收藏夹前往其他页面 阅读全文
posted @ 2024-07-29 09:20 JoeYoung 阅读(81) 评论(0) 推荐(0) 编辑
  2024年7月18日
摘要: 一般安装依赖包,都是使用 npmjs 镜像安装,或者使用淘宝镜像安装。 比如: npm i react 查看当前镜像: npm config get registry 当面对 npmjs 镜像无法访问以及淘宝 npm 镜像(cnpm)SSL 证书过期的问题,可以采取以下几种方法来安装 npm 包: 阅读全文
posted @ 2024-07-18 09:13 JoeYoung 阅读(1445) 评论(0) 推荐(0) 编辑
  2024年5月30日
摘要: 最近接到一个需求,在一个页面会有多个通栏,每个通栏中会有不固定数量的图片或轮播图,要求各图片/轮播要同等比例自适应宽高,写成通用代码。 示意图: 光是图片好说,其中有swiper就会比较麻烦。 代码: <div class="container"> <div class="zt_banner"> < 阅读全文
posted @ 2024-05-30 09:50 JoeYoung 阅读(25) 评论(0) 推荐(0) 编辑
  2024年4月19日
摘要: 微信小程序开发中经常遇到有表单提交的需求,一些特殊的字段要过滤掉特殊字符。比如姓名、籍贯、地址等,都要实现不能输入特殊字符的功能,可以创建一个统一的方法来处理输入事件,并在这个方法中检查输入的字符。 下面是一个简单的示例: <view class='flex f30 ali-center'> <in 阅读全文
posted @ 2024-04-19 16:50 JoeYoung 阅读(155) 评论(0) 推荐(0) 编辑
  2024年4月18日
摘要: 在微信小程序开发中遇到个bug,input表单中明明已经输入了内容,提交时还是检测出让输入内容。 <view class='f30 flex-center'> <input name="realname" value='{{realname}}' placeholder="请填写真实姓名" /> < 阅读全文
posted @ 2024-04-18 10:44 JoeYoung 阅读(197) 评论(0) 推荐(0) 编辑
  2023年12月6日
摘要: CSS 的逻辑组合伪类有 4 种,分别是::not()、:is()、:where()和:has()。 否定伪类:not() :not 伪类选择器用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class)。 也叫否定伪类,是在元 阅读全文
posted @ 2023-12-06 14:51 JoeYoung 阅读(126) 评论(0) 推荐(0) 编辑
  2023年12月5日
摘要: 结构伪类选择器是针对 HTML 层级结构的伪类选择器。 常用的结构化伪类选择器有: :root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、 :nth-child选择器、:nth-child(n)选择器、:nth-last-chi 阅读全文
posted @ 2023-12-05 14:48 JoeYoung 阅读(2618) 评论(0) 推荐(0) 编辑
  2023年9月21日
摘要: 需求:页面指定区域内的内容循环滚动,但是内容形式、高度都不固定,是接口从编辑器提取出来的内容。 代码: <div id="container5"> <div class="content" id="f12red1"> 自2023年9月20日24时起,国内汽、<br>柴油价格(标准品,下同)每吨分别提 阅读全文
posted @ 2023-09-21 11:17 JoeYoung 阅读(82) 评论(0) 推荐(0) 编辑
  2023年8月29日
摘要: 使用微信小程序基础组件中的scroll-view,但是滑动的时候 bindscroll 一直不生效。 <view class="container log-list"> <scroll-view scroll-y style="height:100%;white-space:nowrap;" scr 阅读全文
posted @ 2023-08-29 15:20 JoeYoung 阅读(391) 评论(0) 推荐(0) 编辑
  2023年8月25日
摘要: 微信小程序的scroll-view组件中,scroll-into-view 属性可以指定滚动到指定id的位置。 <scroll-view class="content" scroll-y scroll-into-view="{{ intoIndex }}" scroll-with-animation 阅读全文
posted @ 2023-08-25 15:03 JoeYoung 阅读(2150) 评论(0) 推荐(0) 编辑
  2023年8月17日
摘要: 今天提交微信小程序审核时,官方提示“隐私政策不合规,默认自动同意《用户服务协议》及《隐私政策》,应当由用户自主阅读后自行选择是否同意隐私政策协议,不得默认强制用户同意。” 需要在微信授权登录时先判断用户是否勾了隐私选协议,然后再弹出获取手机号的弹窗。 所以进行如下修改: 1、增加单选按钮 2、在获取 阅读全文
posted @ 2023-08-17 10:41 JoeYoung 阅读(1090) 评论(0) 推荐(0) 编辑
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示