- 博客(16)
- 收藏
- 关注
RSS订阅原创 布局出现缝隙
body高设置了1400px头部设置10.2%body高，设置上下padding0.32rem，boxsizing设置border-box其余部分设置89.8%出现一个底部有空隙问题，原因就是rem保留数值问题导致头部和其余部分高加起来不足1400px
2020-07-22 00:44:39
190
原创 设置body高度刚好一个屏幕
csshtml,body{height:100%}jsvar minheight = $(window).height()$(‘body’).css({’'height":minheight+‘px’})min-height只有在触发时候才会被子元素继承。
2020-07-21 22:06:05
606
原创 Vue-路由拦截
使用sessionStorage，beforeEnter进行路由拦截思路：在需要拦截的路由定义处增加mete字段登陆页面：在页面跳转之前增加，自定义一个sessionStroage的属性字段 var storage = window.sessionStorage; storage.setItem("auth", '1'); th...
2020-05-01 16:33:32
303
原创 javascritp-箭头函数
两个很重要特性他有一个自动return的机制，默认return参数不改变this的指向，可以用来解决闭包中this的指向问题。
2020-05-01 10:26:26
140
原创 CSS-8-优化
共同的CSS属性封装在一个选择器减少嵌套css写在上部，减少重新渲染多个css文件合并，减少http请求不要写多余的空规则，无用规则
2020-04-30 21:34:17
108
1
原创 CSS-7-居中
思路marginpaddingpositionflex: justify-content:center;align-items:center块级元素变inline-block元素，注意变为inline的话没办法设置宽高，text-aligin：center，这个是只有水平居中的，vertical-align:center设置垂直方向居中...
2020-04-30 20:33:29
85
原创 CSS-5-页面布局
两列布局定位，margin,float解决结构一个父元素，两个子元素父元素pading-left:200px;左边子元素:float:left;height:400px;width:200px;border:2px solid red;position:relative;margin-left:-100%;left:-204px;右边子元素:float:right;height:...
2020-04-30 20:25:31
206
转载 CSS-4-bloack,inline,inline block
原文链接：https://www.cnblogs.com/iceflorence/p/6626187.html?utm_source=itdadao&utm_medium=referral
2020-04-30 10:09:08
129
原创 CSS-3-BFC
BFC：Block fomatting context是W3C的一个标准，它是一种布局的规则-触发BFC的块就像一个封闭的盒子，占据文档流，但是他不会影响其他元素布局，其他元素也不会影响它。例子：不触发BFC，当文字过多就会溢出文本框从而影响其他布局。通常情况下块级元素是垂直排列的，上下两个块级元素相邻的margin是会取一个最大值作为margin，而不是取和。注意：父元素触发BFC，...
2020-04-30 10:02:25
135
原创 CSS-2-盒子模型
盒子模型从外到内依次为：margin–border–padding–content默认情况下box-sizing:content-box定义的height,width都是比较指content;----注意：background-origin:默认值是padding-box,背景颜色会将定义的padding也上色box-sizing:border-box,设置的width=content+pa...
2020-04-29 23:22:26
82
原创 CSS-1-元素隐藏
display:none与visibility:hidden区别如下display:none脱离文档流，不占据文档空间，会影响页面的布局，在比较复杂的布局当中，重新布局（reflow）重新渲染(repaint)造成性能方面的问题，脱离文档流不等于脱离DOM，可以通过document.getElementById()来检索元素的。内容不会被读屏器读取。子元素消失是因为元素从渲染树消失造...
2020-04-29 22:57:10
79
原创 JavaScript闭包
在介绍闭包之前需要其了解一些概念，帮助理解闭包的产生背景先看下面一段代码var str = 1234function db(){ str =234}console.log(str)以上代码的输出结果是1234，这是因为在javscript中方法，函数都是事先声明一下，但是是不初始化的，也就是说db()里边的str=234是不会编译的，那么他实在什么时候编译？事实上是当调...
2020-04-28 16:27:47
84
原创 JavaScript原型链与继承
看过好多原型链的的博客还是不太了解，今天自己在控制台搞了好久记录下成果。function father(){ a:1}var son = new obj()你会发现很多地方发这样写son.__proto__===father.prototype来个图理解下看完可以把江原型链理解为江山，你只能在自己的江山里找美女fathe以及直系祖宗r给son打下的江山a-&...
2020-04-27 00:00:50
90
原创 JavaScript笔试题
今天做了一份笔试题，这道不会做，看了好多博客记录下 class Foo{ constructor(){ bar=function(){console.log(1);}; } } Foo.bar =function(){console.log(2)} Foo.prototype.bar=function(){ console.log(3);...
2020-04-26 22:56:59
201
原创 在Vue中异步加载数据渲染到Dom
在Vue中异步加载数据渲染到Dom问题 <div v-for="o in resmessage" :key="o" class="text item">{{o}}</div>前提是，resmessage初始值为空，我想根据后台返回值来动态添加数据,我的做法是通过axios请求获取数据,拿到数据后赋值给resmessage进行完以上操作发现根本不行，数据可以拿...
2020-04-22 16:57:56
1839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人