- 博客(18)
- 收藏
- 关注
原创 websocket
// ws 混入export const websocket = { data() { return { lockReconnect: false, wsTimer: null, heartTimer: null, sendTime: 5 }; }, methods: { // 尝试websocket createWebSocket(url) { try { const ws = new
2021-06-29 10:52:42
131
原创 tips
用变量设置cssthis.$refs.mainBox.style.setProperty( '--defaultColor', this.theme.albumset['content\-title\-pc'].defaultColor )color: var(--defaultColor)
2021-05-25 11:46:14
95
原创 小程序实现按钮分享
<button id='share' open-type="share" size="mini" plain='true' hidden='true'></button> <label for='share'> <van-icon name="share-o" class="icon" size="20px" open-type="share" bind:click="share" /> </label...
2021-05-11 14:40:49
227
原创 执行上下文、作用域链及闭包
执行上下文执行上下文生命周期创建阶段建立变量,函数,参数对象并给参数赋值建立arguments对象,检查当前上下文中的参数,建立该对象下的属性以及属性值.检查当前上下文中的函数声明。每找到一个函数声明,就在VariableObject下面用函数名建立一个属性,属性值就是指向该函数在内存中的地址的一个引用,如果上述函数名已经存在于VariableObject下,那么则忽略后面的函数声明检查当前上下文中的变量声明。每找到一个变量声明,就在VariableObject下面用变量名建立一个属性
2021-03-31 13:06:36
165
1
原创 echarts配置项笔记
1. tooltip tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, backgroundColor: 'rgba(15, 28, 68, 0.4)', borderColor: 'rgba(55, 122, 183, 1)',
2021-03-11 15:46:58
193
1
原创 vue 登录以及鉴权的实现
登录页分为两个入口 <div class="power-box" v-if="!power"> <div class="btn btn-power" @click="$_handChangePower('admin')"> 管理员入口 </div> <div class="btn btn-user" @click="$_handChangePo.
2021-03-05 18:57:30
554
原创 公司地图引擎TMapAPI的API
添加地图点位api addPoint(item) { let iconValue = item; let sLonLat = new SLonLat(iconValue.lon, iconValue.lat); let iconPath = imgRep + '/upload/icon/' + iconValue.img; // 在地图内添加图标 let sIcon = new SIcon( iconPath, .
2021-03-04 16:50:18
185
原创 海康视频监控的取流与控件使用
监控取流过程首先需要在public文件夹下引入hls在vue自定义指令文件夹下创建videoPlay.js文件import { getVideoUrl } from '@/api/login';// 注册全局视频播放指令const VideoPlay = { async inserted(el, binding, vnode) { if (!binding.value) { return; } el.click(); let id = bind
2021-03-04 11:39:13
2277
1
原创 for in 遍历对象时的取值问题
var obj = { name:'12', age:123, sex:'male' } for( var i in obj){ console.log(obj.i) }这样打印的结果全是undefined然后我们在obj里面加一个prop属性时,我们会发现打印了4次456 var obj = { name:'12', age:123,..
2021-02-22 15:41:56
348
原创 单个拐点文本的样式设置
可以自定义拐点label的背景 label: { show: true, formatter: item => { return `{img|${item.value}}`; }, rich: { img: { width: 38,
2021-01-20 19:14:07
77
原创 echarts设置折线图最高点拐点
先拿到value,从value中拿到最大值和最小值 let value = [820, 932, 901, 934, 1290, 1330, 1320]; let min = Math.min(...data); let max = Math.max(...data);接下来在拐点处设置最高最低点,剩下不显示 // symbol: 'none', // 取消拐点 symbol: (value, params) => {
2021-01-18 19:15:05
1341
转载 CSS多行文本溢出显示省略号
单行省略实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行省略实现方法:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:displa
2021-01-08 12:03:07
130
原创 require.context实现批量导入模块
在项目开发中,使用vuex,如果项目过大,vuex就需要模块化,但是如果module分的过多,我们就需要在store的index.js中一个个引入,这样未免太麻烦,可以用webpack的配置require.context()来批量引入模块,无需一个个去引入 import Vue from 'vue'; import Vuex from 'vuex'; import getters from './getters'; Vue.use(Vuex); /
2020-12-29 15:26:20
327
1
原创 vuex模块化
vuex模块化目录结构如下:types.js 内定义常量,使用常量替代 mutation 事件类型user.js 内写该 user 组件内用到的 state 、 getters 、 actions 和 mutations,并最后统一导出(类似上个例子中的 store.js )getters.js 内写原来的 getters ,用来获取属性actions.js 内写原来的 actions ,就是要执行的动作,如流程的判断、异步请求index.js 是用来组装 actions.js 、 gette
2020-12-28 15:53:36
134
转载 文件上传功能实现
<div> <form> <input type="file" id="file-input" name="fileContent"> </form></div>var fileInput = document.querySelector('#file-input');fileInput.onchange = function(){ console.log('文件名:',this.value) var formDat
2020-12-25 18:02:25
157
原创 WEB页面实现等比例缩放自适应
rem 和 vw 结合实现WEB页面等比例缩放自适应1. 选择基准窗口宽度以宽度 1920px 作为基准窗口宽度;以 50px 最为 html 元素的 font-size,即rem单位的基本长度。 // px 转换成 rem @function px2rem ($size) { @return ($size / 50) } html { font-size: 50px; } h1 { font-size: 2rem;
2020-12-24 14:58:02
4308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人