2019年5月3日
CSS之居中五环
摘要： <div class="plat"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> <div class="circle5 阅读全文
posted @ 2019-05-03 03:38 岁月无垠 阅读(238) 评论(0) 推荐(0)
a --- 链接
摘要： a标签里面不能套用a标签 1.背景图片加链接，图片和框需要设置一样的宽高 <a href="http://www.baidu.com" target="_black"></a> a{ display: inline-block; /*行内元素设置成块级元素才能设置宽高*/ width: 100px; 阅读全文
posted @ 2019-05-03 03:36 岁月无垠 阅读(183) 评论(0) 推荐(0)
企业开发经验之盒子模型和层模型
摘要： 1.如何让单行文本垂直居中？height和line-height的值相同，文本就会居中， 首行缩进：text-indent: 2em; 代表首行缩进2个字的空格 1em=1* 16px。 文字的行高是1.2倍宽高：line-height:1.2em。 2.图片是行内块元素，只要是inline属性都具 阅读全文
posted @ 2019-05-03 03:32 岁月无垠 阅读(197) 评论(0) 推荐(0)
2019年5月2日
Flex -- 弹性布局
摘要： 一、简要介绍 Flex是2009年w3c提出的一种简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素和宽度的能力。flex概念示意图如下 使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥有两根隐形的轴，水平的主轴（main 阅读全文
posted @ 2019-05-02 01:24 岁月无垠 阅读(180) 评论(0) 推荐(0)
2019年5月1日
jsonp -- 百度联想词
摘要： 免费的接口： http://www.bejson.com/knownjson/webInterface/ 原博： https://blog.csdn.net/jbj6568839z/article/details/81416132 1.HTML页面 <div class="wrapper"> <in 阅读全文
posted @ 2019-05-01 22:33 岁月无垠 阅读(315) 评论(0) 推荐(0)
手把手写：优化回调地狱
摘要： 解决回调地狱的方法： 1.拆解function 2.事件发布/监听模式 3.Promise 4.generator 5.async/await 实例如下： 1.用户点击多次，可以使用立即函数返回每次点击的值。执行顺序：点击-判断-请求数据-渲染页面 如下改 注意：this是jq包裹的对象 阅读全文
posted @ 2019-05-01 17:08 岁月无垠 阅读(272) 评论(0) 推荐(0)
六大原则之一：单一职责原则
摘要： 解决回调地狱的方法： 1.保持代码的简洁性 2.模块化 综合上述，可使用六大原则之一单一职责原则 例： 运行：返回随机数 运行结果 返回的三个值可以传传参，传多少个都可以 例： // 异步 function createScore() { var df = $.Deferred(); //在里面调用 阅读全文
posted @ 2019-05-01 16:56 岁月无垠 阅读(352) 评论(0) 推荐(0)
手把手写：Callback -- 回调地狱
摘要： 文章：https://www.cnblogs.com/nullcc/p/5841182.html 因为js是异步编程的，每执行一次，都会返回一个事件，当返回的事件多了会形成堵塞。称为“回调地狱”。以下面的例子为例 // 回调机制 callback 回调地狱 // 异步编程离不开回调机制 执行-发送请 阅读全文
posted @ 2019-05-01 16:17 岁月无垠 阅读(648) 评论(0) 推荐(0)
JQ之Ajax
摘要： 详解ajax：https://www.jianshu.com/p/eed43d05c7c4 jquery $.ajax: URL ：https://easy-mosk.com/mock/5c0b4a876162b83fe0a50cb9/person type : 请求方式 data : {} 参数 阅读全文
posted @ 2019-05-01 15:34 岁月无垠 阅读(293) 评论(0) 推荐(0)
JS之时间线
摘要： 前言：时间线在js中占很重要的地位：优化DOM、逻辑正确时输出的为什么是undefind，很有可能都是时间线在作祟 （ps：对象调用错时也会是undefind （1）先加载loading事件，再解析页面 <div class="demo" style="width:100px;height: 100 阅读全文
posted @ 2019-05-01 15:25 岁月无垠 阅读(2665) 评论(0) 推荐(0)