破晓以后 - 博客园

2024年7月16日

摘要： html部分： <article class="tabs"> <input checked="" id="one" name="tabs" type="radio" /> <label for="one">热门搜索1</label> <input id="two" name="tabs" type= 阅读全文

posted @ 2024-07-16 15:41 破晓以后阅读(8) 评论(0) 推荐(0) 编辑

2024年5月15日

scrollIntoView()方法，将元素显示在可视区

摘要： scrollIntoView()方法是Element 接口的方法，会滚动元素的父容器，使被调用 scrollIntoView()的元素对用户可见。举例说明：点击列表标题，想让列表子元素显示在容器上方： currentIndex.value = index;//被点击元素 //点击导航获取右侧科室阅读全文

posted @ 2024-05-15 13:59 破晓以后阅读(36) 评论(0) 推荐(0) 编辑

2024年1月28日

定时轮播图

摘要： html部分： <div class="slider"> <div class="slider-wrapper"> <img src="./images/slider01.jpg" alt="" /> </div> <div class="slider-footer"> <p>第一张轮播图描述</p 阅读全文

posted @ 2024-01-28 18:11 破晓以后阅读(5) 评论(0) 推荐(0) 编辑

按钮的倒计时效果

摘要： <button disabled class=‘btn’>我已经阅读用户协议（60）</button> const btn=document.getElementByClassName('btn') let time=60 let n=setInterval(function(){ time--bt 阅读全文

posted @ 2024-01-28 14:17 破晓以后阅读(11) 评论(0) 推荐(0) 编辑

2024年1月25日

取消antd中Table组件的默认效果，双击每个子元素可发事件

摘要： CSS部分代码： :global(.ant-table-body) { min-height: 150px !important;//设置整个表格的最小高度 } :global(.ant-table-wrapper) { border: 1px solid #f0f0f0; } :global(.a 阅读全文

posted @ 2024-01-25 21:15 破晓以后阅读(77) 评论(0) 推荐(0) 编辑

js中数组反转的方法总结

摘要： 1.常用的方法reverse() [1,2,3,4].reverse() //[4, 3, 2, 1] 2.采用for循环方式使用递减循环遍历的方式，将元素一次存入新的数组中，新数组就是反转后的新数组 const dataRef=[1,2,3,4] const newArr: any[] = [] 阅读全文

posted @ 2024-01-25 20:55 破晓以后阅读(1119) 评论(0) 推荐(0) 编辑

数组与字符串之间转换方法总结

摘要： split()和join(）方法是js中常用的字符串和数组之间转换的方法 string.split('-')//将字符串拆分成数组，根据括号中指定的符号作为分割符进行分割，并返回对应的结果。是字符串的方法例： 'a-b-c-d'.split('-')//结果['a', 'b', 'c', 'd'] 阅读全文

posted @ 2024-01-25 20:32 破晓以后阅读(26) 评论(0) 推荐(0) 编辑

canvas绘制图形总结

摘要： ctx.beginPath()//新建一条路径，生成之后，图形绘制命令被指向到路径上生成路径。 ctx.closePath()//闭合路径之后图形绘制命令又重新指向到上下文中。 ctx.stroke()//通过线条来绘制图形轮廓。 ctx.fill(）//通过填充路径的内容区域生成实心的图形。绘制阅读全文

posted @ 2024-01-25 09:47 破晓以后阅读(7) 评论(0) 推荐(0) 编辑

2024年1月24日

canvas文字的渲染问题

摘要： 1.简单的文字绘制，包括文字的一些样式的设置 canvas的默认字体是 ‘10px sans-serif’ 我们可以通过如下语句进行文字的设置 const fonts=‘bold italic’ //倾斜加粗 const name=‘宋体’ const size=‘14’ const text=‘c 阅读全文

posted @ 2024-01-24 16:16 破晓以后阅读(203) 评论(0) 推荐(0) 编辑

2022年11月7日

生成26字母的方法总结

摘要：在做项目过程中会用到生成26字母(大写）的问题。下面总结两种方法生成26字：第一种：采用for循环（代码相对多一点）： let alphabets=[] const start=‘A’.charCodeAt(0); //可返回指定位置的字符的 Unicode 编码; const end=‘Z’.c 阅读全文

posted @ 2022-11-07 14:45 破晓以后阅读(225) 评论(0) 推荐(0) 编辑