2024-09-18HTML 和 CSS 在响应式设计中起着至关重要的作用。通过使用语义化标签、响应式图像、媒体查询、弹性布局和响应式网格系统等技术，可以实现网页在不同设备上的自适应显示，提供良好的用户体验。在进行响应式设计时，要遵循移动优先设计、内容优先和测试优化等最佳实践，不断提高网页的质量和性能。随着移动设备的普及和技术的不断发展，响应式设计将变得越来越重要，开发者需要不断学习和掌握新的技术和方法，以满足用户的需求。

https://www.qianduange.cn//article/18435.html 分类：前端知识

2024-09-14微信小程序 自定义弹窗展示图表组件（echarts/AntV-f6）_微信小程序自定义弹窗组件

https://www.qianduange.cn//article/18340.html 分类：前端知识

2024-09-14本文详细介绍了如何使用HTML和CSS创建乒乓球对打的动画效果，包括左拍的移动、小球的反弹以及右拍的响应。通过CSS动画和关键帧，展示了如何构建一个完整的乒乓球互动场景。同时强调了系统学习的重要性，鼓励读者加入技术交流社区共同成长。

https://www.qianduange.cn//article/18309.html 分类：前端知识

2024-09-14本文介绍了一段HTML5和CSS3结合的代码，用于创建一个带有倒计时功能的圆形进度条，当倒计时结束时页面会自动跳转到指定链接。

https://www.qianduange.cn//article/18303.html 分类：前端知识

2024-09-14本篇为《CSS in Depth》最新第2版第四章4.1小节内容，主要介绍了 Flexbox 弹性盒布局的基本原理，并结合一个简单的示例页面，对顶部的导航菜单进行了深入浅出的讲解。经过了多年的实践，Flexbox 布局技术已经相当成熟，本节较前一版内容也更为凝练，删除了一些不合时宜的表述。非常适合新手进阶，强烈建议收藏实操。

https://www.qianduange.cn//article/18297.html 分类：前端知识

2024-09-12（2）引入import mammoth from “mammoth”;（1）安装 npm install --save mammoth。（1）安装 npm install --save xlsx。三、项目应用：根据详情后缀分情况显示word、excel。场景说明： 点击查看按钮，吊起弹框展示数据。根据row中文件后缀判断使用哪种形式。根据row中文件后缀判断使用哪种形式。1.引用mammoth.js。3. 请求URL显示数据。3. 请求URL显示数据。3.调用函数展示数据。3.调用函数展示数据。_vue word 预览

https://www.qianduange.cn//article/18223.html 分类：前端知识

2024-09-12本篇为新版《CSS in Depth》4.3小节内容，主要介绍了 Flexbox 弹性布局的方向设置，并结合一个典型的两列布局案例，对垂直方向的弹性布局做了进一步讨论，最后还对表单元素的细节样式问题进行了讨论，这些都是平时容易忽略的非常有价值的知识点，建议收藏并在本地实测。

https://www.qianduange.cn//article/18143.html 分类：前端知识

2024-09-103.等待几秒后会出现下载插件选择，输入Pretty。没有安装过的会出现 Pretty Json 插件，点击等待下载就可以了。想要删除可以在步骤2输入remove package （大小写可以忽略）。里面可以看到已安装的插件点击就可以删除。pic：如果查看是否安装可以在Preference->Package Settings中查看已安装的插件。使用：按住快捷键Ctrl Alt j 就可以格式化json了。2.在弹出的输入框中输入 install 选择 "Install Package"。_sublime json插件

https://www.qianduange.cn//article/18131.html 分类：前端知识

2024-09-09容器属性：flex-direction (主轴的方向)，flex-warp (主轴的项目换行)，justify-content (项目在主轴上的对齐方式)，align-items (项目在交叉轴上的对齐方式)，align-content (项目在交叉轴上的对轴线对齐方式)；项目属性：order (排列顺序)，flex-frow (放大比例)，flex-shrink (缩小比例)，flex-basis (项目初始占据的主轴空间)，align-self (自己单个项目的交叉轴对齐方式)_html弹性盒子布局

https://www.qianduange.cn//article/17996.html 分类：前端知识

2024-09-09本文使用JavaScript和HTML实现了一个的大转盘抽奖功能。通过配置奖项和概率，用户可以根据自己的需要来设置抽奖的规则。点击抽奖按钮后，指针开始旋转，经过5秒后停止，并弹出中奖内容。_canvas抽奖盘

https://www.qianduange.cn//article/17936.html 分类：前端知识