- 博客(13)
- 收藏
- 关注
RSS订阅转载 实际开发中闭包的应用
闭包的实际应用，主要是用来封装变量。即把变量隐藏起来，不让外面拿到和修改。function isFirstLoad() { var _list = [] return function (id) { if (_list.indexOf(id) >= 0) { return false } else { ...
2019-06-26 09:53:33
309
原创 创建 10 个<a>标签，点击的时候弹出来对应的序号
var ifor (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
472
转载 写一个原型继承的例子
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
584
转载 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
200
转载 CSS响应式
一、rem是什么rem 是相对长度单位，相对于根元素，常用于响应式布局px 是绝对长度单位，最常用em 是相对长度单位，相对于父元素，不常用二、响应式布局的常用方案media-query 根据不同的屏幕宽度，设置根元素的font-sizerem 基于根元素的相对单位<style type="text/css"> @media only screen and...
2019-06-24 00:15:51
99
转载 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
156
原创 居中对齐的实现方式
一、水平居中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
341
转载 flex布局
一、常用语法flex-direction 主轴的方向justify-content 主轴的对齐方式align-item 交叉轴对齐方式flex-wrap 是否换行align-self 子元素在交叉轴的对齐方式flex实现一个三点的色子<style type="text/css"> ...
2019-06-23 22:10:50
111
转载 float布局
圣杯布局和双飞翼布局的目的1、三栏布局，中间一栏最先加载和渲染（内容最重要）2、两侧内容固定，中间内容随着宽度自适应3、一般用于PC网页圣杯布局和双飞翼布局的技术总结1、使用float布局2、两侧使用margin负值，以便和中间内容横向重叠3、防止中间内容被两侧覆盖，一个用padding 一个用margin一、圣杯布局<style type="text/css"> ...
2019-06-23 21:58:01
180
转载 关于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
125
翻译 关于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
304
原创 居中效果的简单总结
1.文字垂直居中文字所在的模块的他的高，和他的行高，设置成一样的。例如，想要实现div里面的文字水平和垂直都居中显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi...
2019-04-09 13:50:52
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人