2020年2月22日
canvas入门基础，七巧板、五角星、粒子时钟等
摘要： 创建一个canvas HTML 创建canvas元素 <canvas id="canvas"></canvas> 设置宽高使用标签width，height属性，注意不能使用css或style样式 display默认为inline <canvas id="canvas" width="1024" he 阅读全文
posted @ 2020-02-22 17:13 lwlcode 阅读(382) 评论(0) 推荐(0) 编辑
JavaScript 自适应轮播图
摘要： 代码 话不多说，先上代码，方便复制粘贴。演示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> * { margin: 0; padding: 0; } ul { lis 阅读全文
posted @ 2020-02-22 17:08 lwlcode 阅读(3082) 评论(2) 推荐(1) 编辑
2020年2月13日
css使用padding-bottom百分比进行提前占位，防止抖动
摘要： 页面加载抖动问题 在web开发中，经常会遇到这样一个问题，比如一个宽度百分百，高度自适应的图片，在网速慢的情况下加载过程中会出现抖动的问题（未加载图片前容器的高度为0，图片加载完成后下面的内容会被挤下去）。 这种问题如果是图片有固定高度，就不会出现加载抖动。但一般情况下，为了使图片不被拉伸，高度一般 阅读全文
posted @ 2020-02-13 19:56 lwlcode 阅读(1758) 评论(2) 推荐(0) 编辑