JavaWeb开发者对平时遇到的一些前端知识点的总结(一)

本文分享了前端开发中的一些实用技巧,包括如何规避a标签的默认行为,使用rgba设置背景透明度,input元素的外观调整,fixed定位的特性,以及通过display属性实现div元素的动态显示与隐藏。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

致力于JavaWeb的开发,是免不了要接触前端语言的,Html、Css、Javascript、Jquery、Ajax等等都是网站开发中最基本的前端知识。
写一篇文章记录自己在前端的页面开发、交互设计中的注意点。

  1. 规避a标签href属性的请求:在a标签后面加上onclick属性,值为return false;或者监听a标签点击事件,最后加上return false
    <a href="url" onclick="return false">修改资料</a>
    $("#update").click(function () {return false;})
  2. rgba(160,163,163,0.5)可以设置背景的透明度,前三个参数分别是颜色的R、G、B值,第四个参数就是透明度值,等于0就是完全透明
  3. 设置input的outline为none可以使点击输入框的时候也不会显示边框。跟border=none不同,border=none只会设置边框为空,但是点击输入框的时候还是会跳出边框。
  4. position=fixed的位置是相对于整个窗口,且位置不会改变
  5. 设置display=none,可以让div不显示,然后在事件中调用它的fadeIn()和fadeOut()可以达到显示和消失的切换效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值