- 博客(8)
- 收藏
- 关注
RSS订阅原创 我理解的JavaScript运算符
JavaScript运算符ECMA-262 描述了一组用于操作数据值的操作符，包括算术操作符（如加号和减号）、位操作符【现在暂进不考虑】、 关系操作符和相等操作符。这些操作符可以运用于我们的很多数据类型，它不像我们其它编程语言，操作符只对某些数据支持一元操作符只能操作一个值的操作符我们叫一元操作符。一元加减操作符在我们的JS里面最主要的作用就是类型转换。例题:var a = “01”;a = -a; console.log(a);运行结果：一元加减操作符其实就是对当前的变量调用了Num
2020-10-12 21:04:30
207
原创 如何实现两个变量的值交换，输出三个值的最大值
例题：var a = 123; var b = 234; 请使用任意方法交换a和b的值。方法一：定义中间变量var c;c=a;a=b;b=c;方法二：和方法（两数之和，和减去其中一个数，得到的结果为另一个数）a=a+b-(b=a)方法三：差方法（两数之差，被减数减去差，就得到一个减数；减数加上差就得被减数）a=b-a;b=b-a;a=a+b;方法四：和方法另一种写法a=a+b;b=a-b;a=a-b;console.log(a);console.log(b);输出结果
2020-10-12 20:11:02
459
原创 如何实现一个块元素居中
/ 1.通过计算属性实现元素的垂直水平居中效果 /position: absolute;left: calc(50% - 元素宽度一半);top: calc(50% - 元素高度一半);/ 2.通过位移实现元素的垂直水平居中效果 /position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);/ 3.通过margin实现元素的垂直水平居中效果 /position: absolute;left: 50%;t
2020-10-12 19:44:03
1198
原创 block与 inline，以及inline-block的区别
block （块级元素）宽度默认为100%，高度由内容撑开支持自定义宽高属性自动换行元素居中方式为：margin:auto支持margin属性inline (行内元素)宽高默认为0，由内容撑开不支持自定义宽高属性默认出现在一行行内元素代码块换行会在页面中出现一个空格位元素居中只能在外层加块级，然后再块元素中设置text-align:center不支持margin-top/margin-bottominline-block（行内块级元素）默认排列在一行宽高默认由内容撑开
2020-10-12 19:39:08
132
原创 精灵图的含义及使用方式
精灵图指的是把一个网页中需要使用的多个图片整合在一张大图中，这样打开网页时，只需要加载一张图片的资源，减少图片访问次数，降低服务器的压力，从而提高网页加载速度。使用方式： 通过背景图片的方式引入精灵图，通过background-size属性调整图片大小，通过background-poisition属性调整图片显示区域定位 。logo.png:运行结果：鼠标移入后：...
2020-10-12 19:00:42
566
1
原创 两个图像标签并排放置产生空隙的原因及解决方法
代码：运行结果：中间有条明显的缝隙，产生的原因：图片属于行内元素，行内元素在代码中换行后页面会出现一个空格位。解决方法：第一种：最简单，就是不换行第二种：浮动 ， 左右浮动都可以第三种：margin给负值，具体值根据实际情况而定第四种：定位 ，相对定位和绝对定位都可以，绝对定位和浮动一样，脱离文本流第五种：在margin外层添加letter-spacing，给负值以上方法，运行结果都一样...
2020-10-08 21:08:54
634
原创 用纯CSS实现旋转立方体效果
实现效果图：思路：定义一个div，里面放六张图片，先将六张图片定位到同一位置，然后用变幻属性 transform中的旋转属性rotate和位移属性translate共同实现每张图片对应的位置，最后可以用动画属性 animation实现旋转。html代码:在css里面，div先水平垂直居中绝对定位让图片脱流，6张图片在一个位置，避免定位的麻烦再用一张图片调试相应6个面的位置 ：（补充translateZ( )位移属性视觉上的拉近效果）/* 左面 ：让图片向左旋转90度*/transform
2020-10-06 19:58:14
345
2
原创 弹性布局 图片等比缩放问题
弹性布局中，如何实现响应式页面图片等比缩放注意的问题CSS代码：body代码：运行结果：当缩小响应式页面后的结果：造成的原因：三张图片的宽度百分比是32.5%，左右外边距会造成有多余的间隔，不能使图片等比缩放，所以在缩放响应式页面时，图片会换行不喜勿喷！！！...
2020-10-04 21:42:32
1995
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人