
前端基础
前端基础内容,查漏补缺,知识总结
低级前端
一名热爱学习的全干程序猿
展开
-
小程序海报生成的两种主流方式与一种创新实践
而且面对一些复杂的排版时,使用 canvas 绘制相较于使用 CSS 绘制来说困难许多,并且canvas 的宽高有最大限制,超出限制则会绘制空白。4、调用 wx.saveImageToPhotosAlbum 将海报保存到本地。然而,这种绘制方式需要走网络请求,如果量大会给服务器带来一定的成本压力。小程序也可以通过调用服务端接口,将需要生成海报的数据传递给服务端,3、调用 fs.writeFileSync 将海报数据写入本地文件。3、绘制图片、文字等到 canvas。本文采用的方式是 -------原创 2024-12-11 14:03:32 · 544 阅读 · 0 评论 -
在vue3中使用echarts图表 通过provide提供echarts实例
现在,echarts 变量将包含提供的 Echarts 实例,你可以在组件中使用这个实例来创建图表或执行其他操作。1.安装 Echarts:在 Vue 项目中,使用 npm 或 安装 Echarts。2.通过provide提供echarts实例 在App.vue内。原创 2024-07-02 09:13:33 · 91 阅读 · 0 评论 -
vue3 利用 tsparticles 和 particles.vue3轻松实现一个充满动感的粒子背景效果
在 Vue 3 中,可以使用 tsparticles 和 particles.vue3 来创建一个具有粒子背景效果的页面。1.首先安装 tsparticles 和 particles.vue3,注意版本号。创建组件 创建一个 Vue 组件,用于放置你的粒子效果。2.在main.js导入。原创 2024-07-01 15:38:56 · 749 阅读 · 0 评论 -
vue3中使用animate.css插件css动画 实现弹性和晃动效果的入场动画
animate__animated是animate.css库提供的基础动画类,确保动画效果能够应用到元素上。是被组件包裹的元素,它将应用animate__animated shine类提供的样式,并在进入页面时按照animate__backInDown animate__wobble类定义的动画效果进行展示。enter-active-class="animate__backInDown animate__wobble"属性定义了元素进入(显示)时的动画类。元素的进入效果提供一个动画。这两个类的组合可以为。原创 2024-07-01 15:17:02 · 924 阅读 · 0 评论 -
vue2 添加NetWork打开方式
这段代码的意思是使用nodejs的模块获取电脑区域网内的ip地址。2.在\build\webpack.dev.conf.js文件内。1.在package.josn内。原创 2024-04-11 17:03:20 · 415 阅读 · 0 评论 -
比较通用的css重置代码
【代码】比较通用的css重置代码。原创 2023-08-07 08:52:56 · 136 阅读 · 0 评论 -
vue自定义指令--实现div和图片的拖拽,放大,缩小
在开发可视化大屏的过程中碰到甲方只能提供一张图片的地图无法提供经纬度,需要在这张图片实现类似百度地图功能的标点。所以就想实现对图片的拖拽移动然后加上放大和缩小功能。这样来模拟百度地图的小部分功能,然后通过在图片上放小div进行标点,来进行坐标定位,如下图代码已经封装成组件,复制可以。原创 2023-06-20 11:53:09 · 2175 阅读 · 2 评论 -
可视化大屏开发--echarts图通用常用配置---图例和背景图配置
还有今天才知道echarts还可以使用图片给它加背景图。下面代码内容有加图片背景和给环形图设置外围圆环,还有图例的常用配置项😍。这个一个饼状环形图,右侧的部分叫做–图例,在很长一段时间我把它叫做标签,导致出现问题百度都找不到对应的问题点😢。原创 2023-04-13 17:38:07 · 1905 阅读 · 0 评论