摘要：
前言：最近嘛从开发H5和各种图表系统被拉到来开发小程序，拿到的一个项目里面就涉及几个图表，用canvas是能实现效果，但是周期长而且还不一定好看稳定。所以嘛就上网找了相关资料。发现有Echarts为小程序专门改写的一套，但是类型不是很全，就转到了AntV这里来，阿里写的F2内容也挺全的。所以就采用了 阅读全文
posted @ 2018-10-31 16:47
爱上大树的小猪
阅读(10452)
评论(2)
推荐(2)
摘要：
首先先附上官网 http://echarts.baidu.com/option.html#series-line.label 以及密度表对应geo配置文档 http://echarts.baidu.com/option.html#geo 以下仅是个人在开发中逐步摸索出来的。demo目前没出问题。如 阅读全文
posted @ 2018-05-12 16:30
爱上大树的小猪
阅读(5990)
评论(0)
推荐(0)
摘要：
1. 先上效果图，可以嵌合在H5移动端页面，可拖拽点击颜色进度条的小白色圆圈快进~下面就是圆形的进度条哦~(请尊重劳动成果，转载请注出处~) P.S（在这里说下圆形进度条的效果，一开始也是用canvas，但是发现canvas不支持淘宝适配方案，于是想着自己写一个，思路是控制圆边的显示。后来忽然看到 阅读全文
posted @ 2018-04-21 11:17
爱上大树的小猪
阅读(7111)
评论(2)
推荐(0)
摘要：
以下仅仅是个人在开发遇到的问题记录，不一定是最好的解决方案。有更好的解决方案请务必留言改进。 1. 移动H5页面在布局图片轮播(Swiper)的时候，每一次轮播造成页面闪烁，原因是每次重载计算 解决方案：在CSS里全局加入 * { backface-visibility: hidden; } 副作用 阅读全文
posted @ 2018-03-31 11:31
爱上大树的小猪
阅读(709)
评论(0)
推荐(1)
摘要：
引言：为什么我们需要视口单位？ 在移动优先的现代 Web 开发中，响应式布局已成为必备技能。传统的 px 单位在面对多设备适配时需要复杂的媒体查询，而百分比单位的计算依赖父元素特性，常常让开发者陷入计算泥潭。CSS3 引入的视口单位 (vw/vh) 为我们打开了新世界的大门，本文将深入探讨如何高效运 阅读全文
posted @ 2025-05-26 15:41
爱上大树的小猪
阅读(43)
评论(0)
推荐(0)
摘要：
引言 在移动端开发中，多设备屏幕适配一直是前端工程师面临的重要挑战。传统的媒体查询方案需要针对不同屏幕宽度编写大量CSS规则，而随着设备碎片化加剧，这种方案逐渐暴露出维护成本高、适配精度不足等问题。本文将深入解析基于rem单位和动态计算根字体大小的适配方案，并手写一个简化版的flexible.js脚 阅读全文
posted @ 2025-05-07 11:24
爱上大树的小猪
阅读(109)
评论(0)
推荐(0)
摘要：
引言：为什么需要 viewport 标签？ 在移动设备普及的今天，网页设计必须考虑到各种尺寸的屏幕。viewport 元标签是移动端网页开发中至关重要的一个元素，它控制着浏览器如何渲染页面，确保网页在不同设备上能够正确显示。 没有 viewport 标签的网页在移动设备上会显得非常小，用户需要不断缩 阅读全文
posted @ 2025-04-27 16:01
爱上大树的小猪
阅读(138)
评论(0)
推荐(0)
摘要：
在网页开发中，处理视频封面、图片卡片等需要固定比例的容器一直是前端工程师的必修课。本文将以 aspect-ratio 属性为核心，深入探讨如何优雅实现等比容器，并通过完整代码示例和常见问题解析，助你彻底掌握这一现代布局利器。 目录 传统实现方案的困境 aspect-ratio 属性解析 基础用法与代 阅读全文
posted @ 2025-04-21 11:20
爱上大树的小猪
阅读(64)
评论(0)
推荐(0)
摘要：
Flexbox 布局已成为现代 Web 开发中不可或缺的技术，但在实际使用中开发者常会遇到 flex-shrink 导致的内容挤压问题和 gap 属性的兼容性挑战。本文将通过代码示例和原理分析，帮助你彻底理解这些问题并提供解决方案。 一、flex-shrink 导致内容挤压问题 1.1 问题现象 当 阅读全文
posted @ 2025-04-18 11:17
爱上大树的小猪
阅读(110)
评论(0)
推荐(0)
摘要：
目录 响应式布局的新纪元 CSS Grid基础速览 核心武器：auto-fill与minmax 实战：构建自适应卡片布局 常见问题与解决方案 性能优化与最佳实践 未来展望 一、响应式布局的新纪元 在移动优先的设计理念深入人心的今天，响应式布局已成为现代Web开发的标配。传统布局方案如Float、Fl 阅读全文
posted @ 2025-04-15 15:20
爱上大树的小猪
阅读(98)
评论(0)
推荐(0)
摘要：
一、引言：为什么选择Flexbox？ 在现代网页开发中，导航栏作为网站的核心交互组件，需要同时满足多终端适配、视觉美观和性能优化三大要求。Flexbox布局模型因其强大的空间分配和对齐能力，成为实现响应式导航栏的首选方案。本教程将手把手带你实现一个具备以下特性的导航栏： 导航项间距自动均匀分布 移动 阅读全文
posted @ 2025-04-14 15:14
爱上大树的小猪
阅读(39)
评论(0)
推荐(0)
摘要：
在真机浏览器上打开开发者工具的控制台（console）调试框，可以帮助你实时查看和调试网页上的JavaScript代码、网络请求、DOM元素等。不同设备和浏览器的操作方法可能略有差异。以下是针对一些主流移动浏览器如何打开console调试框的方法： 在iOS设备（如iPhone、iPad）上： 使用 阅读全文
posted @ 2025-02-20 15:19
爱上大树的小猪
阅读(147)
评论(0)
推荐(0)
摘要：
CSS可以在特定场景下发挥独特的效果。但是这些属性却经常被遗忘。 下面简单介绍20个这样的CSS样式示例，包括它们的用途和代码示例。 1. all 属性 重置所有元素的样式。 .reset { all: unset; } 2. resize 属性 控制文本区域或任何块级元素的可调整大小行为。 tex 阅读全文
posted @ 2025-02-14 15:02
爱上大树的小猪
阅读(5)
评论(0)
推荐(0)
摘要：
DeepSeek 优点： 多模态能力：DeepSeek-VL能够在不丢失语言能力的情况下处理多种类型的数据，包括逻辑图、网页、公式识别、科学文献、自然图像等。 高分辨率图片输入：能够接受高达1024x1024的大尺寸分辨率图片作为输入，提高了对细节的识别能力。 开源与商用授权：提供开源商用授权政策， 阅读全文
posted @ 2025-02-06 10:41
爱上大树的小猪
阅读(121)
评论(0)
推荐(0)
浙公网安备 33010602011771号