- 博客(21)
- 收藏
- 关注
RSS订阅原创 函数声明和函数表达式声明的区别
以函数声明的方法定义的函数，函数名是必须的，而函数表达式的函数名是不必须的 以函数声明的方法定义的函数，函数可以在函数声明之前调用，而函数表达式的函数只能在声明之后调用 以函数声明的方法定义的函数并不是真正的声明，他们仅仅可以出现在全局中或者嵌套在其他函数中 ...
2019-08-13 22:23:21
195
原创 解释变量提升（预解析）
找var function 参数 逐行执行代码 找var 的时候，如果存在var关键字，则会将这个变量先存储下来，存储的形式为var a=undefined ，预解析的时候，变量中存的都是undefined,等到逐行解析遇到表达式即+ - * % ++ – 等操作才会改变变量的值 找function的时候，即执行函数时，函数内部可以看作是一个小的区域，有自己的预解析，参数就和...
2019-08-13 22:18:38
613
原创 对作用域链的理解
函数在调用参数时会从函数内部到函数外部逐个搜索参数，一直找到参数为止，如果没有声明就返回null,声明了没有赋值就返回undefined,就像沿着一条链子去搜索 老师的笔记是：从当前作用域开始找直到全局作用域里 ...
2019-08-13 22:12:37
181
原创 今天我学会了用定时器写轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-08-13 22:05:18
172
原创 js的数据类型
js的数据类型：基本数据类型(number string boolean null undefined)和复杂数据类型(object array function) 特殊的NaN是number类型 小数相加会有一些偏差 console.log(0.1+0.2==0.3) //false string类型即字符串，字符串使用引号引起来的 从键盘输入的内容都是字符串 获取字符串的长度 变量....
2019-08-07 21:59:46
192
原创 什么是less？less有什莫好处？
less是动态的样式表语言，通过简单，明了的语法定义，使编写css 的工作变得非常简单，在实际项目开发中，大大提高了前端工程师的工作效率 css需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，造成这些困难的很大原因源于css是一门非程序性语言，没有变量，函数，scope等概念 less在css基础上引入了变量，混入，运算以及函数等功能，大大简化了css的编写，并且降低了css的维护成...
2019-08-01 20:46:44
2996
原创 常见的移动端布局解决方案有哪些？原理如何？
①固定布局 采用固定像素 原理：设置好视口，跟PC端写法一样，版心设置320即可 优点：思路沿用pc端，上手简单 缺点：界面两侧留有空白，用户体验差，而且元素略小 ②流式布局 原理：用百分比代替固定像素，限制布局盒子的最大最小宽度 优点：实现自适应 缺点：只做宽度适配，高度会被拉伸 ③rem布局 原理：设置跟标签html字体的大小，利用媒体查询不同屏幕宽度下字体的大小，利用相对定位rem代替固定...
2019-08-01 20:17:34
1056
原创 如何显示小于12px的字体？单行文本和多行文本溢出显示省略号，如何实现？
使用transform:scale()进行缩放 单行文本溢出显示省略号 p{ width:200px;//限定盒子的宽度 overflow:hidden;溢出的文本隐藏 text-overflow:ellipsis;溢出的显示省略号 white-space:nowrap;文本不换行 } 多行文本溢出 p { width:200px; overflow:hidden; text-overflow:e...
2019-08-01 19:52:50
181
原创 css中过渡和动画的区别
过渡：描述的是两个状态之间变换，需要触发才可以执行 transition-property:需要过渡属性的名字 transition-duration:过渡效果执行的时间 transition-delay；规定过渡何时开始 transition-timing-function:规定过渡的速度曲线 transition是合写 动画：描述的是多个状态之间的变换，不用触发，自己执行 animation-...
2019-08-01 19:31:08
857
原创 bootstrap的核心是什么？简述其规则。
核心是栅格系统 ①行必须包含在.container(固定宽度)或.container-fluid(100%宽度中)，必须为其赋予合适的排列或内补 ②通过行在水平方向创建一组列 ③你的内容应该放在列内，并且只有列可以作为行的直接子元素 ④通过为列设置padding属性，从而创建列与列之间的间隔，通过为row元素设置负的margin值从而抵消掉为.container元素设置的正padding，也就间接...
2019-08-01 18:53:56
965
原创 什么是响应式布局？原理是什么?
响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同显示方式。其理念是：页面的设计与开发会根据用户行为以及不同设备的环境来响应和调整。具体的实现方式有很多种，包括弹性网格和布局，图片，css媒体查询等，无论用户正在使用笔记本还是ipad的，我们的页面都能够自动切换分辨率。图片尺寸及相关脚本功能等，以适应不同的设备，换句话说，页面应该有能力去自动响应用户的设备环境，响应式网页设计就是一个网站能够兼...
2019-08-01 18:24:58
1847
原创 响应式网站的优缺点
优点：①减少工作量，网站，设计，代码，内容都只需要一份，多出来的工作只是JS脚本，css样式做一些改变 ②节约时间 ③每个设备都能得到正确的设计 缺点：①会加载更多的样式和脚本资源 ②设计比较难精确定位和控制 ③老版本浏览器兼容不好 ...
2019-08-01 18:07:40
225
原创 移动端的京东
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- 视口设置 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-07-27 16:28:01
352
1
原创 输入框的写法
代码如下 <div class="jd-header"> <!-- 搜索框 100% 自适应 --> <div class="header-inner"> <!-- 搜索框盒子 --> <div class="search-bar"&...
2019-07-27 16:22:24
405
原创 面试题
1：在项目中你是怎么做图片优化的呢？ 1.降低图片的大小 2.选择适当的图片尺寸 3.使用精灵图 4.使用字体图标 5.使用svg技术 2：在为什么要初始CSS样式？ 1.因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对css初始化往往会出现浏览器之间的页面显示差异 2.初始化css主要是提高编码质量，如果不初始化整个页面，重复的css样式很多 2：单行文本溢出和多行文本溢出怎...
2019-07-27 10:51:39
86
原创 面试题
1：图片间隙问题如何解决？ 1:display:block; 2:不让它以基线对齐 ----》底线 顶线 中线 随意一个就可以解决 vertical-align:top/middle/bottom 3:文字行高为0 文字大小也为0 —》装图片的盒子设置 font-size:0 line-height:0 2：说一说常见的浏览器兼容问题？ 比如ie8图片边框问题，ie6浮动双边距问...
2019-07-26 08:15:44
63
原创 面试题
1：图片间隙问题如何解决？ 1.display；block 2.不让他以基线对其---->底线 中线 顶线 随意一个就可以解决 vertical-align:bottom/top/middle 3文字行高为0，文字大小也为0---->装图片的盒子设置font-size:0; line-height:0; 2：说一说常见的浏览器兼容问题？ 比如ie8图片边框问题，ie6浮动双边距...
2019-07-25 22:00:30
64
原创 面试题
1：行内元素和块级元素的区别和他们的特点是什么？总结如下： 块级元素会独占一行，默认情况下，其宽度自动填满其父元素宽度 行内元素不会独占一行，相邻的行内元素会排在同一行里，直到一行排不下，才会换行，其宽度随元素内容而变化，另外 1.块级元素可以设置宽高属性 2.行内元素设置宽高属性无效，他的长度高度主要根据内容决定 3.块级元素即使设置了宽度，仍然独占一行 4.块级元素可以设置padding和ma...
2019-07-25 21:41:59
101
原创 面试题
1.哪些css属性是可以继承的属性？ 以text-,font-,line-这些前缀开头的都可以继承，以及color属性 2.选择器优先级如何计算？ 行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性 同一级别中后写的会覆盖先写的样式 问题二：当不同类别的多个选择器混合使用怎么计算优先级？ 有一个简单的算法，设 a.内联样式表的权值为1000 b....
2019-07-25 16:45:29
79
原创 面试题
1.锚点的作用是什么？如何创建锚点？ 锚点是文档中某行的一个记号，类似于书签，用于链接到文档中的某个位置。当定义锚点后，我们可以创建直接跳到该锚点的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。 在使用元素创建锚点时，需要使用name属性为其命名，代码如下 回到锚点 2.超级链接有哪些常见的形式？ 1.普通超级链接 2.下载链接，即目标文档为下载资源 3 电子邮件链接，用于链接到...
2019-07-25 14:33:44
94
原创 面试题
1:严格模式和混杂模式-如何区分这两种模式 区分他们有何意义？ 定义：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。支持html5标准的主流浏览器都认识这个声明。 声明必须是 HTML 文档的第一行，位于 标签之前。 作用：声明文档的解析类型(document.compatMode)，避免浏...
2019-07-25 11:01:50
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人