![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学生提问
文章平均质量分 54
骆小胖
这个作者很懒,什么都没留下…
展开
-
CSS 实现元素垂直居中方案
这是一个前端开发里常见的问题,面试也会经常提到:用CSS 实现元素水平垂直居中,都有哪些方案? 【详解】 参考网址:http://blog.csdn.net/weixin_39361971/article/details/79421209http://web.jobbole.com/83384/http://www.360doc.com/content/16/0406/21/15398874_548414234.shtmlhttps://www.cn原创 2018-03-03 16:26:35 · 89 阅读 · 0 评论 -
浅谈获取html元素宽高的两种方式-offsetWidth和width的区别
原创 2019-01-16 10:53:05 · 1152 阅读 · 0 评论 -
CSS优化单选多选按钮样式(2)
css特殊字符表。 这两天学生做项目,将项目里遇到的特效简单讲解下。这里做下备注,课程大纲适当调整。 【主体】 因为特殊字符表在某些低版本浏览器展示容易出现问题,所以这里再介绍一种方案--->伪元素+画长方形+旋转 <!DOCTYPE html><html><head> <meta charset="utf-8"&a原创 2019-01-16 11:35:30 · 757 阅读 · 0 评论 -
浅谈空标签对伪元素的支持
OM元素,伪元素都是在容器内进行渲染的。input无法容纳其他元素,因此它不支持伪元素。 规范:Authors specify the style and location ofgenerated content with the :before and :after pseudo-elements. As theirnames indicate, the :before and :after pseudo-elements specify thelocation of cont原创 2019-01-16 11:53:00 · 220 阅读 · 0 评论 -
input表单控件及属性补充
</title> <style type="text/css"> *{ margin: 0; padding: 0; } .area{ width: 600px; height: 40px; border: 1px solid red; } .area span{ color: red; display: none; } .area原创 2019-01-18 11:57:53 · 690 阅读 · 0 评论 -
正则验证案例(1)
harset="utf-8"> <title>demo</title> <style type="text/css"> *{ margin: 0; padding: 0; } /*属性选择器*/ input[name="phone"]{ color: red; } </st原创 2019-01-25 09:33:26 · 146 阅读 · 0 评论 -
if条件后加大括号{}和不加大括号{}的区别
原创 2019-02-12 15:22:54 · 36723 阅读 · 5 评论 -
浅谈ASCII码
示(因为计算机用高电平和低电平分别表示1和0),例如,像a、b、c、d这样的52个字母(包括大写)以及0、1等数字还有一些常用的符号(例如*、#、@等)在计算机中存储时也要使用二进制数来表示,而具体用哪些二进制数字表示哪个符号,当然每个人都可以约定自己的一套(这就叫编码),而大家如果要想互相通信而不造成混乱,那么大家就必须使用相同的编码规则,于是美国有关的标准化组织就出台了ASCII编码,统一规定了上述常用符号用哪些二进制数来表示。 (2)概论 ASCII原创 2019-02-16 11:19:01 · 402 阅读 · 0 评论 -
JS字符串比较大小
原创 2019-02-16 11:30:05 · 9936 阅读 · 2 评论 -
attachEvent兼容各浏览器事件(DOM2级事件的兼容处理)
on> <script type="text/javascript"> window.onload = function(){ // DOM2事件兼容 function addEvent(obj,ev,fn){ //obj为要绑定事件的元素,ev为要绑定的事件,fn为绑定事件的函数 if(document.addEventListener){ obj.addEventListener(ev原创 2019-02-18 11:40:39 · 480 阅读 · 0 评论 -
for循环读取i值
原创 2019-03-02 16:06:30 · 2464 阅读 · 0 评论 -
浅谈页面布局定位
。那为什么在开发过程里,经常给父元素设置相对定位,然后给子元素设置绝对定位呢? 【主体】 针对这个问题,也是前端里经常出现的一个问题。有的入门不久的经常按照编程习惯记成“子绝父相”,即子元素绝对定位,那么父元素一定要设置相对定位。 这个只是编码习惯造成的错误理解。。。 之所在开发里经常给父元素加相对后再给子元素加绝对定位,是因为父元素加相对定位后才不会摆脱流式布局,其他定位属性会让其摆脱流式布局的文档流,造成页面布局混乱。 .原创 2019-03-25 14:57:55 · 202 阅读 · 0 评论 -
jquery的animate无法支持transform属性的解决方案
原创 2019-03-25 16:41:25 · 2809 阅读 · 0 评论 -
浅谈纯CSS实现二级导航(优缺点与局限性)
ck一样,无法实现过渡。 注意(局限性):高度变化若想出现过渡效果,必须由0变到指定高度,如0-200px等才可以。 【主体(1)height由0变为auto<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS</title&原创 2019-01-15 09:26:57 · 531 阅读 · 1 评论 -
原生JS之lastChild和lastElementChild、childNodes和children区别
(1)原生JS遍历时操作如下childNodes获取所有子节点(包括包括文本节点、注释节点即回车、换行、空格、文本等等)firstChild获取第一个子节点(可以为注释节点)lastChild获取最后一个子节点(与firstChild类似)parentNode返回给定节点的父级节点nextSibling返回给定节点的下一个节点previousSibling返回给定节点的上一个节点注意:上面写法是IE8之前旧版本写法,也可以在I原创 2018-12-22 14:55:19 · 6081 阅读 · 0 评论 -
js 三元表达式
原创 2018-04-01 11:22:10 · 93 阅读 · 0 评论 -
input样式修改
原创 2018-04-02 23:43:42 · 74 阅读 · 0 评论 -
js中的innerHTML,innerText,value的区别
details/53023916https://blog.csdn.net/dexing07/article/details/77947333https://blog.csdn.net/k491022087/article/details/52558868【主体】(1)先说下常见的innerHTML和innerText 实例代码:<div id="test"> <span style="color原创 2018-04-03 23:13:47 · 917 阅读 · 0 评论 -
当引入多个js库,解决jquery冲突
原创 2018-04-07 23:58:38 · 316 阅读 · 0 评论 -
Scripts may close only the windows that were opened by it
法 【主体】(1)关闭页面的代码//禁用预先调试和控制台开发者工具 var threshold = 160; // 打开控制台的宽或高阈值 // 每秒检查一次 window.setInterval(function() { if (window.outerWidth - window.innerWidth > threshold || window.outerHeight - window.innerHeight原创 2018-04-27 22:30:08 · 9853 阅读 · 1 评论 -
教学积累
原创 2018-08-04 15:09:54 · 96 阅读 · 0 评论 -
浅谈jQuery的animate控制背景颜色
需要记住一件重要的事情:当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。同时,色彩动画并不包含在核心 jQuery 库中。如果需要生成颜色动画,您需要从 jquery.com 下载 Color Animations 插件。 链接:https://github.com/jquery/jquery-color.原创 2018-08-22 19:39:28 · 2587 阅读 · 0 评论 -
jquery 调用live()方法无效?
原创 2018-08-29 16:49:11 · 3882 阅读 · 0 评论 -
css修改滚动条默认样式
【主体】 简单的demo,可以尝试下: /*滚动条样式*/ .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ b原创 2018-08-29 17:46:30 · 160 阅读 · 0 评论 -
为什么绝对定位(absolute)的父级元素必须是相对定位
【总结】 如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位。这句话是错的。 正确的是:只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的)。 绝对定位(Absolute positioning)元素定位的参照物是其包含块,既相对于其包含块进行定位,不一定是其父元素。.原创 2018-10-24 22:33:58 · 6676 阅读 · 1 评论 -
CSS实现文字竖向排版
别的方法吗?这里我简单总结几个别的方法。以后上课重点强调下 【主体】(1)常用方法<div class="one">我是竖列排版</div> <div class="two">I AM ENGLISH</div>.one { width: 20px; margin: 0 auto; line原创 2018-10-31 16:35:55 · 5184 阅读 · 0 评论 -
JS中for循环出现的问题:如何给li元素绑定事件,点击每个li元素弹出对应的
原创 2018-12-02 20:06:15 · 2698 阅读 · 0 评论 -
JS字符串多行换行
原创 2019-03-25 17:43:10 · 32369 阅读 · 0 评论