- 博客(110)
- 资源 (20)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 前端使用webSocket与后台建立连接并进行心跳监测机制
2.在页面初始化的时候调用getWebSocket此方法。首先项目中需要引入websocket。
2024-07-18 11:33:22
834
原创 Angular项目中引入进度条组件
如果你的项目尚未集成 Angular Material，需要先安装和配置 Angular Material 和 Angular CDK。1.在Angular中引入和使用 Angular Material 的 mat-progress-bar 组件非常简单。MatProgressBarModule 是 Angular Material 中用于进度条的模块，必须在你的应用模块中引入才能。在你的组件模板中，使用 mat-progress-bar 组件来显示进度条。
2024-07-15 17:04:44
474
原创 梦想CAD在线预览编辑功能
1.最近有个需求，在web系统里进行在线进行CAD预览和编辑，这里用的是梦想CAD实现此功能，梦想。4.通过以上方法即可实现CAD预览编辑功能，欢迎交流讨论。
2024-07-15 16:09:30
499
原创 梦想CAD二次开发
mxdraw是一个HTML5 Canvas JavaScript框架，它在THREE.js的基础上扩展开发，为用户提供了一套在前端绘图更为方便，快捷，高效率的解决方案，mxdraw的实质为一个前端二维绘图平台。mxdraw.js依赖canvas标签打开画布，但由于canvas会根据父元素的宽高来自动调整大小，为保证绘制不失真需要固定canvas父级的宽高，且在父元素上设置属性overflow:hidden。MxCAD: MxCAD APP 插件的二次开发项目(用户可在该基础上开发功能)
2024-06-28 15:52:23
853
原创 Cesium中加载geoserver发布的二维地图服务
注意：若加载时出现跨域问题可进行配置Geoserver的。4.发布成功后使用cesium进行加载显示：代码如下图。2.进行初始化配置，进行加载显示cesium.3.使用geoserver进行地图服务发布.1.第一步，先引入cesium。
2024-06-26 17:10:53
642
原创 uni-app——picker组件的用法、时间、日期、地区选择器等
1、uniapp–picker组件<template> <view class="signUp"> <view class="signUp_dv1"> <u-form :model="form" ref="uForm" label-width="95px"> <u-form-item label="日期" :required="true"> <u-input v-model="form.applicantDat
2023-04-26 18:44:02
4844
原创 Vue中不同屏幕分辨率
在app.vue中进行出来：<template> <div id="app" :style="{'transform':`scale(${scalesNum}) translate(-50%,0)`, '-webkit-transform':`scale(${scalesNum}) translate(-50%,0)`, '-moz-transform':`scale(${scalesNum}) translate(-50%,0)`, '-o-tra
2022-05-16 14:53:34
1061
1
原创 Vuex状态持久化—vuex-persistedstate
vuex-persistedstate 使用浏览器的本地存储（ local storage ）对状态（ state ）进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。安装：npm install vuex-persistedstate --save-dev在store文件夹的index.js引入import createPersistedState from 'vuex-persistedstate'初始化vuex 加入插件const store = new Vuex.Store
2022-05-16 14:36:50
759
原创 Vue中使用js-web-screen-shot插件实现截屏功能
最近有个需求，要求类似微信、扣扣实现屏幕截屏功能，在此，使用vue插件实现了此功能，记录如下：安装截屏插件：npm install js-web-screen-shot --save页面引入：import ScreenShort from "js-web-screen-shot";调用：<el-button @click="jitT()">截屏</el-button>methods中写入截屏方法：jitT(){ const screenShotH
2022-04-28 14:13:31
7377
23
原创 Vue中使用Wangeditor富文本实现聊天窗口抖动
1、最近项目有个需求，要求实现类似扣扣发送好友窗口抖动功能，在此，整理如下，这里使用的是vue中进行元素抖动方法，具体参考vue中元素抖动组件代码如下：<template> <div> <slot></slot> </div></template><script> export default { props: { // 抖动范围，单位是px, 例如：{x: 4, y: 2,
2022-04-20 15:59:03
454
原创 Vue中使用luckyexcel插件开发在线表格编辑
最近项目需求要做一个在线编辑xlsx功能，在此使用了luckyexcel组件来进行开发：vue中使用总结如下1、首先进行引入：注意，引入这块需要进行线上引入，使用npm 安装会出如下错误：vue页面中使用：<template> <div class="excelContent"> <div class="header"> <!-- 本地导入 --> <upload :file-list="fileList" :
2022-04-20 10:49:59
8771
4
原创 浅谈前端开发必备知识点及未来发展方向
文章目录一、关于前端二、前端技术路线1.基础掌握2.进阶能力3.前端框架4.前端工程化5.技术加持6.全栈开发三、前端开发工具1.WebStorm2.Vscode3.Sublime三、前端发展方向1.web开发2.游戏开发3.多屏多端开发一、关于前端很多人总是以为前端人员就是写写页面这么简单，其实不是这样的，现代的前端岗位是一个综合素质要求很高的行业。首先，作为前端程序员，不仅要掌握开发语言、数据结构、算法等编程素养，现在的前端应用场景复杂程度非常高，这就要求我们必须向后端程序员那样，具备很高的软件
2022-04-14 16:54:29
3374
原创 Vue中使用Wangeditor富文本实现聊天发送文件驻留
1、最近遇到一个需求，类似企业微信发送文件及视频时可以在文本框内驻留，然后点击发送按钮进行文件发送，这里使用的是富文本框进行处理，Wangeditor富文本框。自定义添加菜单功能如下：cnpm i wangeditor --savevue页面中引入：import E from 'wangeditor'methods中写入自定义组件方法：resetEdit() {var that = this;this.editor = new E("#edit");E.registerMenu("fi
2022-04-13 16:08:17
1980
1
原创 WangEdit富文本编辑器图标修改
1、如下图，图标样式在这里直接修改i的class 是可以的 在代码里如何图标呢？代码里直接修改class不行于是查找后得知他的配置里没有配置菜单图标的选项，所以通过配置的方式是行不通了那么可以想办法给他覆盖掉，比如可以重新定义w-e-icon-text-heigh类.w-e-icon-text-heigh:before { content: "\f1dc";}这个有两点需要注意，一是权重要够，二是如果不是他自身就有的字体，那你还需要引入你的字体，并声明字体.w-e-text-he
2022-04-08 10:06:12
5516
原创 【Vue.js】vue引入组件报错：该组件未注册？
1、引入组件，报如下错误：vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <ischemicHeart> - did you register the component correctly? For recursive components, make sure to provide the "name" option.found in---> <RiskAssessment> at s
2022-04-06 10:36:54
2295
原创 Vue刻度尺组件
1、安装刻度尺组件npm install cs-ruler2、在main.js中全局引入组件import CsRuler from 'cs-ruler'//刻度尺组件Vue.use(CsRuler)3、组件使用<cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='120' :minNum='60'
2022-04-02 15:43:06
6784
6
原创 如何搭建一个完整的Vue项目？
如何搭建一个完整的Vue项目？文章目录一、安装node环境二、搭建vue项目环境三、开始我们的第一个vue项目总结一、安装node环境1、安装node环境：下载地址：https://nodejs.org/en/2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.org3、检查否安装成功：node -vcnpm -v二、搭建vue项目环境1、使用以下命令全局安装vue-clinpm install -g
2022-04-01 21:41:48
1387
原创 Vue中创建组件及引入组件及调用
第一章 Vue中创建组件及引入组件及调用文章目录一、什么是组件？二、如何注册组件？1.注册组件2.vue项目中引入组件总结Vue创建组件`Vue框架最核心思想就是组件化，方便开发，便于维护管理，那么，如何在vue中创建组件及如何引用呢？一、什么是组件？组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。二、如何注册组件？1
2022-04-01 21:14:04
5211
原创 Vue安装swiper插件中的坑
1、在vue中安装swiper插件运行时会报错，错误如下npm install --save swiper于是在网上进行查找了一番，竟然是版本问题，因为版本不同 项目目录变了 点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’如果用swiper-bundle.css会有很多问题，比如我遇到的就是分页器不生效这里就需要降低swiper版本了 这里使用的是5.4.5cnpm install vue-awesome-swiper swiper@5.4.5 --sa
2022-03-31 08:37:45
3499
原创 Vue中动态渲染echarts数据
1、安装指定版本echartsnpm install echarts@5.3.1 --save2、main.js中全局引入import * as echarts from "echarts"window.echarts = echarts;3、vue页面中引用 <div id="main" class="main_container"></div>4、引入数据接口import { bloodPressureList } from '../../api/healt
2022-03-30 21:05:25
3052
原创 Vue框架中如何调用模拟数据？
1、框架结构mock是模拟数据文件夹，文件夹中有index.js，里面包含所模拟的接口数据：如下所示const Mock = require("mockjs");const { param2Obj } = require("./utils");const user = require("./user");//调用方式const mocks = [...user];function mockXHR() { // mock patch // https://github.co
2022-03-30 20:03:42
1450
原创 Cesium - Camera Modes - 相机模式
Free Mode : 默认相机控制。Drone Mode : 让相机跟随无人机通过飞行在一个固定的距离。自由模式不需要代码，因为它使用默认控件。至于无人机跟随模式，我们可以使用摄像机的内置实体跟踪功能来定位摄像机，并用偏移量定位无人机。这就使得相机即使在移动时也能从指定的实体中得到固定的偏移量。为了跟踪一个实体，我们简单地设置viewer.trackedEntity。要切换到自由相机模式，我们可以将viewer.trackedEntity实体设置为未定义，然后使用camera.flyTo()返回到我
2022-03-23 22:01:16
304
原创 Cesium-创建Cesium Viewer
任何Cesium应用程序的基础都是Viewer。Viewer是一个带有多种功能的可交互的三位数字地球的容器（盒子）。创建一个Viewer和HTML中的一个id为"cesiumContainer"的div绑定即可。var viewer = new Cesium.Viewer('cesiumContainer');使用以上代码之后，能看到下图所示的基本的数字地球：默认地，场景支持鼠标（电脑）和手指（移动设备）交互。控制相机漫游数字地球可以通过以下方式：Left click and drag - Pa
2022-03-23 21:57:02
545
1
原创 VSCode编辑器中自定义设置好看的背景图
1、首先在扩展程序里找到background插件进行安装：2、打开设置，在搜索框中输入background，选择扩展中的plugin background，选择在setting.json中编辑setting.json内容如下：{ "window.zoomLevel": 1, "workbench.colorTheme": "WeChat Dark", "files.associations": { "*.cjson": "jsonc",
2022-03-23 21:28:31
2599
原创 快速了解及认识TypeScript
一、首先了解一下什么是TypeScript？TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。二、了解TypeScript 的语言特性：TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：类型批注和编译时类型检查、类型
2022-03-23 20:58:03
278
原创 Vue性能优化之Vue3.0 的新特性
vue3新特性：一、使用Proxy替换Object.defineProperty，重构响应式系统，使用Proxy优势：1、可直接监听数组类型的数据变化2、监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升3、可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行4、直接实现对象属性的新增/删除proxy的缺点：1、es6的proxy不支持低版本浏览器（IE11）2、会针对IE11出一个特殊
2022-03-23 20:37:21
3422
原创 Vue大屏数据可视化展示组件库DataV介绍
DataV组件组件库基于Vue （React版） ，主要用于构建大屏（全屏）数据展示页面即数据可视化，具有多种类型组件可供使用：边框带有不同边框的容器装饰用来点缀页面效果，增加视觉效果图表图表组件基于Charts封装，轻量，易用其他飞线图/水位图/轮播表/兼容性组件库的开发和调试都使用Chrome浏览器，所以请使用Chrome浏览器。宽高异常组件的默认宽高都是100%，可以根据父容器宽高进行自适应，但在某些情况下组件宽高可能表现异常，这种情况一般是因为组件的父容器宽高发生了变化，而
2022-03-23 20:27:43
8452
原创 Vue+vant实现离线下载
最近项目需求要实现下载功能，离线后也可以进行访问查看，于是做了一个关于离线下载的功能，在次，整理如下：<template> <div> <div class="download_head_tabbar"> <div style="margin-bottom:15px"> <van-nav-bar title="下载"
2022-03-21 10:49:51
1638
原创 使用Cesium加载3DTiles并进行调整
3dtiles简介3D Tiles是用于流式传输大规模异构3D地理空间数据集的开放规范。为了扩展Cesium的地形和图像流，3D Tiles将用于流式传输3D内容，包括建筑物，树木，点云和矢量数据。3D Tiles是目前大火的开源WebGL框架Cesium的御用格式。根据实际体验，3D Tiles和二维地图中的瓦片组织非常相似，在网络中查看3D模型的话，3DTiles的效果还是很不错的，下面我们就来讲一下如何使用vue框架实现cesium加载3dtiles，以及实现对3dtiles的调整组件。cesi
2022-03-19 11:53:49
7413
原创 python深度学习-YOLOv5
1、YoLov5图像识别技术Yolov5图像识别技术简介YOLOv5是一种单阶段目标检测算法，该算法在YOLOv4的基础上添加了一些新的改进思路，使其速度与精度都得到了极大的性能提升。主要的改进思路如下所示：输入端：在模型训练阶段，提出了一些改进思路，主要包括Mosaic数据增强、自适应锚框计算、自适应图片缩放；基准网络：融合其它检测算法中的一些新思路，主要包括：Focus结构与CSP结构；Neck网络：目标检测网络在BackBone与最后的Head输出层之间往往会插入一些层，Yolov5中添加了
2022-03-19 10:18:28
26449
2
ecshop二次开发中关于discuz和Ucenter的问题？、、
2016-04-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人