2024-10-17Apache ECharts一个基于JavaScript的开源可视化图表库。SVG与Canvas比较svg 是一种矢量图，而 canvas 依赖于分辨率。所以 svg 放大不会失真，但是 canvas 绘制的图形会失真。svg 支持事件处理器，而 canvas 不支持事件处理器。svg 中的文字独立于图像，文字可保留，可编辑和可搜索，canvas 的文本渲染能力弱。canvas 适合图像密集型的游戏，频繁地重绘图像，svg 绘制的复杂度高时减慢渲染的速度。_echarts option编辑器

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

2024-10-15Vue 3 通过Proxy来实现响应式系统。响应式数据能够自动追踪其内部状态的变化，并在其变化时更新关联的视图。Vue 3 的 Composition API 是一种新的 API 设计，它允许我们在组件中更加灵活地组织逻辑。相比于 Vue 2 中的 options API，Composition API 提供了更好的逻辑复用能力和可维护性。在 Vue 2 中，一个组件的模板只能有一个根节点，这在某些场景下会限制组件的结构设计。Vue 3 引入了 Fragment 组件，允许组件模板中有多个根节点。

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

2024-09-30准备中国的矢量地图json文件，放到json/map/的目录下。引入js文件，DOM容器，初始化对象，设置option。2.准备好散点数据，设置给新对象的data （坐标信息）3.将series下的数据和geo关联起来。2.城市的空气质量数据设置给series。使用Ajax获取china.json。1.给series下增加新的对象。4.让散点图使用地图坐标系统。地图中心点 center。3.配置新对象的type。5.让涟漪的效果增加明显。初始缩放比例 zoom。1.显示基本的中国地图。_echarts地图数据

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

2024-09-30只需要在配置option中serise label中配置 overflow: 'none' 即可。_echarts 饼状图指示文字不省略

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

2024-09-29jQuery Typeahead 项目教程 jquery-typeahead Javascript Typeahead (autocomplete) plugin with more than 50 options and callbacks. ...

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

2024-09-29针对Vue3项目，文章详细介绍了chunk-vendors.js文件过大导致页面加载慢和白屏的现象，提出两种解决方案：1) 使用compression-webpack-plugin进行文件压缩；2) 利用webpack optimization对大文件进行分包。这两种方法都能有效提升网页加载速度，适用于vue2和vue3项目。

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

2024-07-22语法参数params: 想要更改的样式属性，以对象形式传递，必须写。属性名可以不用带引号，如果是复合属性则需要采取驼峰命名法borderLeft。其余参数都可以省略。speed：三种预定速度之一的字符串(“slow”,“normal”, or“fast”)或表示动画时长的毫秒数值(如：1000)。easing：(optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。fn:回调函数，在动画完成时执行的函数，每个元素执行一次。_jquery api接口

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

2024-09-21包含了所有的头部标签，例如：, , <meta>, <link>, <script>e.g.：比 如 < 和 > ,我们不能直接在页面中使用 < 和 > 号，因为浏览器会将它解析为html 签。网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,把客户端数据提交至服务器。注：下拉框的name,id,事件等需要在select中定义，而value需要在option中定义。为了可以使用这些预留字符，我们必须在html中使用字符转义。_头歌html链接:带超链接的网页

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

2024-08-16这个是我的select标签里面的option进行的change 才会触发事件监听，虽然还是冒泡，但是在if语句里面进行了判断，开始获得事件，然后添加了计时器将时间每秒减一次，当时间为0时重复上面的未完成功能到已完成的操作。因为更新已完成和未完成相似 ，所以下面我就通过更新未完成来和大家讲解，关于更新添加，我是通过将我的本地存储解析成数组然后遍历将这些内容通过join返回成一个字符串，添加到我的un_ul里面，最终显示在页面当中。，然后显示我的第几个页面和改变我的二维数组的第一个下标的值（_xhznl-todo-list

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

2024-09-09文章展示了如何在Vue.js应用中将Echarts图表封装成可复用的子组件，接收父组件传入的id、options和高度，实现在窗口大小变化时自动调整图表大小的功能。主要步骤包括初始化Echarts实例、设置配置项以及监听窗口resize事件来重置图表大小。

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