
web前端
文章平均质量分 59
冰夏之夜影
学无先后,达者为师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【css酷炫效果】纯CSS实现科技感网格背景
想直接拿走的老板,链接放在这里:上传后更新。原创 2025-03-19 13:42:47 · 794 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现球上下浮动填充效果
想直接拿走的老板,链接放在这里:上传后更新。原创 2025-03-19 13:37:35 · 251 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现心电图波动动效
想直接拿走的老板,链接放在这里:上传后更新。原创 2025-03-19 13:34:53 · 224 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现文字立体投影效果
想直接拿走的老板,链接放在这里:上传后更新。原创 2025-03-19 13:34:35 · 458 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现故障文字特效
【代码】【css酷炫效果】纯CSS实现故障文字特效。原创 2025-03-18 09:49:43 · 515 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现大风车旋转效果
【代码】【css酷炫效果】纯CSS实现大风车旋转效果。原创 2025-03-18 09:49:30 · 359 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现火焰文字特效
【代码】【css酷炫效果】纯CSS实现火焰文字特效。原创 2025-03-18 09:49:13 · 580 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现粒子旋转动画
【代码】【css酷炫效果】纯CSS实现粒子旋转动画。原创 2025-03-18 09:48:55 · 587 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现波浪形分割线
想直接拿走的老板,链接放在这里:上传后更新。原创 2025-03-18 09:47:03 · 502 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现魔法阵旋转
想直接拿走的老板,链接放在这里:上传后更新。原创 2025-03-18 09:46:37 · 339 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现虫洞穿越效果
【代码】【css酷炫效果】纯CSS实现虫洞穿越效果。原创 2025-03-18 09:45:46 · 354 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现全屏粒子连线
【代码】【css酷炫效果】纯CSS实现全屏粒子连线。原创 2025-03-18 09:41:28 · 286 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现按钮流光边框
纯CSS实现立体纸张折叠动效。想直接拿走的老板,链接放在这里:***原创 2025-03-17 14:33:13 · 472 阅读 · 0 评论 -
【css酷炫效果】纯css实现液体按钮效果
纯css实现动态边框液态按钮。想直接拿走的老板,链接放在这里:https://download.csdn.net/download/u011561335/90490497原创 2025-03-17 14:05:12 · 566 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现气泡上升动画
今天,我们将探讨如何使用纯CSS来实现一个气泡上升动画。想直接拿走的老板,链接放在这里:***原创 2025-03-17 13:58:32 · 545 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现立体纸张折叠动效
通过CSSbox-shadow与transition属性实现,为元素添加细腻的悬浮反馈。想直接拿走的老板,链接放在这里:***原创 2025-03-17 13:51:04 · 424 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现立体纸张折叠动效
通过CSS 3D变换实现,模拟真实纸张被折叠的物理效果。想直接拿走的老板,链接放在这里:***原创 2025-03-17 13:43:23 · 342 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现进度条加载动画
通过CSS渐变与背景位移动画,无需JavaScript即可创建。想直接拿走的老板,链接放在这里:***原创 2025-03-17 12:53:03 · 706 阅读 · 1 评论 -
【css酷炫效果】纯CSS实现文字逐字显现打字效果
模拟经典打字效果,无需JavaScript即可实现字符逐个显现的视觉效果。原创 2025-03-17 12:05:53 · 465 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现3D翻转卡片动画
仅需 30 行代码即可实现专业级 3D 卡片效果。想直接拿走的老板,链接放在这里:***原创 2025-03-17 11:49:42 · 637 阅读 · 0 评论 -
【css酷炫效果】纯CSS创建流体渐变背景动画
纯CSS创建流体渐变背景动画,想直接拿走的老板,链接放在这里:[点击下载]原创 2025-03-17 11:44:24 · 456 阅读 · 0 评论 -
【css酷炫效果】纯CSS实现无限旋转加载动画
纯CSS实现无限旋转加载动画,想直接下载代码的,链接在这里:[点击下载]原创 2025-03-17 11:35:13 · 380 阅读 · 0 评论 -
【css酷炫效果】悬浮放大卡片
想直接下载代码的,链接在这里:***原创 2025-03-17 11:27:00 · 299 阅读 · 0 评论 -
【css酷炫效果】实现鱼群游动动态效果
在开发系统功能的时候,无意间看到了小鱼游动特效,感觉很有意思,就在网上找了相关教程,分享给大家。原创 2025-03-17 11:11:24 · 589 阅读 · 0 评论 -
Vue学堂 通过路径传递参数
Vue 通过router传递参数router.js跳转设置参数跳转到页面获取参数通过url后携带参数设置第二种设置方式获取参数通过json数据传递设置方式获取方式router.js跳转设置参数 { path: '/profile/:fcId', component: Profile}跳转到页面获取参数this.$route.params.fcId;通过url后携带参...原创 2019-11-25 22:37:12 · 842 阅读 · 0 评论 -
vue 中父子组件中传值的另一种方式:props
vue 中父子组件中数据的传递:propsvue中的另一种传值方式 propsvue中的另一种传值方式 props长话短说,看代码:首先我们在父页面中定义一个变量:export default { name: 'message', data () { return { param:1 } },之后就可以在子节点中使用父节点定义的参数:e...原创 2019-11-23 18:44:00 · 211 阅读 · 0 评论 -
vue属性介绍(一)ref 与$refs的互生关系
文章目录场景介绍实例介绍ref在实例中的应用$refs在实例中的应用重要提醒场景介绍当我们需要在js中获取某个节点的时候,我们一般会采用什么呢,js中可以是document.getelementById("dom"),jquery中可以是$("#dom"),那么vue中我们可以怎样快速获取指定节点的dom信息呢,我想说的是:ref为你而来。实例介绍在介绍实例之前,我们先来说一下ref 和$...原创 2019-11-10 23:04:51 · 297 阅读 · 0 评论 -
springboot 中 thymeleaf 的使用
首先看一下目录结构:然后从pom配置开始:第一步:引用: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>截...原创 2018-05-14 12:10:29 · 481 阅读 · 0 评论 -
输入框底色变成了黄色,用这段代码变成无色
style="-webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC!important;"翻译 2018-08-31 16:08:55 · 2024 阅读 · 0 评论 -
js判断是否在iframe中
1.方式一if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中');}2.方式二if (window.frames.length != parent.frames.length) { alert('在iframe中');}3.方式三if (sel...转载 2018-10-19 16:29:01 · 1774 阅读 · 0 评论 -
-ws-我的素材-json测试及格式化
通常大家对json的处理方式是这样:!--ws-json--[{"name":"设置","title":"爱我所爱","subhead":"恨我所恨","backcolor":"#CD9B1D","font-size":"30","font-family":"STXingk原创 2019-01-19 22:23:38 · 677 阅读 · 0 评论 -
js中图片的base64处理
首先说一下哪些时候会用base64处理图片:1.特殊环境下不支持图片的直接引用。2.特殊环境下图片比例失衡。3.加载时图片必须显示。 在日常的开发环境下,这个功能并不常用,还是记录一下,或许用到了呢 先给个转换的地址:https://tool.css-js.com/base64.html 导入图片即可转换为data:image/png;base64,iVB......原创 2019-01-20 15:33:51 · 2118 阅读 · 0 评论 -
vue 不同组件之间参数的传递 -> global
说说vue组件中参数的传递在开发中经常会用到不同之间组件数据的传递。下面说说怎么来通过自定义global 对vue中不同组件的数据传输。首先 在 assets 中创建js文件global.js ,内容如下:const base = { modelName:'wxyd'}//用户信息const userSite = { id:'222', userId:'2...原创 2019-06-20 16:53:46 · 741 阅读 · 0 评论 -
vue 不同组件之间参数的传递 -> eventBus
以下是按照我的理解来使用的eventBus,如有不妥请留言,谢谢依然是通过eventBus来对不同组件之间的参数进行传递。直接上代码。首先在main中添加代码如下:Vue.prototype.$EventBus = new Vue()下面通过演示title值得读取和变更来说下eventBus的使用。通过代码更新数据。代码如下:this.$EventBus.$emit("...原创 2019-06-20 17:00:54 · 979 阅读 · 0 评论 -
vue 不同组件之间参数的传递 -> Vuex
之前已经说了global和eventBus的使用,下面来说一下Vuex的使用,如有不妥之处,请指出,谢谢。1.安装vuex ,命令为:npm i vuex -S2.在创建store文件夹,在文件夹中创建js文件stores.js,如下:const stores = new Vuex.Store({ state: { count: 0 }, mutations...原创 2019-06-20 17:09:56 · 893 阅读 · 1 评论 -
nginx配置解析客户端真实IP
起因自从前后端分离兴起之后,毫无疑问,nginx成为了前端服务器的首选,然而便捷的同时也产生了一些问题,比如客户端访问时需要nginx转发,但是后台获取时的客户端地址却是nginx的代理地址,由此,查找了下解决方案,在nginx中的nginx.conf中可以通过配置使显示客户端真实ip,具体操作如下:nginx配置解析客户端真实IPproxy_set_header X-Real-IP $r...原创 2019-09-30 15:20:53 · 667 阅读 · 0 评论 -
jquery对多个相同id的赋值
不闲聊,具体代码:HTML代码:js代码: $("div [id=aaa]").each(function(){ console.log(2); $(this).html("2"); }); 注:以上代码针对div标签内容生效,如果是输入框,请修改div为input后测试。原创 2017-07-11 10:46:44 · 16178 阅读 · 4 评论