- 博客(34)
- 收藏
- 关注
RSS订阅原创 clipboard.js（web页面实现点击复制）
一个很简单的需求，一个单页面需要一个点击复制的功能后来在线上找到一个clipboard.js可以实现，这里只用到了最基础的用法，页面样式布局基于bootstrap5.2.3。
2024-06-12 15:10:42
358
原创 img-comparison-slider
最近公司的官网需要改版，设计找到了一个比较有意思的交互效果，主要是用于比较图像前后的滑块组件，更直观的感受，简单记录一下!嘿嘿~~~
2024-06-07 09:34:32
521
原创 css font-family
在CSS的font-family属性中，经常会在字体栈的末尾指定sans-serif作为默认字体。这是因为sans-serif（无衬线字体）是一类非常通用的字体，几乎所有现代操作系统都包含至少一种无衬线字体。
2024-06-04 11:15:19
722
原创 web网页，瀑布流，加载更多(masonry+imagesLoaded+bootstrap+ajax)
【代码】web网页，瀑布流，加载更多(masonry+imagesLoaded+bootstrap+ajax)
2024-03-05 10:53:22
717
原创 web 实现微信分享功能
生成二维码可以用谷歌的二维码api生成（应该也可以用其他的方式，但是找了一会没有找到哈哈哈哈，等有时间找到了再来补充！思路就是点击分享按钮弹出二维码，提醒用户微信扫，扫描后自动就会在微信里打开了，然后用户就可以使用微信内部的分享功能了！查了很多资料，发现微信的网页分享，只能在微信浏览器中打开的网页才能调用这个功能（微信js-sdk）。但是我们是pc端打开的web，网页怎么可以实现分享呢？看到了今日头条的微信分享，就参考着做了一个类似的。通过这样的链接可以生成一个二维码。
2024-03-04 22:51:45
1115
原创 vanilla-tilt.js(一个流畅的 3D 倾斜 JavaScript 库，源自 Tilt.js（jQuery 版本）。)
vanilla-tilt.js(一个流畅的 3D 倾斜 JavaScript 库，源自 Tilt.js（jQuery 版本）。
2024-02-28 16:26:29
567
1
原创 border设计渐变同时设置圆角
主要是利用background的属性来巧妙地设置border的效果，因为渐变色border-image的设置和圆角的设置 border-radius是不能共同存在的，如果共同存在的话，那么只有渐变色会生效，圆角则显示不出来。
2024-01-29 16:47:39
900
原创 npm发布包，更新包，删除包
文章目录创建包创建包npmjs官网注册账号密码命令行下（npm login）发布（npm publish）更新包更新包中的代码测试是否可用修改版本号发布更新删除包删除包（npm unpublish）将自己的工具包发在npm服务上，方便自己和开发者使用创建包创建包创建文件夹，并创建文件index.js，在文件中声明函数，使用module.exports暴露npm初始化工具包，package.js填写包的信息（包的名字是唯一的），改为官方镜像npmjs官网注册账号密码需要邮箱验证，激活账号
2023-12-01 16:01:10
611
原创 函数的一些方法
Object.values(Object.fromEntries(skuVal.slice(0, -3)))的含义是将skuVal数组的前几个键值对的值提取出来，并以数组的形式返回。
2023-09-04 21:35:13
65
原创 css中background的学习与总结
css background详解相对于视口固定，与元素没有关系了；local背景图相对于元素内容固定，元素滚动，内容也滚动设置多背景background-blend-mode（混合模式）background-blend-mode: normal;background-blend-mode: multiply;background-blend-mode: hard-light;background
2022-10-18 13:50:31
906
原创 css中background的属性
1.background-color：设置盒子的背景颜色； background-color: blue;2. background-image：设置盒子的背景图片；background-image: url(./news-1.png);3. background-repeat: 设置盒子的背景图片是否重复；background-repeat: no-repeat;4.background-position:设置盒子的背景图片的起始位置；background-positi
2022-05-23 17:26:12
2586
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人