微信H5适配 解决微信调整字体大小导致H5页面混乱
2024-04-21ios通过添加css属性,安卓通过微信属性去阻止,页面图片大小最好使用max-width、max-height或者百分比。_vue微信放大字体h5如何解决
HTML5--------canvas画布
2024-04-201.定义: 标签定义图形, 用于图形的绘制,比如图表和其他图像,必须使用脚本(JavaScript)来绘制图形。2.用途:可以在Canvas上画一个红色矩形,渐变矩形,彩色矩形,和一些彩色的文字。3. 一个画布在网页中是一个矩形框,通过 元素来绘制.①默认情况下 元素没有边框和内容。标签通常需要指定一个id属性, width 和 height 属性定义的画布的大小。③可以在HTML页面中使用多个 元素.
vue结合echarts使用时echarts.init()方法中的参数
2024-04-19解释:在 mounted 阶段,获取到渲染图表的 HTML 元素,然后通过 echarts.init() 方法初始化图表实例,并且传入了主题、渲染方式、宽高、设备像素比等参数。renderer:指定图表的渲染方式,可选值为 ‘canvas’ 或 ‘svg’、或’webgl’。devicePixelRatio:指定图表的设备像素比,用于提高图表的清晰度。width、height:指定图表的宽度和高度,默认值为 ‘auto’。theme:指定图表的主题,可选值为字符串类型或者对象类型。_echarts.init()方法入参详解
用JS使用three.js加载名为a.glb的文件,并且优化光照效果,使渲染更精细真实
2024-04-18javascript hljs复制代码import * as THREE from 'three'; import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'; // 创建场景 const scene = new THREE.Scene(); // 创建相机 const camera = new THREE.PerspectiveCamera(75, window.innerwidth / window.innerHeight, 0.1, 1000); camera.position
HTML5:七天学会基础动画网页11
2024-04-18过渡这个属性是谁想发生变化就加在谁上面,我们也可以分开设置: transition: width 2s,height 3s,background-color 3s;除了宽高当然背景颜色也是可以渐变的,一个一个写width,height bgc太麻烦,我们如果想全部变化就直接写all。必需,指定CSS属性的name,transition效果即哪个属性发生过渡。指定transition效果的转速曲线,即规定过渡效果在不同阶级的速度。规定慢速开始,然后变快,最后慢速结束的过渡效果(规定以慢速开始的过渡效果(
HTML如何实现插入图片
2024-04-18src属性:它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。height属性:设置图像的高。如果只设置高度属性,则宽度会等比例缩放。width属性:设置图像的宽。如果只设置宽度属性,则高度会等比例缩放。img标签是自闭和标签,属于行内元素,作用是向网页中嵌入一副图片。1.img标签 -> height属性和width属性。alt属性:如果无法显示图像,浏览器将显示替代文本。2.img标签->alt属性和title属性。title属性:鼠标放上时显示的提示文字。_html插入图片
CSS 画一条0.5px的线的方法( 4种 )
2024-04-17在CSS中直接设置`border-width`为0.5px通常不会得到理想中的0.5个物理像素宽度的线条,尤其在高DPI屏幕下,由于浏览器会对小于1px的数值进行四舍五入处理,所以直接写0.5px可能会被渲染成1px的线条。
移动端 自适应布局方案
2024-04-15这里的视窗(Viewport) 指的是浏览器可视化的区域window.innerwidth/window.innerHeight 的大小。rem 就是相对于根元素 html 的 font-size 来做计算。通过媒体查询适应不同机型,配合rem或vw进行布局。DPR = 设备物理像素 / CSS像素。_移动端自适应布局如何实现
css面试八股文
2024-04-15设置父元素为display:table-cell,利用vertical-align和text-align让行内块级元素水平垂直居中;会导致页面重叠,所以,z-index属性依赖于position属性的设置。是一种网络页面设计布局,页面的设计与开发根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的相应和调整。width=device-width: 是自适应手机屏幕的尺寸宽度maximum-scale:是缩放比例的最大值。4.父级元素的z-index比子级元素的z-index小。_css八股文
JS中 PageX、clientX、offsetX、layerX、offsetTop、offsetwidth各位置属性详解
2024-04-15PageX、clientX、offsetX、layerX、offsetTop、offsetwidth各位置属性详解_layerx