weixin_44123848的博客

原创 视频调整播放速度

1.打开开发者工具，找到(添加)video标签的class或者id。

原创 JSON.stringify()和JSON.parse()

JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串而JSON.parse()可以将JSON字符串转为一个对象JSON.stringify()使用场景1.让localStorage/sessionStorage可以存储对象。localStorage/sessionStorage默认只能存储字符串，而实际开发中，我们往往需要存储的数据多为对象类型，那么这里我们就可以在存储时利用json.stringify()将对象转为字符串，而在取缓存时，只需配合json.p

原创 qiankun-微应用生命周期钩子

bootstrapbootstrap 只会在微应用初始化的时候调用一次，下次微应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。export async function bootstrap() { console.log('react app bootstraped');}mount应用每次进入都会调用 mount 方法，通常我们在这里触发应用的渲染方法

原创 将Object属性转化为数组

使用Object.entries(),Object.keys()和Object.values()const obj = { a: 1, b: 2, c: 3 };Object.entries(obj);// 输出(3) [Array(2), Array(2), Array(2)]0: (2) ["a", 1]1: (2) ["b", 2]2: (2) ["c", 3]length: 3Object.keys(obj);(3) ["a", "b", "c"]Object.value

原创 element-dropdown事项

原创 冒泡排序

int array[] = {8,12,12,6,9,5}; for (int i = 0; i < 6; i++) { for (int j = 0; j < 6 - i - 1; j++) { if (array[j] < array[j + 1]) { int num= array[j];

转载 vue组件总结

一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移动而生的Vue JS 2组件框架vonic - 快速构建移动端单页应用vue-blu - 帮助你轻松创建we

原创 vue插槽slot

一，匿名插槽//父组件<template> <div class="father"> <h3>这是父组件</h3> <child> 子组件显示内容 </child> </div></template>//子组件<template> <div class="child">

原创 vue-monaco-editor的使用

一，安装cnpm install monaco-editor --savecnpm install monaco-editor-webpack-plugin --save-dev二，使用1.webpack.base.conf.jsmodule.exports = { plugins: [ new MonacoWebpackPlugin() ]};2.子组件<template> <div class="myEditor"> &l

原创 git使用整理

1.列举工作中常用的几个git命令git reset --soft HEAD~1 回退几个版本号git reflog查看提交记录命令：git show # 显示某次提交的内容 git show $idgit add # 将工作文件修改提交到本地暂存区git commit –m或者git commit –a 提交文件的命令git rm # 从版本库中删除文件git reset # 从暂存区恢复到工作文件git reset HEAD^ # 恢复最近一次提交过的状态，即放弃上次提交后的所有

原创 vue动态绑定class

1.绑定对象<div :class="{'active':isActive}"></div>2.绑定函数<div :class="classObject"></div>classObject: function () { return { active: this.isActive, }` <div class="icon" :class="getClassNameFromStatus(item.status)"

原创 jquery之左右面板划入

$(".main_l")和 $(".main_r")需设定位 $(".main_l").css({ left: -$(".main_l").outerWidth() }).stop().animate({ left: 100 }); $(".main_r").css({ right: -$(".main_r").outerWidth() }).stop().animate({ right: 100 });

原创 获取iframe里的元素

window.onload = function () { var test = document.getElementById('iframe').contentWindow.document.getElementsByTagName('img')[0]; test.style.width = "100%" test.style.height = "100%" }

原创 全景图加指南针

1.首先image里加入表针图片2.xml的scene外加入 <!-- 指南针 --> <!-- 表盘不动,表针动--> <layer name="compass" visible="true" type="text" background="false" border="false" padding="0" url="%SWFPATH%/plugins/textfield.swf" keep="true" align="lefttop" x="5" y="5" css

原创 echarts里的legend属性

echarts里的legend属性1.图例布局朝向（orient）.默认横向布局，纵向布局值为’vertical’ orient:'horizontal' orient:'vertical'2.图例组件的宽高(width,height) width:10, height:103.left,right,top,bottom　　图例组件离容器左（右，上，下）侧的距离。　　left 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比，也

原创 plugin和与 layer属性列表

plugin和与 layer属性功能相同<plugin name="…" 定义引入的元素名称 name=“名称唯一 " 不要用中文以及数字type=“image” 引入元素的类型，可以为image 或 container，container为容器，可在容器内继续引入多个媒体元素url=”…" 引入元素的路径（支持格式：SWF, JPG, PNG, GIF.）alturl="" 引入元素的路径（支持格式：SWF, JPG, PNG, GIF.），只在html5浏览器使用keep=“false

原创 krpnao里xml中所有标签的用途

标签：载人其他的xml文件。标签：在装载全景图片的过程中显示一个小的全景图。 标签：载人图片。 标签：存储当前视的信息。标签：定义全景图中被展示的区域标签：定义渲染的质量和性能。标签：鼠标键盘的控制设置。标签：自定义光标的样式。标签：当无用户交互时．自动扭曲／移动，缩放。标签：载人其他flash程序，图片或者按钮，图标等。标签：设置热点。标签：设置事件的响应。标签：定义行为．需要用脚本语言解释器解释。标签：自定义鼠标右键菜单。标签：设置装载时过程。标签：设置下载或者decod.

原创 krpnao工具包文件说明

以krpano-1.19-pr15-win为例1.doc文件夹此文件夹包含krpnao部分离线文档2.templates文件夹此文件夹里有官方给出的一系列模板,包含图片,xml,html以及一些相关配置文件.我们可以对模板进行拷贝和修改之后变成自己的皮肤模板.3.viewer文件夹viewer文件夹是官方插件(plugins)和引擎存放的位置同事也是让案例能够正常显示的viewer所在的位置.4.krpanotools32和krpanotools64L两个exe生成krpnao项目的

原创 kapnao初始化全景图不显示热点问题的解决方法

问题原因:这是因为加载开场效果的原因，导致初始界面不显示热点信息.你可以解决方法:1.使用krpnao工具用krpnao工具新增个标签，链接到当前的场景，跳转一下.2.修改skin_settings 元素里的属性注意:标签调整完了以后，记得再将littleplanetintro属性设置为true...

原创 krpano里tour.xml里的静态元素的作用

1. krpano根元素<krpano version="1.19" title="Virtual Tour">krpano根元素是krpano xml文件的根元素,整个xml文件是由krpano的开始及结束的.krpano是一个系统内置属性，而这里的title为自定义属性，作用是定义在默认皮肤下显示在缩略图左上角的文字。2.include元素<include url="skin/vtourskin.xml" />主要是嵌入vtourskin.xml，将这个xml的全部