- 博客(9)
- 收藏
- 关注
原创 Location对象
通过localStorage存储的数据是永久性的,除非web应用刻意删除存储的数据,或者用户通过设置浏览器配置来删除,数据将一直保留在用户的电脑上,永不过期。localStorage的作用域是限定在文档源级别的。所谓的端口,就好像是门牌号一样,客户端可以通过ip地址找到对应的服务器端,但是服务器端是有很多端口的,每个应用程序对应一个端口号,通过类似门牌号的端口号,客户端才能真正的访问到该服务器。它们可以互相读取对方的数据,甚至可以覆盖对方的数据。但是,非同源的文档间互相都不能读取或者覆盖对方的数据。
2023-08-24 20:22:19 44 1
原创 canvas绘图
首先,获取canvas元素,然后调用元素的getContext(“2d”)方法,该方法返回一个CanvasRenderingContext2D对象,CanvasRenderingContext2D 对象提供了一组用来在画布上绘制的图形函数,使用该对象就可以在画布上绘图了。该元素默认的宽高为300*150,可以通过元素的width属性和height属性改变默认的宽高。canvas坐标系是以左上角0,0处为坐标原点,水平方向为x轴,向右为正;解释:从上一步设置的绘制起点绘制一条直线到(x, y)点。
2023-08-24 20:17:54 40 1
原创 布局视口(layout viewport)
layout viewport(布局视口):在PC端上,布局视口等于浏览器窗口的宽度。而在移动端上,由于要使为PC端浏览器设计的网站能够完全显示在移动端的小屏幕里,此时的布局视口会远大于移动设备的屏幕,就会出现滚动条。
2023-08-24 20:04:47 94 1
原创 CSS3中2D和3D的使用
那么transformZ的值越接近200,就是离的越近,看上去也就越大,超过200就看不到了,因为相当于跑到后脑勺去了,我相信你正常情况下,是看不到自己的后脑勺的。transform是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以取代大量之前只能靠Flash才可以实现的效果。[注意]其中,x和y可以是长度值,也可以是百分比,百分比是相对于其本身元素水平方向的宽度和垂直方向的高度和;视点,用于模拟透视效果时人眼的位置。
2023-08-24 00:27:18 79 1
原创 3. CSS3新增样式属性
默认情况下,渐变的中心是 center(表示在中心点),渐变的形状是 ellipse(表示椭圆形)。s和l都用百分比表示 s 的100%就是完全饱和,偏向于原色,而0%就是完全不饱和,偏向于灰色 l 的100%就是亮度最大,偏向于白色,而0%就是没有亮度,偏向于黑色。通过background-size设置背景图片的尺寸,就像我们设置img的尺寸一样,在移动Web开发中做屏幕适配应用非常广泛。又称怪异盒模型(边框盒子),是指块元素box-sizing属性为border-box的盒模型。
2023-08-24 00:24:09 51 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人