- 博客(22)
- 收藏
- 关注
RSS订阅原创 实用CSS片段
给body标签设置这个属性样式，改变角度看看效果吧。这个效果一般用于轮播背景或者个人中心背景。一般用于特殊时期，网页变灰，只需要给body标签添加这行样式代码。一般用于登录/注册页面的顶部或底部，实现一个波浪滚动效果。一般用于文本的超出隐藏显示省略号效果，应用很广泛。-webkit-line-clamp属性为需要显示的行数，例子中为2行。
2024-07-22 10:06:37
161
原创 网站多语言（2行js）
只需要在html页面中写几行代码，即可实现中文简体，中文繁体，英文三种语言的切换（注意是在线引入，确保电脑有网络的情况下）两行js实现html全自动翻译。无需改动页面、无语言配置文件、无API Key、对SEO友好！以上三种是默认的，更多语言需要再引入多语言的包，加上下面代码即可。translate.js，实现html页面的多语言。下面是我写的个小案例，你可以一键复制看看效果。ok，现在刷新网页看下，应该已经可以了。本文首发于公众号【雪天前端】
2024-07-22 10:03:37
692
原创 vue中使用Swiper
这是一个多图滚动的案例，如需要其他的轮播效果，在swiper官网拷贝相关js代码替换即可。本文首发于公众号【雪天前端】，欢迎关注！
2024-07-08 05:06:13
543
原创 移动端收货地址页（一键复制）
空闲时间写个uniapp收货地址静态页面，用到时直接拿来用，需要的道友一键复制即可。本文首发于公众号【雪天前端】，欢迎关注！
2024-07-08 05:03:14
295
原创 网页刮刮卡效果
Canvas是HTML5中的一个元素，通过在网页上创建一个画布，开发者可以使用JavaScript在其中绘制各种图形、文本和图像。Canvas提供了丰富的API，使开发者可以实现各种复杂的视觉效果和交互功能。相比于传统的基于图片的网页设计，Canvas可以实现更加动态和个性化的内容展示，为用户带来更加丰富的浏览体验。总的来说，Canvas为开发者提供了一个强大而灵活的工具，帮助他们创造出各种引人入胜的视觉效果和互动体验，丰富了网页内容的表现形式，使网页更具吸引力和趣味性。
2024-07-06 15:13:57
293
原创 网页全景看房ThreeJs
最近看了看Three.js,做了个入门级的小案例--简易版的全景看房（可上下左右拖动，可滚轮调整远近，可操作面板自动转动），vue2写的，注释详细，需要学习three.js的道友可以一键复制去学习，代码看着挺多，其实不复杂。它包含了大量的内置功能和效果，如阴影、纹理映射、光照、粒子效果等，同时还支持各种3D模型和几何体的加载和渲染。threeJS的优点包括丰富的功能和灵活性、跨平台性能和兼容性以及庞大的社区支持和资源库，这些优势使得它成为开发3D图形应用程序的理想选择。本文首发于公众号【雪天前端】
2024-07-06 15:11:23
695
原创 屏幕适配-响应式页面源码
核心就是，在对应的屏幕下，通过对发生错乱的元素样式进行更改，让其在该屏幕下排列整齐，在对应的屏幕下，把版心改成当前屏幕的合适大小，去掉元素的定高定宽，宽度改为100%，去除多余的内外边距，左右布局改成上下。核心就是，在对应的屏幕下，通过对发生错乱的元素样式进行更改，让其在该屏幕下排列整齐，在对应的屏幕下，把版心改成当前屏幕的合适大小，去掉元素的定高定宽，宽度改为100%，去除多余的内外边距，左右布局改成上下。本文仅做网页适配案例，学习使用媒体查询，所以只有一个简单的页面，且只写了布局。
2024-07-06 00:59:17
197
原创 零成本搭建博客还有谁还不会？
项目文件夹中的source下的posts文件夹里面的一个.md文件就是一篇博客，你可以再此目录下新建一个.md文件，在里面写内容即可，写完之后保存，接着运行hexo s 回车重启项目，再去看http://localhost:4000/，就会看到刚刚发布的文章，至于每一个hexo主题的导航栏，图片及其它的配置修改，具体看主题的介绍和教程。到这里，其实博客就搭建完了，关于主题的修改，添加样式修改图片啥的，这个看该主题的教程，网上一搜也很多。到此，博客只是在本地，只能自己看看，可以用github的静态托管。
2024-07-06 00:56:47
739
原创 vscode神仙插件
安装好之后你会发现左侧菜单栏多了一个游戏手柄，点击手柄，然后你就懂了吧。有时候哪里少了括号要找半天，设置里面开这个功能帮助快速定位。按 ctrl+shift+p搜索，polacode。左边选择，右边就会生成图片，点击按钮可以设置图片。
2024-01-17 00:29:11
801
1
原创 下载量超高的vscode AI插件
AI生成代码插件还可以提供即时的代码修复和改进建议，帮助开发者更快地发现和解决代码中的问题。通过智能插件提供的语法检查功能，开发者可以及时发现并修复代码中的潜在错误，提高代码的可读性和稳定性。此外，智能插件还可以帮助开发者进行代码格式化，统一代码风格，使代码更加整洁易读。通过智能插件提供的自动补全功能，开发者可以更快速地输入代码，减少拼写错误和语法错误，提高编码效率。另外，智能插件还可以根据上下文提供智能的代码建议，帮助开发者选择合适的代码片段，进一步提升编码速度和质量。初次下载需要到官网登录下。
2024-01-16 17:42:50
1965
1
原创 前端好用的UI组件库（好用就完了）
现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。uv-ui来源于社区，也回归到社区，正是有一群热爱uni-app生态的同学推着它前行，而我们也一如既往的承诺，uv-ui永久开源，永远免费。uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。
2024-01-04 00:45:15
1610
1
原创 如何不翻墙使用谷歌商店
谷歌浏览器的商店访问是这个样子，根本进不去。尝试过一些加速插件但是很不稳定，后来发现如果想用商店里面一些有意思的插件，还是用下面这个更方便，主要是不用加速/翻墙，直接就可以安装使用，插件资源还是很多的，可以试一下。就这个网站，进去之后点教程，看一下很简单，就是：下载–解压—拖到浏览器扩展程序里面—完成。本文首发于公众号:雪天前端。
2023-12-21 05:15:26
3160
1
原创 Echarts Demo网站合集
Echarts提供了多种图表类型，包括折线图、柱状图、饼图、雷达图、散点图等，可以满足各种数据展示需求。它的特点之一是支持大规模数据的展示和交互，可以处理包含几万甚至几十万数据点的图表。此外，Echarts还提供了丰富的交互功能，例如数据筛选、图例切换、数据缩放等，使用户能够自由地浏览和探索数据。Echarts是一个基于JavaScript的开源图表库，用于创建各种交互式的数据可视化图表。它由百度开发并维护，提供了丰富的图表类型和灵活的配置选项，使开发者能够轻松地将数据转化为可视化图形。
2023-07-06 12:20:53
1250
空空如也
用了很久的uniapp，越用越迷糊？
2023-07-19
uniapp前景如何？
2023-07-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人