基础知识盲点——2

本文深入探讨了前端开发中的关键技巧与优化方法,包括如何使用jQuery实现元素失去焦点、选择文字高亮、数字格式化、div高度设置、伪类应用、图片加载优化、margin负值效果等。同时,解释了input和select元素宽度显示差异的原因,以及z-index的使用场景。文章还介绍了HTML和CSS基础知识,并提供了一个关于伪类操作的实用案例。

1、Jquery方法blur()失去焦点

2、选择文字后高亮::selection属性

3、a.toString().replace(/^(\d)$/, "0$1") .($1指的就是符合你第一个括号里的正则的数据,如果a是1个数字,转换成2位数,前面以0补充)

4、给div设置高的时候,如果设置为百分比,都没有用,它由内部的内容的高决定。如果设置为px,则不管div内部有无东西都会是有效地,但是有人教了我一个方法,就是将html和body的高度都设置为100%的时候,给空的div设置高度就会有效。

5、z-index只对定位元素有效

6、伪类。了解到::before与::after究竟是什么,怎么使用,http://zhidao.baidu.com/link?url=-urwZhXh1zf3Xnly9jQ9B-1gBh3QruK5w_IerqXpx65p2Z9ttj-iEGqrvsXGRXiwsMq-kj0Ipr7udp7Vf6mZikAtE9Yelz8pVtsehIwS6-y,http://www.w3cplus.com/css3/learning-to-use-the-before-and-after-pseudo-elements-in-css.html。这个是通过样式对某个标签里的内容的首和尾进行操作(可添加内容和图片)。

7、图片存储时,勾选“连续”会使图片在网页上显示过慢时,先看到模糊版的图片,然后图片会渐渐清晰,这样可以提高用户体验。优化方式他的显示是从上到下,高度一点加的;连续是一下就把轮廓放出来,逐渐清晰

8、margin定义为负值的时候有独特的效果

9、input和select设置相同的宽高但是其显示时又不相同的原因:::select的css width样式,包含边框和内边距,即:真实的width=CSS width。

                                                                                      而input的css width样式,则不包含边框和内间距,真实的width=CSS width border padding。

10、obj.style这个是获取元素的行间样式

 

 

转载于:https://www.cnblogs.com/molinglan/p/3834070.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值