- 博客(37)
- 收藏
- 关注
RSS订阅原创 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
404
原创 vue 项目共用node_modules
目的：多个项目共用node_modules，避免每个项目重复npm install1、使用grunt实现npm包管理npm install -g grunt-cli //全局安装
2022-03-26 16:33:05
1531
原创 html MP4视频浏览器播放黑屏
原因： mp4编码格式不是h264编码，浏览器不支持该编码方式解决： 使用MP4/RM转换专家 软件，将MP4视频转换成h264编码格式
2022-03-23 11:43:49
1164
原创 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
475
原创 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
285
原创 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
384
原创 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
619
原创 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
290
原创 关于清理node_modules
清理node_modules可选 包 npkill一、全局安装npmi-gnpkill二、执行npkill 命令，它会帮我们搜索电脑上所有的 node_modulesnpkill //可搜索全部node_modules用光标上下移动来选择要清理的目录即可...
2021-12-30 09:10:56
638
原创 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
359
原创 前端面试题（小知识）
一、同步、异步 阻塞与非阻塞同步与异步关注的是消息通讯机制，同步是发出一个“调用”，会等待“调用”结果，即“调用者”主动等待结果；异步是发出一个“调用”，不会立刻返回“调用”结果，而是“被调用者”通过回调处理这个“调用”。阻塞与非阻塞关注的是程序在等待结果时的状态，阻塞是指调用结果返回之前，当前线程会被挂起，直至得到结果返回；非阻塞是指调用结果返回之前，该调用不会阻塞当前线程。注：阻塞 非阻塞都是同步IO（Input/Output），异步必定是非阻塞的。...
2021-12-02 09:26:05
760
原创 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
1692
原创 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
702
原创 css兼容性跟响应式问题
一、兼容性问题1、初始化样式 重置浏览器默认样式 （可参考插件Normalize.css）2、浏览器私有属性 针对不同浏览器采用不同写法 加前缀 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表opera私有属性 书写顺序：兼容性写法放到前面，把标准写法放到最后 （可参考Autoprefi...
2021-11-29 11:26:47
154
原创 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
2398
1
原创 cesium 雷达扫描
/** *圆形扩大扫描圈 * */ function AddCircleScanPostStage(viewer, cartographicCenter, maxRadius, scanColor, duration) { var ScanSegmentShader = "uniform sampler2D colorTexture;\n" + "uniform sampler2D depthTexture;\...
2021-10-21 17:05:48
605
原创 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
720
原创 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
348
原创 ol地图事件
添加地图事件监听let clickEvent = map.on(事件类型,(e)=>{console.log(e)})移除监听事件ol.Observable.unByKey(clickEvent)注：地图事件类型BROWSER_EVENTS: [ "mouseover", //鼠标位于对象或区域上 "mouseout", //鼠标移出 "mousedown", //鼠标按下 ...
2021-09-01 16:24:16
775
原创 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
1355
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
643
原创 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
115
原创 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
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人