- 博客(13)
- 收藏
- 关注
RSS订阅转载 实际开发中闭包的应用
闭包的实际应用，主要是用来封装变量。即把变量隐藏起来，不让外面拿到和修改。 function isFirstLoad() { var _list = [] return function (id) { if (_list.indexOf(id) >= 0) { return false } else { ...
2019-06-26 09:53:33
353
原创 创建 10 个<a>标签，点击的时候弹出来对应的序号
var i for (i = 0; i < 10; i++) { (function (i) { var a = document.createElement('a') a.innerHTML = i + '<br>' a.addEventListener('click', function (e) { ...
2019-06-26 09:52:09
521
转载 写一个原型继承的例子
function Elem(id) { this.elem = document.getElementById(id); } Elem.prototype.html = function(val){ var elem = this.elem; if(val) { elem.innerHTML = val; return this; }else { return elem.inn...
2019-06-24 15:53:54
651
转载 JS变量类型和计算
JS变量最基本的分类就是值类型和引用类型，两者有何区别呢，可以通过例子看出来 值类型 var a = 100; var b = a; a = 200; console.log(b); // 100 因为 b 是 a 的副本，相当于直接在栈内存中拷贝一个a的值 赋值给 b， a 和 b 两者之间是没有关联的。 引用类型 var a = {age:20}; var b = a; a.age = 2...
2019-06-24 11:27:30
245
转载 CSS响应式
一、rem是什么 rem 是相对长度单位，相对于根元素，常用于响应式布局 px 是绝对长度单位，最常用 em 是相对长度单位，相对于父元素，不常用 二、响应式布局的常用方案 media-query 根据不同的屏幕宽度，设置根元素的font-size rem 基于根元素的相对单位 <style type="text/css"> @media only screen and...
2019-06-24 00:15:51
131
转载 line-height如何继承
line-height如何继承 如果写具体值 比如 30px; 则继承该值 如果写 2 / 1.5 ,则继承该比例 如果写百分比，如200%，则继承计算出来的值（考点） 如下代码 p 标签的行高是 40px; 20*200%=40px <style type="text/css"> body { font-size: 20px; ...
2019-06-23 23:56:21
202
原创 居中对齐的实现方式
一、水平居中 inline元素 : text-align: center; block元素 : margin: auto; absolute元素 : left: 50%; margin-left: 负值; 二、垂直居中 inline元素 : line-height的值等于height的值 absolute元素 : top: 50%; margin-top: 负值; absolute元素 ...
2019-06-23 23:18:51
395
转载 CSS 定位
absolute 和 relative 分别依据什么定位？ relative 依据自身定位 absolute 依据最近一层的定位元素定位
2019-06-23 23:02:51
117
转载 flex布局
一、常用语法 flex-direction 主轴的方向 justify-content 主轴的对齐方式 align-item 交叉轴对齐方式 flex-wrap 是否换行 align-self 子元素在交叉轴的对齐方式 flex实现一个三点的色子 <style type="text/css"> ...
2019-06-23 22:10:50
139
转载 float布局
圣杯布局和双飞翼布局的目的 1、三栏布局，中间一栏最先加载和渲染（内容最重要） 2、两侧内容固定，中间内容随着宽度自适应 3、一般用于PC网页 圣杯布局和双飞翼布局的技术总结 1、使用float布局 2、两侧使用margin负值，以便和中间内容横向重叠 3、防止中间内容被两侧覆盖，一个用padding 一个用margin 一、圣杯布局 <style type="text/css"> ...
2019-06-23 21:58:01
221
转载 关于CSS的问题
一、关于盒子模型的宽度 <style> #div{ width:100px; height:100px; border: 1px solid block; padding: 10px; margin: 10px; } </style> <div id="div"></div> 请计算div的 offsetWidth 是多大？ borde...
2019-06-23 20:16:23
166
翻译 关于HTML的问题
如何理解HTML语义化 1、让人更容易读懂（增加代码的可读性） 2、让搜索引擎更容易读懂（seo） 默认情况下，哪些是块状元素，哪些是内联元素 1、display: block / table ; 有 div p h1 table ul ol 等 2、display: inline / inline - block; 有 span input button img 等 ...
2019-06-23 13:35:08
344
原创 居中效果的简单总结
1.文字垂直居中 文字所在的模块的他的高，和他的行高，设置成一样的。 例如，想要实现div里面的文字水平和垂直都居中显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi...
2019-04-09 13:50:52
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人