- 博客(16)
- 收藏
- 关注
原创 布局出现缝隙
body高设置了1400px头部设置10.2%body高,设置上下padding0.32rem,boxsizing设置border-box其余部分设置89.8%出现一个底部有空隙问题,原因就是rem保留数值问题导致头部和其余部分高加起来不足1400px
2020-07-22 00:44:39 207
原创 设置body高度刚好一个屏幕
csshtml,body{height:100%}jsvar minheight = $(window).height()$(‘body’).css({’'height":minheight+‘px’})min-height只有在触发时候才会被子元素继承。
2020-07-21 22:06:05 632
原创 Vue-路由拦截
使用sessionStorage,beforeEnter进行路由拦截思路:在需要拦截的路由定义处增加mete字段登陆页面:在页面跳转之前增加,自定义一个sessionStroage的属性字段 var storage = window.sessionStorage; storage.setItem("auth", '1'); th...
2020-05-01 16:33:32 325
原创 javascritp-箭头函数
两个很重要特性他有一个自动return的机制,默认return参数不改变this的指向,可以用来解决闭包中this的指向问题。
2020-05-01 10:26:26 170
原创 CSS-8-优化
共同的CSS属性封装在一个选择器减少嵌套css写在上部,减少重新渲染多个css文件合并,减少http请求不要写多余的空规则,无用规则
2020-04-30 21:34:17 115 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 97
原创 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 245
转载 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 164
原创 CSS-3-BFC
BFC:Block fomatting context是W3C的一个标准,它是一种布局的规则-触发BFC的块就像一个封闭的盒子,占据文档流,但是他不会影响其他元素布局,其他元素也不会影响它。例子:不触发BFC,当文字过多就会溢出文本框从而影响其他布局。通常情况下块级元素是垂直排列的,上下两个块级元素相邻的margin是会取一个最大值作为margin,而不是取和。注意:父元素触发BFC,...
2020-04-30 10:02:25 144
原创 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 90
原创 CSS-1-元素隐藏
display:none与visibility:hidden区别如下display:none脱离文档流,不占据文档空间,会影响页面的布局,在比较复杂的布局当中,重新布局(reflow)重新渲染(repaint)造成性能方面的问题,脱离文档流不等于脱离DOM,可以通过document.getElementById()来检索元素的。内容不会被读屏器读取。子元素消失是因为元素从渲染树消失造...
2020-04-29 22:57:10 90
原创 JavaScript闭包
在介绍闭包之前需要其了解一些概念,帮助理解闭包的产生背景先看下面一段代码var str = 1234function db(){ str =234}console.log(str)以上代码的输出结果是1234,这是因为在javscript中方法,函数都是事先声明一下,但是是不初始化的,也就是说db()里边的str=234是不会编译的,那么他实在什么时候编译?事实上是当调...
2020-04-28 16:27:47 94
原创 JavaScript原型链与继承
看过好多原型链的的博客还是不太了解,今天自己在控制台搞了好久记录下成果。function father(){ a:1}var son = new obj()你会发现很多地方发这样写son.__proto__===father.prototype来个图理解下看完可以把江原型链理解为江山,你只能在自己的江山里找美女fathe以及直系祖宗r给son打下的江山a-&...
2020-04-27 00:00:50 100
原创 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 230
原创 在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 1878
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人