- 博客(37)
- 收藏
- 关注
原创 vue 播放萤石云实景
/direction:0-上,1-下,2-左,3-右,4-左上,5-左下,6-右上,7-右下,8-放大,9-缩小,10-近焦距,11-远焦距。playbackSpeed: [0.5, 0.75, 1, 1.25, 1.5, 2, 3], //可选的播放速度,可自定义。lang: "zh-cn", // 语言,'en', 'zh-cn', 'zh-tw'theme: "#b7daff", // 风格颜色,例如播放条,音量条的颜色。hotkey: true, // 是否支持热键,调节音量,播放,暂停等。
2023-09-01 15:37:47
254
原创 vue 项目共用node_modules
目的:多个项目共用node_modules,避免每个项目重复npm install1、使用grunt实现npm包管理npm install -g grunt-cli //全局安装
2022-03-26 16:33:05
1443
原创 html MP4视频浏览器播放黑屏
原因: mp4编码格式不是h264编码,浏览器不支持该编码方式解决: 使用MP4/RM转换专家 软件,将MP4视频转换成h264编码格式
2022-03-23 11:43:49
1038
原创 cesium 绘制实体
扇形var headings = Cesium.Math.toRadians(90);viewer.entities.add({ name : '扇形', position : Cesium.Cartesian3.fromDegrees(-102.0, 35.0, 20000.0), orientation : Cesium.Transforms.headingPitchRollQuaternion( Cesium.Cartesian3.fromDegrees
2022-03-04 19:39:37
405
原创 vue插件
一、数字滚动npm install vue-count-to引用import countTo from 'vue-count-to';<countTo :startVal='0' :endVal='10' :duration='3000'></countTo>注:startVal (起始值)endVal (最终值)duration(间隔时长)...
2022-02-28 18:53:18
252
原创 word、pdf等格式文件下载
<button onclick="downloadFile">下载</button>JS方法function downloadFile(){ var request = new XMLHttpRequest(); request.responseType = "blob"; request.open("GET", "文件路径"); request.onload = function () { var.
2022-02-14 10:15:00
360
原创 Leaflet+vue
安装leafletnpm i leaflet全局引用(main.js)import L from "leaflet";import "leaflet/dist/leaflet.css";vue页面初始化使用<template> <div id="container"></div></template><script>export default { data() { return { .
2022-01-17 17:49:09
587
原创 vue 兄弟组件通信
创建bus.js(事件总线)import mitt from "mitt";var $bus = new mitt();export default $bus;组件中发送事件/发布$bus.emit('自定义事件名称','数据');组件中接收事件$bus.on('自定义事件名称',data=>{ console.log(data); //控制台输出接收到的数据 })移除总线事件监听$bus.off('自定义事件名称')...
2022-01-11 10:11:14
251
原创 关于清理node_modules
清理node_modules可选 包 npkill一、全局安装npmi-gnpkill二、执行npkill 命令,它会帮我们搜索电脑上所有的 node_modulesnpkill //可搜索全部node_modules用光标上下移动来选择要清理的目录即可...
2021-12-30 09:10:56
550
原创 vue打包BUG
错误:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory解决:1、安装cross-env和increase-memory-limit2、然后在package.json中添加scripts:{"fix-memory-limit":"cross-envLIMIT=2048increase-memor...
2021-12-30 09:03:48
317
原创 前端面试题(小知识)
一、同步、异步 阻塞与非阻塞同步与异步关注的是消息通讯机制,同步是发出一个“调用”,会等待“调用”结果,即“调用者”主动等待结果;异步是发出一个“调用”,不会立刻返回“调用”结果,而是“被调用者”通过回调处理这个“调用”。阻塞与非阻塞关注的是程序在等待结果时的状态,阻塞是指调用结果返回之前,当前线程会被挂起,直至得到结果返回;非阻塞是指调用结果返回之前,该调用不会阻塞当前线程。注:阻塞 非阻塞都是同步IO(Input/Output),异步必定是非阻塞的。...
2021-12-02 09:26:05
718
原创 iis部署相关
一、配置请求头允许跨域Access-Control-Allow-Origin :*Access-Control-Allow-Methods :GET, POST, PUT, DELETE, OPTIONSAccess-Control-Allow-Headers :Content-Type
2021-12-01 10:56:32
1659
原创 js 干净简洁写法
1、可选链constemail=user?.email??"N/A"; // 等价于 (user&&user.email)|| "N/A"conststreet=user?.billing?.address?.street??"N/A";conststreet=user?.billing?.address?.state??"N/A";注:调用方法 ?.() 调用动态变量 ?.[staName]2、async 与 awit 的使用...
2021-11-30 09:59:17
664
原创 css兼容性跟响应式问题
一、兼容性问题1、初始化样式 重置浏览器默认样式 (可参考插件Normalize.css)2、浏览器私有属性 针对不同浏览器采用不同写法 加前缀 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表opera私有属性 书写顺序:兼容性写法放到前面,把标准写法放到最后 (可参考Autoprefi...
2021-11-29 11:26:47
125
原创 vue codemirror 代码编辑器
一、npm安装npm i codemirror二、具体使用1、依赖引入import "codemirror/theme/ambiance.css"; //主题import "codemirror/lib/codemirror.css";import "codemirror/addon/hint/show-hint.css";let CodeMirror = require("codemirror/lib/codemirror");require("codemirr...
2021-11-10 18:55:55
2288
1
原创 cesium 雷达扫描
/** *圆形扩大扫描圈 * */ function AddCircleScanPostStage(viewer, cartographicCenter, maxRadius, scanColor, duration) { var ScanSegmentShader = "uniform sampler2D colorTexture;\n" + "uniform sampler2D depthTexture;\...
2021-10-21 17:05:48
567
原创 cesium 闪烁点
Cesium.CallbackProperty函数实现闪烁(所有entity都支持)color: new Cesium.CallbackProperty(function color(time, result) { var txf = Math.floor(time.secondsOfDay); var result = "" if (txf % 2 ==0) {//间隔两秒变换 result = Cesium.C.
2021-10-21 16:48:45
636
原创 vue 文件.eslintrc.js 配置规则
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": .
2021-09-02 10:49:28
310
原创 ol地图事件
添加地图事件监听let clickEvent = map.on(事件类型,(e)=>{console.log(e)})移除监听事件ol.Observable.unByKey(clickEvent)注:地图事件类型BROWSER_EVENTS: [ "mouseover", //鼠标位于对象或区域上 "mouseout", //鼠标移出 "mousedown", //鼠标按下 ...
2021-09-01 16:24:16
699
原创 cesium 实体聚合
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios"> <meta http-equiv="X-UA-.
2021-08-27 11:59:10
1212
1
原创 vscode eslint+prettier+vuter 代码自动格式化
1、setting.json{ //打开文件不覆盖 "workbench.editor.enablePreview": false, //关闭快速预览 "editor.minimap.enabled": false, //打开自动保存 "files.autoSave": "afterDelay", //使用主题 "workbench.colorTheme": "Darcula Theme from IntelliJ", // 头部注释 "fileheader.c
2021-07-14 09:56:51
608
原创 vue运行BUG
1.npm run serve卡死解决:npm config set registry https://registry.npm.taobao.org安装淘宝镜像,再重新运行 npm run serve命令2.
2021-07-13 18:14:51
81
原创 vscode项目问题记录
1、Vetur can‘t find tsconfig.json, jsconfig.json in /xxxx/xxxxxx.解决:1、为对应项目(ts/js)添加json文件以js项目为例,在根目录创建jsconfig.json,添加如下代码{ "include": [ "./src/*" ]}2、添加vetur.config.js// vetur.config.jsmodule.exports = { // vetur配置,会覆盖vs
2021-07-13 17:53:51
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人