为你推荐

Flex 布局教程:语法篇

网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性+ position属性+ float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完...
代码星球·2020-09-13

引人瞩目的 CSS 变量(CSS Variable)

这是一个令人激动的革新。CSS变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。更准确的说法,应该称之为CSS自定义属性,不过下文为了好理解都称之为CSS变量。一直以来我们都知道,CSS中是没有变量而言的,要使用CSS变量,只能借助SASS或者LESS这类预编译器。但是新的草案发布之后,直接...

css设置全局变量和局部变量

在我们使用less或者sass时常常会使用到局部变量和全局变量,其实在我们使用css做开发时也可以定义全局变量和局部变量来简化我们的开发效率,很简单也很实用;1.设置全局变量只需要在我们的根引用的css文件中声明就行,具体代码如下::rout{--cssname:value}这样就声明了一个变量名为cssname,值为...

JavaScript获取浏览器高度和宽度值

IE中: document.body.clientWidth ==> *DY对象宽度document.body.clientHeight ==> *DY对象高度document.documentElement.clientWidth ==>&...

拓展知识

1.逗号运算符varnum=(1,2); //num=2,括号必须存在varf=(functiona(){},functionb(){}); //选取的是逗号运算符后面的值 2.functiontest(){}(1,2,3,4)  //此函数这里不会报错,会认为()只是把里面的数括起来 3.null...
代码星球·2020-09-13

JavaScript中匿名函数this指向问题

this对象是在运行时基于函数执行环境绑定的,在全局函数中,this=window,在函数被作为某个对象的方法调用时,this等于这个对象。但是匿名函数的执行环境是全局性的,所以匿名函数的this指向是windowvarname='window'varperson={name:'Alan',sayName:functi...

js中this指向的三种情况

js中this指向的几种情况一、全局作用域或者普通函数自执行中this指向全局对象window,普通函数的自执行会进行预编译,然后预编译this的指向是window//全局作用域console.log(this);//Window//普通函数functionfn(){console.log(this);//Window...

JS 数组克隆方法总结(不可更改原数组)

1.sliceletarr=[2,4,434,43];letarr1=arr.slice();//letarr1=arr.slice(0);arr[0]='a';console.log(arr,arr1);//[a,4,434,43][2,4,434,43]2.遍历数组Array.prototype.clone=fun...

js 对象克隆方法总结(不改变原对象)

1.通用对象克隆:functionclone(obj){lettemp=null;if(objinstanceofArray){temp=obj.concat();}elseif(objinstanceofFunction){//函数是共享的是无所谓的,js也没有什么办法可以在定义后再修改函数内容temp=obj;}e...

JS this指向总结

使用JavaScript开发的时候,很多开发者多多少少会被 this 的指向搞蒙圈,但是实际上,关于 this 的指向,记住最核心的一句话:哪个对象调用函数,函数里面的this指向哪个对象。 下面分几种情况谈论下1、普通函数调用这个情况没特殊意外,就是指向全局对象-wi...
代码星球·2020-09-13

纯CSS实现垂直居中的几种方法

垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动端的垂直居中就更加多样化。方法1:table-cellhtml结构:    <div class="boxbox1">  ...

行内块inline-block元素之间出现空白间隙原因及解决办法

首先,来看下具体的问题,下面是用inline-block布局实现的两边固定宽度,中间自适应的html代码:123456789<sectionclass="layoutinline-block">        <artic...

vue-resource 中 get / post / jsonp 三种请求方式的异同

leturl='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=2';letparams={  params:{    username:'zhangSan...

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.jsvue-resource.js是专门和后台进行交互<!--==============引入vue-resource插件=================--><scriptsrc="../js/vueJs/vue-resource.js"&g...
代码星球·2020-09-13

npm ERR! code ELIFECYCLE webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`

“E:ProgramFilesJetBrainsWebStorm2018.1.4inunnerw.exe”G:odeodejsode.exeG:odeodejsode_modulespminpm-cli.jsrundev–scripts-prepend-node-path=autohrvue@1.0.0devG:f...