摘要：
Vue相关基础技术分享 主要分享内容 vue项目创建 - 脚手架工具 · Cli3及以上 组件 - 组件间通信 路由 - 路由配置 Axios - 请求使用及封装 Vuex - 状态管理 创建Vue项目前期准备工作 1、安装Node.js、npm node.js【官网】 2、安装 Vue Vue安装 阅读全文
摘要：
Vue 使用树形穿梭框 Vue 项目里面需要一个树形的穿梭框，但是 elementUI 和 ant-d 组件库的穿梭框组件效果都不是很好，因为源列表和目标列表都是需要树形结构的，所以说这个就很难搞，但是也不怕，因为大佬太多了，有插件可以提供给我们使用，接下来介绍一下这个插件。 树形穿梭框插件 el- 阅读全文
摘要：
obj 格式3D模型转 gltf 格式 这个就很简单了，如果我们需要使用 gltf 格式模型，但是我们目前只有 obg 格式化，我们需要转化一下。 有几种方式，但是我只试验过第一种，是可以的，在 cesium 中是可以正常使用的。 obj2gltf（转换工具） https://github.com/ 阅读全文
摘要：
vue 中使用 cesium 我是在 vue 项目里面使用的 cesium，但是呢，有点问题，就是有些语法在js转vue的时候有些许的限制，比如说js中相对路径引入文件是一切OK的，vue 也能解决，但是呢，在引入的文件中又引用了其他的文件，vue 处理起来就不是特别的好用，所以说，我是直接在 vu 阅读全文
摘要：
vue 使用 cesium 接入 gltf 模型 这个其实说简单也简单，但是说复杂也不容易搞。尤其是转化成vue语法或者是在vue项目接入的时候会有些许的坑，我在接入的时候也是有很多问题，好在最后把模型加进去了，在这里稍微整理一下，然后这篇博文的代码都是我自己实现成功的，如果需要的话可以相互学习一下 阅读全文
摘要：
Vue使用 Echarts 做出排行榜的感觉 其实这不算是一篇技术文的，就是单纯的echarts调样式就可以，但是有的地方设置还是不好设置的，所以说嘞，就保存一下吧，以后自己用到了的话课可以直接拿来修修改改就可以二次利用了。 做出来的效果就是这个样子： 这个排行榜一共就展示前六，就是这个样子，然后把 阅读全文
摘要：
Vue 使用超图 SuperMap 前言 怎么讲呢，稀里糊涂的接了个电话，稀里糊涂的收到个临时任务，稀里糊涂的出了一次差，稀里糊涂的搞了几天超图，超图这个东西确实厉害，但是需要消耗一定的时间才能学会，因为他的功能相对来说比较强大，功能点实在是太多，不是一时半会就可以入门开发的，加油吧！我也是一个小白 阅读全文
摘要：
EventLoop JavaScript 是一门单线程执行的编程语言，也就是说，在同一时间，只能做一件事情。 单线程执行任务队列的问题： 如果前一个任务非常的耗时，那么后续的任务就不得不一直等待，从而导致程序假死的问题。 同步任务和异步任务 为了防止某个耗时的任务导致我们的程序假死问题，JavaSc 阅读全文
摘要：
Promise 学习 回调地狱 什么是回调地狱 多层回调函数的相互嵌套，就形成了回调地域，示例如下： 是不是很恐怖，就像是套娃一样。 回调地狱的缺点 代码耦合性太强，牵一发而动全身，难以维护。 大量冗余代码相互嵌套，代码的可读性和可复用性变差。 如何解决回调地狱问题 为了解决回调地狱的问题，ES6中 阅读全文
摘要：
ES6 模块化导入导出 ES6 基本语法 默认导出 与 默认导入 按需导出 与 按需导入 直接导出 并 执行模块中的代码 默认导出 默认导出的语法： export default 默认导出的成员 默认导出的注意事项： 每个模块中，只允许使用唯一的一次 export default，否则报错！ 默认导 阅读全文
摘要：
Vue实现对象列表根据某一字段排序 其实很简单的东西，就是说有一个对象列表，然后我们需要根据每个对象的某一个字段对这个列表排序，就用到了下面的方法。 data = [{ name: 'wjw', age: 18 },{ name: 'tcz', age: 23 },{ name: 'qy', age 阅读全文
摘要：
前端大屏页面布局经验 额··· 其实谈不上经验，只能说是开发过程中值得记录一下的东西，不一定是对的。 分辨率 首先一点，大屏对分辨率和显示器是有要求的，因为他不像一般的页面，出个纵向的滚动条啥的无所谓，不是特殊情况下，大屏是不能出现滚动条的，所以其实不是随便一台电脑，随便一个分别率都可以使用大屏的， 阅读全文
摘要：
vue 常用的 Echarts 示例 为啥要整理这一篇博文呢？其实最近做大屏做的恶心了，好多echarts图表，样式花里胡哨，调样式太费劲了，然后把做过的拿下来备份一下，需要的话直接粘贴稍作修改就可以了。 echarts配置项官网：https://echarts.apache.org/zh/opti 阅读全文
摘要：
Vue 实现时间格式字符串计算时间差 这个地方的意思是两个时间，计算两个时间的时间差。 比如说 2021-10-0810:39:49 到 2021-10-0810:39:40 相差多久？ 答：9秒。 实现 其实很简单，就一个方法。 /** * * @param {*} start 起始时间 2020 阅读全文
摘要：
Vue 大屏开发自适应 VScode | flexible.js | rem | echarts自适配 其实开发大屏这个适配是最费劲的，电脑的分辨率，电脑缩放比例，电脑浏览器缩放比例都很麻烦，当然了，大屏界面本来就对分辨率有些许的要求，太差劲的分辨率本来就不适用，因为毕竟要保持页面放得下，不能出现滚 阅读全文
摘要：
vue 全局实现数字千分位格式 这个是啥意思呢 ？ 就是我们在页面上需要渲染数据的时候，比如 88888，我们需要按照千分位显示成方便阅读的格式88,888。 这个时候我的做法是vue写一个过滤器，将所有的数据都用这个过滤器过滤一下。 因为涉及的数据相对比较多，我就将这个过滤器挂载到了全局，这样就不 阅读全文
摘要：
Webpack 安装和实例 全局安装 webpack 安装官方文档：https://webpack.docschina.org/guides/installation/ 安装 webpack，首先确保已经安装了 node.js。 安装最新版本 npm install --global webpack 阅读全文
摘要：
Webpack 介绍 什么是 Webpack Webpack 是一个前端的静态模块资源打包工具，能让浏览器也支持模块化，他将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 Webpack 的作用 Wbepack主要核心是进行javascript资源打包。 如下图，他 阅读全文
摘要：
VUE密码登陆加密RSA方案 有一个项目需求需要在前段登陆的时候把登录密码加密后发送，这个地方其实很简单，加密的时候可以使用md5、可以使用sha1，也可以使用现在这个方式加密，就简单记录一下没啥。 RSA是啥 RSA加密算法是一种 非对称加密算法 ，RSA加密使用了"一对"密钥.分别是公钥和私钥, 阅读全文
摘要：
vue 使用 video.js 播放 m3u8 视频流 首先呢，遇到一个项目，是需要使用播放器在web上播放视频流，项目使用vue开发的，然后就找了一下相应的插件，找到了 video.js，自己用的时候感觉还不错，可以满足自己的需求，记录一下。 安装依赖包 npm install video.js 阅读全文
摘要：
来一个滚动显示数据的插件 https://chenxuan0000.github.io/vue-seamless-scroll/zh/ 感觉这是我用的相对来说比较好用的滚动插件了，用法很简单，按照说明来就可以了。 这是我用了之后的效果。 实际用上还是蛮流畅的，不像动图一样一卡一卡的。 阅读全文
摘要：
js 列表对象根据某一字段分类 其实是这个意思，比如说我有一个列表，数据的样子是下面的样子，一个五种，分了两类，食物和饮料。我们想把这五种东西按照类别进行分类，就可以使用这个方式。 [{ name: '苹果', type: '食物', price: '3' },{ name: '牛奶', type: 阅读全文
摘要：
vue 实现快捷键录入功能 项目需要在页面使用快捷键，而且需要对快捷键进行维护，然后呢，就从网上抄了，改成自己的。 记录一下。 参考地址： https://www.jb51.net/article/203981.htm 首先有一个组件，用来实现快捷键的录入操作。 直接上代码： hotkeyInput 阅读全文
摘要：
vue 通过 Ctrl 、Shift 键 + 点击鼠标实现 div 多选操作 前言 我在做东西的时候有这样一个需求，就是有一个div的列表，想通过按住Ctrl键后点击div实现多选的功能，在一个是按住 Shift键都点击前后两个div选中区域的效果。 就是选择下面图片，每个图片包含在一个div下面。 阅读全文
摘要：
vue 实现像web淘宝一样区域放大功能 效果是这个样子的 直接上自定义组件代码： <template> <div style="display: flex;position: relative"> <div class="box" :style="minImgBoxStyle" @mouselea 阅读全文
摘要：
vue echart 散点图画矩形区域 其实没打算写这部分东西来着，但是当时做的时候没找到合适的方式，看到别人写的博客总是觉得博客这种东西就是自己写完之后自己用，能分享一下就分享一下吧。 其实方法很简单，只不过没有接触过的人可能觉得会有点难度，不是难，是没思路，点一下子就好了。 先上图，当时我想做的 阅读全文
摘要：
vue实现div高度可拖拽 这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边有根据我的实际需求又重新修改了一下，先看一下现在的demo效果。 <template> <div id="eagleMapContainer" style="border: 1 阅读全文
摘要：
HTML table标签实现表头固定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <table cellspacing="0" border="0" cellpad 阅读全文
摘要：
vue 查询某个对象在对象列表的索引位置 let a = { id: 1, name: 'wjw' } let mList= [{ id: 1, name: 'wjw' }, { id: 2, name: 'zqx' }] let index = mList.findIndex(item => { 阅读全文
摘要：
vue 实现页面监听键盘按键 上下左右 其实这个就算是快捷键的操作了，单纯的按下一个按键监听，目前也稍微简单一点。 在 mounted 钩子函数里面调用一个方法，让页面监听键盘事件。 this.keyDown() 然后接下来的工作就是监听。 // 监听键盘 keyDown() { document. 阅读全文