![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
常见小问题
html+css+js基础知识遇到的小问题
Codingwithlife
对人真诚,对事热忱,codeing...
展开
-
兼容html5新标签
不能识别HTML5新标签而不能使用,解决办法有两种:1)方法1:实现标签被识别IE8/IE7/IE6 支持通过 document.createElement(tagName)方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签;浏览器支持新标签后,还需要添加标签默认的样式2)方法2:当然最好的方式是直接使用成熟的框架、使用最多的是 html5shim框架):Github:https://github.com/afarkas/html5shiv/用到条件注释加 JS .原创 2020-10-14 14:02:15 · 165 阅读 · 0 评论 -
img标签的一些问题
1 img标签空白像素问题实际上,这其实是inline元素搞的鬼。在html5和css3中,图片文字等内联元素,它默认对齐方式都是和它的父级的 baseline 去进行对齐的,但是你对齐的是 baseline,撑开高度的却是元素整体的高度(bottom line),这样肯定就会造成一定的间隙,也就是我们上文出现的问题了。第一种解决方案:把img变成块元素:display:block;第二种解决方案:修改一下它的垂直对齐方式:vertical-align:middle、top、bottom;..原创 2020-10-10 16:10:38 · 971 阅读 · 0 评论 -
vue各种报错及其原因
错误提示npm ERR! code ENOSELFnpm ERR! Refusing to install package with name "vuex" under a packagenpm ERR! also called "vuex". Did you name your project the samenpm ERR! as the dependency you're installing?npm ERR!npm ERR! For more information, see:np原创 2020-09-21 17:49:20 · 966 阅读 · 0 评论 -
div获取焦点的方法
div元素能实现获取焦点的方法:给div元素添加一个 tabindex属性,这个属性的取值范围为≥0的整数。tabindex属性值越小(最小为0)其所在的标签越先得到焦点 <style> div{ width: 100px; height: 100px; outline:none; background-color: #f00; } </..原创 2020-09-04 15:58:24 · 1747 阅读 · 0 评论 -
值传递与引用传递题目解析
function Person(name,age,salary){ this.name=name, this.age=age, this.salary=salary; } function f1(person){ //参数调用 var person=p person.name="ls", person=new Person("aa...原创 2020-08-10 11:15:25 · 154 阅读 · 0 评论 -
js中逻辑&&和||
在运算过程中,首先js会将 && 和|| 两边的值转转成Boolean 类型,然后再算值,转换成boolean 的规则 是:对象、非零整数、非空字符串返回true,其它为false;下面是我自己的一些总结。逻辑与&& (遇到为假的项就返回该假项的值;全是真值返回后面的那一个真项的值)逻辑与和逻辑或一样,都需要把前后两项进行Boolean转换再比较 如果第一项的值为true时,则执行后面一项的运算,返回的是第二项执行运算后的值 如果第一项的值为fal...原创 2020-08-07 10:45:14 · 448 阅读 · 0 评论 -
双飞翼布局与圣杯布局具体实现
1、双飞翼布局 由三列组成,两端固定,中间自适应。 双飞翼布局的优点: (1)兼容性好,兼容所有主流浏览器,包括万恶的IE6。 (2)因为在DOM中center_panel在三列结构的最前面,因此可以实现主要内容的优先加载。<style> .container{ margin: auto; overflow: hidden; width: 800...原创 2020-07-26 14:53:47 · 188 阅读 · 0 评论 -
css伪类与伪元素笔记
1、伪类伪类:专门用来表示元素的一种特殊状态常用伪类选择器(1)a标签:a:link/:visited/:hover/:active(注意顺序)(2):focus 获得焦点(3):first-child/:last-child/:nth-child(number)关于a标签:a:link,定义正常链接的样式;a:visited,定义已访问过链接的样式;a:hover,定义鼠标悬浮在链接上时的样式;a:active,定义鼠标点击链接时的样式。1 .定义超链接样式的顺...原创 2020-07-26 13:37:10 · 91 阅读 · 0 评论 -
面试题:输入一个url地址到最终页面渲染完成发生了什么的思考
1、DNS解析:将域名地址解析为IP地址2、TCP连接:TCP三次握手3、发送请求4、接收响应5、渲染页面6、断开连接:TCP四次挥手(服务器先关闭,浏览器后关闭)原创 2020-08-10 18:50:12 · 348 阅读 · 0 评论 -
js判断是不是数组类型的两种方式?
(1) instanceof:只能用来判断对象和函数的类型,返回值是布尔类型,不能用来判断字符串和数字等。"arr"instanceof Array 判断是不是数组,其中"arr"表示要判断的数组名字 var arr1=[1,2,3,4,5,6]; var arr2=(1,2,3,4,5); console.log(arr1 instanceof Array);//true console.log(arr2 instanceof Array);//fal...原创 2020-08-01 23:19:13 · 897 阅读 · 0 评论 -
使用函数数组翻转
规律newArr[newArr.length]=arr[i]// 新数组下标:newarr.length 0,1,2,3,4 //原数组倒序的值: arr[i] 5,4,3,2,1function rever(arr){ var newArr=[]; for(var i=arr.length-1;i>=0;i--){ newArr[newArr.length]=arr[i]; } return newArr;}...原创 2020-08-01 20:59:58 · 378 阅读 · 0 评论 -
js封装一个typeof类判断数据类型
function type(target){ var ret=typeof(target); var flag={ "[object Array]":"array", "[object Object]":"object", "[object Number]":"number-object", "[object Boolean]":"boolean-object", ...原创 2020-07-29 18:17:34 · 141 阅读 · 0 评论 -
用伪元素做分割线
<div id="header"> ----------设置给定的高度,宽度100% <div class="header">--------------设置给定高度、宽度,设置居中 <div class="header_left">------------float:left;设置宽度,高度一般和父类相同 内容(ul li span)----------line-height=高度,设置居中</di...原创 2020-07-05 10:13:07 · 1176 阅读 · 0 评论 -
分享一道运算符的面试题
(window.foo||(window.foo="bar"));//“||”优先级高于“=”,先读括号,把bar赋值进去。console.log(window.foo);//结果是bar原创 2020-07-14 12:58:02 · 288 阅读 · 0 评论 -
网页头部实现水平居中(margin:auto)需要知道的
在做一些官网时,我发现了大多数官网的header部分都会用到水平居中。但是对于一些刚开始学习静态网页布局的同学来说,使用margin:auto的时候,知道这其中的原理是很有必要的。在块级元素设置width值的情况下,设置其margin:auto;可以在父级元素中实现水平居中。margin:0 auto 不能实现水平居中的原因解析1. 需要居中的元素没有设置宽度margin:0 auto 中auto的意思是根据元素左右宽度自适应,但是在块元素不设置宽度width的情况下,宽度width默认是100原创 2020-07-04 19:37:01 · 2111 阅读 · 1 评论