- 博客(31)
- 收藏
- 关注
原创 export 和 export default区别
export 用于具名导出,可以导出多个值,而 export default 用于导出一个默认值,并且可以为导入者提供更大的命名灵活性。
2024-07-02 15:49:11 134
原创 在vue3中使用echarts图表 通过provide提供echarts实例
现在,echarts 变量将包含提供的 Echarts 实例,你可以在组件中使用这个实例来创建图表或执行其他操作。1.安装 Echarts:在 Vue 项目中,使用 npm 或 安装 Echarts。2.通过provide提供echarts实例 在App.vue内。
2024-07-02 09:13:33 33
原创 vue3 粒子背景实现 自定义背景图 tsparticles particles.vue3
在 Vue 3 中,可以使用 tsparticles 和 particles.vue3 来创建一个具有粒子背景效果的页面。1.首先安装 tsparticles 和 particles.vue3,注意版本号。创建组件 创建一个 Vue 组件,用于放置你的粒子效果。2.在main.js导入。
2024-07-01 15:38:56 341
原创 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 326
原创 vue2 添加NetWork打开方式
这段代码的意思是使用nodejs的模块获取电脑区域网内的ip地址。2.在\build\webpack.dev.conf.js文件内。1.在package.josn内。
2024-04-11 17:03:20 147
原创 你真的了解JavaScript 的数组方法吗(1)
JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。join() 方法也可将所有数组元素结合为一个字符串。它的行为类似toString()
2023-08-27 20:57:31 76
原创 CSS如何隐藏滚动条并保留功能 自定义滚动条样式
滚动条在前端开发中是让人又爱又恨,可是没有它不行,但是它好像有点不好看。这时候就需要去自定义滚动条样式。让我们一起来看看看如何隐藏滚动条并保留功能和自定义滚动条样式吧!!。最后希望可以点个关注,以后会持续更新前端知识1.如何隐藏滚动条添加 overflow: hidden;隐藏水平和垂直滚动条。body {/* 隐藏滚动条 */body {/* 隐藏垂直滚动条 *//* 隐藏水平滚动条 */注意 overflow: hidden 也会移除滚动条的功能。无法在页面内滚动。
2023-08-26 22:53:22 559
原创 uniapp开发手机app--页面左右滑动swiper效果实现
uniapp开发手机app–页面左右滑动swiper效果实现,跟平常swiper使用没有太多差别,区别在于检测,获取手机屏幕的高度,让其等于swiper的高度,从而使屏幕充满。完整代码如下:可根据自己的业务进行调整,在获取swiper左右移动的索引的情况下,可结合自己的业务情况进行拓展。
2023-08-18 09:29:48 631
原创 uniapp开发手机app--vuex结合websocket实现全局消息推送提示
在vuex内实现websocket的链接,采用心跳检测的方法来判断是否与服务端失去联系,来控制断线重连,代码比较全面,直接赋值粘贴根据业务调整就可以直接用了。
2023-08-18 09:16:31 283
原创 splitpane实现窗格的拆分调整
第一步:项目中没有这个拖拽插件时候需要先安装。第二步:在需要使用的界面导入并注册组件。第三步:在组件中使用。
2023-08-05 10:51:54 609
原创 移动端uniapp使用uview组件在表单中上传图片并回显,预览,删除操作
移动端uniapp使用uview组件在表单中上传图片并回显,预览,删除操作
2023-07-11 17:46:41 4027
原创 面试题-----阐述一下 JS 的事件循环
根据 W3C官方的解释,每个任务有不同的类型,同类型的任务必须在同一个队列,不同的任务可以属于不同的队列。不同任务队列有不同的优先级,在一次事件循环中,由浏览器自行决定取哪一个队列的任务。但浏览器必须有一个微队列,微队列的任务一定具有最高的优先级,必须优先调度执行。在 Chrome 的源码中,它开启一个不会结束的 for 循环,每次循环从消息队列中取出第一个任务执行,而其他线程只需要在合适的时候将任务加入到队列末尾即可。过去把消息队列简单分为宏队列和微队列,
2023-07-07 14:14:39 52
原创 前端面试题-------如何理解JS的异步
这是因为它运行在浏览器的渲染主线程中,而渲染主线程只有一个。证渲染主线程承担着诸多的工作,渲染页面、执行 JS 都在其中运行。如果使用同步的方式,就极有可能导致主线程产生阻塞,从而导致消息队列中的很多其他任务无法得到执行。这样一来,一方面会导致繁忙的主线程白白的消耗时间,另一方面导致页面无法及时更新,给用户造成卡死现象。所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时,比如计时器、网络、事件监听,主线程将王务交给其他线程去处理,自身立即结束任务的执行,转而执行后续代码。
2023-07-05 14:20:02 51
原创 vue自定义指令--实现div和图片的拖拽,放大,缩小
在开发可视化大屏的过程中碰到甲方只能提供一张图片的地图无法提供经纬度,需要在这张图片实现类似百度地图功能的标点。所以就想实现对图片的拖拽移动然后加上放大和缩小功能。这样来模拟百度地图的小部分功能,然后通过在图片上放小div进行标点,来进行坐标定位,如下图代码已经封装成组件,复制可以。
2023-06-20 11:53:09 1879 2
原创 可视化大屏开发--echarts图通用常用配置---图例和背景图配置
还有今天才知道echarts还可以使用图片给它加背景图。下面代码内容有加图片背景和给环形图设置外围圆环,还有图例的常用配置项😍。这个一个饼状环形图,右侧的部分叫做–图例,在很长一段时间我把它叫做标签,导致出现问题百度都找不到对应的问题点😢。
2023-04-13 17:38:07 1428
原创 uniapp开发手机app--登录记住密码功能,代码直接复制可用奥
登录记住密码功能:我采用的是本地持久化的方式来实现的这个需求,uniapp开发手机app--登录记住密码功能,代码直接复制可用哦
2023-04-12 13:58:34 1366 2
原创 uniapp开发手机app--app应用内部下载更新,代码直接复制可用奥
uniapp开发手机app--app应用内部下载更新,代码直接复制可用奥,由于某些原因应用没有放到应用市场,而是放到了自己的服务器上,下面分享一下方法。
2023-04-12 09:47:32 244
原创 1.4 vue学习----Vuex
概念:专门在vue中实现集中式状态管理的一个Vue插件,多个组件的共享状态集中式管理,也是组件通信的方式,适用于任意组件间的通信。使用场景:1.多组件依赖同一状态 2 不同组件的行为需要变更同一状态。
2023-04-03 21:15:53 44
原创 vue-router基础学习详解
路由:一个路由就是一组映射关系,key为路径,value可能是组件或者函数。也就是路径与组件或者函数之间的映射关系vue-router是vue的一个插件,可以用来实现SPA单页面应用的切换
2022-09-21 22:11:58 237
原创 vue学习-----二次封装axios和请求发送详解
同源策略:就是我我们的浏览器出于安全考虑,只允许与本域(同协议,同域名,同端口的就叫本域)下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。当我们向不同源的网站发起请求时,就会产生跨域问题,(跨域中请求是发送出去了,服务器响应了,但是会被浏览器的同源策略所拦截,使我们不能得到响应)
2022-09-20 23:26:22 270
Acute3DViewer
2024-08-10
开源免费 Markdown 笔记工具 VNote 3.16.0 + x64 中文多语免费版
2023-08-15
基于微信小程序的小说阅读程序设计与实现.zip
2023-04-03
前端vue插件vue-baidu-map制作瓦片图,百度地图切图工具,可根据输入的中心点的经纬度,自动生成切割后图经纬度命名
2023-04-03
vue-baidu-map,百度地图切图工具,瓦片图制作利器
2023-04-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人