- 博客(57)
- 资源 (3)
- 收藏
- 关注
原创 openlayers 云动画 自定义渲染
这里使用了ol_ext库 里面的云效果 然后对里面的一些代码进行了简单修改。关键修改ol_ext后的代码 可以按这个格式写自定义的渲染方法。线上示例代码 上面的gif模糊 可以看这里的实现效果。openlayers 云层动画 自定义渲染。最后出来的效果 gif有点模糊。关键使用插件的js代码。
2024-05-30 14:04:14
1103
原创 python 爬虫 爬电视剧 小网站没经验别看 只供学习使用 不可商用
在开始运行爬虫之前,请确保已经安装了相关依赖,并且在目标小网站上搜索你想要下载的电视剧名称,确认能够精确搜索到相关内容而没有被禁止爬取或者受到流量限制。如果你对爬虫没有相关经验,建议先撤退。检查目标网站:在浏览器中访问目标小网站,搜索你希望下载的电视剧名称,确认网站没有明确提示不允许爬取或者没有流量限制。精确搜索测试:进行一次精确搜索测试,确保你能够成功搜索到你希望下载的电视剧,这可以帮助你验证爬虫的可行性。运行爬虫:在确认以上步骤都已经完成并且没有问题后,可以运行你的爬虫程序开始下载电视剧内容。
2024-03-07 17:05:23
341
原创 openlayers 路线规划 高德坐标转wgs84 wgs84转天地图
改善而来的 需要进行坐标转换 不转换你画的线和实际数据是无法一一对应的 会出现偏移。关键代码 模拟请求后获取到数据场景。最后模拟的json数据。文件有点大 绑了个资源。
2024-03-04 17:31:20
1300
原创 openlayers 行政区划 鼠标移入 圆扩散动画 打点
添加点和文字的方法 不需要的可以在里面删除掉 某个方法的调用 不需要点的动画就直接将addCircle返回的内容添加到pointLayer。封装了一个类似全局动画控制器的类 用于播放所有动画。行政区划 部分内容 geojson文件地址。鼠标移入 更改颜色 代码。
2024-02-26 11:00:32
703
原创 openlayers6/7 行政区划裁剪 只显示某个区域 示例为天地图
openlayers6/7 行政区划裁剪 只显示某个区域 示例为天地图。
2024-02-23 10:37:22
1134
原创 vue3 ts axios 请求封装 取消请求 失败重发 权限控制
用了 TypeScript 进行全面支持,针对前后端交互常见问题进行了细致的处理,包括将 token 添加至请求头、增加超时请求重试、添加请求取消功能等等。此外,该工具还提供了统一的异常处理机制,对于常见的网络连接不稳定、请求超时等异常情况,能够快速准确地进行处理。使用该工具,可以提高代码质量和可维护性。
2023-05-09 09:19:38
731
1
原创 vue 前端 js 实现预览word文档需求 docx-preview
vue 前端 js 实现预览word文档需求 docx-preview
2022-08-05 13:55:00
4255
1
原创 vue3 router-view keep-alive Suspense transition 共同使用
vue3 解决 Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.router-view keep-alive Suspense transition
2022-07-27 17:57:31
1310
原创 解决 vue3 ts ‘defineProps‘ is not defined
vue3 'defineProps' is not defined
2022-07-13 10:24:58
1351
原创 Points three vue3 typescript 渐变色粒子点云
粒子渐变色 需要材质颜色 和 BufferGeometry.colors的配合使用设置颜色的时候 大概需要调整到图上这个颜色拾取器的位置上<template> <div> <div class="main" ref="box" style=" height: 100vh; display: flex; align-items: center; justify-content: center;
2022-05-19 17:51:50
593
2
原创 points three vue3 typescript 点云 粒子系统颜色控制
three 粒子系统自定义每个粒子的颜色 记得缩小了看<template> <div> <div class="main" ref="box" style=" height: 100vh; display: flex; align-items: center; justify-content: center; align-content: center; ">
2022-05-19 15:52:54
272
原创 html 转 file 文件 vue 模块 图片水印
将html转换图片添加水印后成file文件上传需要装html2canvas npm install html2canvas -s新建一个文件 用来进行相关操作//@description: dom 转 canvas 转 file //引入dom转canvas 库import html2canvas from 'html2canvas';//定义 异步 方法const watermark = async (e) => { //获取传入或默认dom let dom= e||docu
2022-01-12 08:24:03
337
原创 uni uni.request() 无法发送 formData 表单数据 文件 解决办法
uni uni.request() 无法发送 formData 表单数据 文件 解决办法
2022-01-08 17:30:28
3832
原创 echarts uniapp 没有dom renderjs 解决uniapp无法获取Dom
在uni-app的app和h5端,引入完整的echarts,并且提供高性能的动画。注意事项仅支持 app-vue、h5 端要求 uni-app 2.5.5+以上版本app端要求使用v3编译器过去的问题H5端流行的echart报表因为涉及大量dom操作,无法跨端使用wx-chart在跨端和更新方面都不足插件市场提供了比wx-chart更好的、全端可用的uChart。但受限于小程序架构逻辑层和视图层分离,导致的通信折损,图表的动画性能不佳。并且uchart只实现了echart的常用功能,还有一些
2022-01-04 09:59:25
4069
原创 echarts 树图 获取各节点位置
找到node_modules-echarts-lib-echarts.js写echartsProto.getMyPosition = function(finder) { var ecModel = this._model; finder = modelUtil.parseFinder(ecModel, finder, { defaultMainType: 'series' }); var seriesModel = finder.seriesModel; console.l
2021-12-28 16:07:20
2615
2
原创 uni 动态挂载组件 工程化开发 vue
很多是类似的文件目录uni中使用路由跳转就会将pages的路径名作为路由 因此监听此时路由变化 如果需要组件则注册相关部分组件const componentsList = {//存放组件批量引入 异步引入方法 //方法进行异步引入 引入文件为批量引入的文件地址 uninterrupted: () => import('../pages/uninterrupted/pages/components/index.js')}//匹配需要异步引入的组件目录名const list = requ
2021-12-26 15:16:46
1000
原创 前端 断点测试 debugger
debugger 语句用于停止执行 JavaScript,并调用 (如果可用) 调试函数。使用 debugger 语句类似于在代码中设置断点。通常,你可以通过按下 F12 开启调试工具, 并在调试菜单中选择 “Console” 。注意: 如果调试工具不可用,则调试语句将无法工作。console.log(1);debuggerconsole.log(2);...
2021-12-23 08:49:24
1513
原创 npm run build app内没有内容 不渲染解决
npm run build app内没有内容 不渲染router文件内const router = new VueRouter({ // mode: 'history',//要注释掉否则build不渲染1 // base: process.env.BASE_URL, routes})
2021-12-10 10:38:34
536
原创 vue全局注册过滤器 自动化引入 前端过滤敏感词 vue filter 脱敏
目录结构在filters下的index.js中写如下代码import Vue from 'vue'//引入vueconst directives = require.context('../filters', true, /(?<!index)\.js$/); //实现自动化导入 文件路径,是否遍历子目录,正则匹配directives.keys().map(item => {//在名字中遍历 const componentConfig = directives(item)//文件内
2021-11-16 10:12:28
1081
3
原创 vue 全局注册自定义指令 自动化引入 vue.directive 格式化文本
vue 全局注册自定义指令 自动化引入//注册文件directive/index.jsimport Vue from 'vue'//引入vueconst directives = require.context('../directive', true, /(?<!index)\.js$/); //实现自动化导入 文件路径,是否遍历子目录,正则匹配 (?<!index)//排除.js前跟着index的文件directives.keys().map(item => {//在关键字中遍
2021-11-15 11:58:46
930
原创 解决 ant 下拉框 日期选择框 跟随滚动
日期选择框:getCalendarContainer="(trigger) => trigger.parentNode"两种解决方式 不一样 不能通用选择器下拉框:getPopupContainer="(trigger) => trigger.parentNode"
2021-11-11 14:27:24
442
原创 vue webpack 打包配置 常用
const path = require("path");//引入path模块const resolve = dir => path.join(__dirname, dir);//path.join正确连接路径 _dirname用来动态获取当前文件所属目录的绝对路径 dir传入的路径const CompressionWebpackPlugin = require("compression-webpack-plugin");//引入gzip压缩const productionGzipExtensi
2021-11-09 12:12:17
785
原创 前端开发 首页超清大图缓存 避免每一次打开网页时加载图片卡顿 和出现白屏现象
一个项目 需求是用户想要首页放超清大图 但是每次打开都需要加载很久 所以第一次加载时将用户首页图片缓存起来 下一次在进入时就不会卡顿了js代码 if (localStorage.getItem(bgImg)) { this.bgImg = window.URL.createObjectURL(new Blob([res.data])); } else { this.bgImg = require("../assets/img/bgImg.jpg"); a
2021-11-09 10:11:21
1044
原创 vue 网页微信扫码登陆 前端 全
引入位置在public>index.html文件内 <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> <!-->api地址、部署地址、引入地址如果都用https则都用https 如果用http都用http<!--><div id="login_container">这里的id等会要用</div>
2021-10-28 12:02:39
484
原创 ant vue 树形结构被选中数据数量统计
需求 树形结构展示数据 且数据可被选中 在数据后显示选中数量测试数据[ { "title": "测试", "key": 6, "children": [ { "title": "测试测试", "key": "6-1", "children": [ {
2021-10-20 11:23:08
730
graduation.zip 论坛 个人毕设项目 vue node express mysql 残 轻微配置即可
2021-09-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人