UI
关注
分享
扫一扫
小蒜瓣
这个作者很懒，什么都没留下…
展开
-
动态使用node_modules文件内的vue文件作为子组件
动态加载子组件原创 2022-01-06 14:34:41 · 1120 阅读 · 0 评论 -
html5 history pushState和replaceState的使用
重写urlHTML5新接口，可以改变网址而不刷新页面仅改变网址，网页不会真的跳转，也不会获取到新的内容，本质上网页还停留在原页面1、window.history.pushState(data, title, targetURL)@状态对象：传给目标路由的信息,可为空@页面标题：目前所有浏览器都不支持,填空字符串即可@可选url：目标url，不会检查url是否存在，且不能跨域。如不传该项,即给当前url添加data2、window.history.replaceState(data原创 2021-03-23 17:07:36 · 291 阅读 · 0 评论 -
散点图实现拓扑图
1.返回的数据this.subDevice = [{ "id": "873736ed2b860ad256f2e105d2fb2865", "name": "设备1", "online": 0},{ "id": "663b4d95d94bc782fcd3a55b3bf119cc", "name": "设备2", "online": 0},{ "id": "aaa3f9205d1850adb18ea763545855bf", "...原创 2021-03-08 19:03:14 · 380 阅读 · 0 评论 -
vue中长时间无操作返回登录页面
data() { return { logOut: null, lastTime: null, currentTime: null, timeOut: 30 * 60 * 1000 // 设置超时时间： 30分 } },mounted() { // 长时间不操作自动退出登录 document.onmouseover = () =>.原创 2021-02-02 19:12:56 · 717 阅读 · 0 评论 -
gitbook的创建方式
GitBook[1]是一个基于Node.js的命令行工具，可使用Github/Git和Markdown来制作精美的电子书。首先有node环境，这个之前我就安装了，省略1、安装gitbooknpm install gitbook-cli -g2、gitbook - V查看是否安装成功3、在新建的文件夹中，初始化gitbookgitbook initSUMMARY.md是书的目录4、启动gitbookgitbook serve打开浏览器ht...原创 2020-08-03 14:40:58 · 206 阅读 · 0 评论 -
vue中 localStorage + sessionStorage实现浏览器关闭跳转登录，新建页签无需登录的功能
1、在app.vue中监听关闭浏览器 (刷新) 时清空localStorage确保关闭浏览器销毁token mounted: function () { window.addEventListener('unload', () => { // 这一步是在销毁之前存入session，确保刷新后token还在 if (l...原创 2020-04-13 17:28:10 · 1054 阅读 · 0 评论 -
js获取免费天气api
找了许久记录一下， 想要的城市citykey可以从中国天气网的浏览器调试中获取// 天气获取 $.ajax({ type: "GET", url: "http://wthrcdn.etouch.cn/weather_mini?citykey=101280101", success: function(res){ ...原创 2020-03-24 15:28:55 · 5342 阅读 · 2 评论 -
echarts全国地图、省市地图、放射状效果，涟漪效果，版块颜色效果
1.地图json数据可以选择阿里云下载http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=32.基础用法只显示地图（3D效果的地图）首先在页面中引入echarts.js,以及demo节点<!-- js引用部分↓ -->...原创 2019-12-30 17:04:03 · 10000 阅读 · 2 评论 -
vue环境搭建 git+node+webpack
1.Git安装 Git是什么： Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 下载Git For Windows：Git，进入下载页面后，会默认自动下载最新版本的安装程序，如果长时间没反应，点击click here to download manually手动下载Git安装程序，我下载时的版本为Git-2.13.0-64-bit.exe。...原创 2019-09-10 11:27:25 · 394 阅读 · 0 评论 -
vue页面递归调用+element ui完成左侧导航
element ui实现左侧导航的递归渲染首先写一个递归的组件，递归的方法是在组件里自己调用自己<template> <div> <div v-for="(item,index) in menudata" :key='index'> <el-submenu :index="index+''" v-i...原创 2019-09-06 14:44:21 · 2609 阅读 · 2 评论 -
ds.js做tree，可拖拽，缩放，右键菜单等
1.首先展示html代码，注意相关的引用<!DOCTYPE html><meta charset="utf-8"><link href="smartMenu.css" rel="stylesheet"><script src="jquery-1.10.2.min.js"></script><script src="d3...原创 2019-06-27 14:01:13 · 1505 阅读 · 0 评论 -
记录一下看到的讲设计比较好的文章
1.讲设计比较好的文章http://www.woshipm.com/u/3642.sketch与psd相互转换网址：https://www.photopea.com/3.ui设计规范之首屏https://www.xiaozaokt.com/article-43.html原创 2019-05-27 19:34:50 · 175 阅读 · 0 评论 -
element ui 之 el-scrollbar应用
native属性：如果为true就不显示el的bar，也就是el模拟出来的滚动条，如果为false就显示模拟的滚动条HTML<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.3.9/lib/index.js"></sc...转载 2019-05-10 17:51:29 · 2499 阅读 · 0 评论 -
获取URL参数函数
//获取参数函数function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); ...原创 2019-04-19 15:28:11 · 506 阅读 · 0 评论 -
LocalStorage存储JSON对象的问题
localStorage -没有时间限制的数据存储1 var arr=[1,2,3];2 localStorage.setItem("temp",arr); //会返回1,2,33 console.log(typeof localStorage.getItem("temp"));//string4 console.log(localStorage.getItem("temp"));/...转载 2019-04-12 20:12:23 · 655 阅读 · 0 评论 -
仿照qq聊天，包含气泡消息发送
仿qq聊天框原创 2017-05-23 10:41:59 · 774 阅读 · 0 评论 -
页面重定位到某个id的位置
jq id定位原创 2017-05-05 15:04:59 · 2704 阅读 · 0 评论 -
点击增加输入框，可删除，类似投票选项增加
类似增加投票选项，点击可增加文本框数量转载 2017-05-05 14:36:58 · 836 阅读 · 0 评论 -
bootstrap fileinput api
Bootstrap FileInput中文API整理转载 2017-07-19 17:41:23 · 1650 阅读 · 0 评论 -
bootstrap弹出框popover
今天学习了bootstrap弹出框的功能可以消失的弹出框1.引用bootstrap的js和css然后开始写代码解读：id来取dom点。 tabindex="0" role="button" role和a标签来适应各个浏览器。 data-trigger="focus"控制可以隐藏. data-placement="bottom" left.right top控制方向。操作2.jq原创 2017-03-09 11:10:31 · 1281 阅读 · 0 评论 -
layui的使用归纳
一、layui select change事件layui下拉列表的事件不能用jq的change 应该用自带的方式写，默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。<select lay-filter="isInfluenceBusiness"><select name="isInfluenceBusiness"...原创 2018-12-14 15:41:32 · 843 阅读 · 0 评论 -
无缝滚动小实例
.group .items{ width: 95%; height: 180px; overflow: hidden; margin:25px auto;}.group .items ul{ width: 99999px; overflow: hidden;}.group .items ul>li{ width: 170px; text-align: ce...原创 2018-12-14 16:11:24 · 138 阅读 · 0 评论 -
转：JQuery实现tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab-JQ</title> <style> * {margin: 0; padding: 0转载 2018-12-28 14:49:27 · 897 阅读 · 0 评论 -
重置表单
1.type="reset" 重置表单<form><input type="text" value="adf"><button type="reset" >重置</button><form>2.保留默认值adf<form>&am原创 2019-01-07 09:47:28 · 431 阅读 · 0 评论 -
vue列表渲染，以及鼠标点击改变样式的问题
在实际项目中，我们进场会遇到鼠标点击该表某个DOM元素的样式，在原生的js或者jquery中，我们会比较熟练的实现这个需求，但是在vue中怎么实现呢？直接操作DOM？NO!NO!既然我们的项目使用了vue，为什么还有本末倒置的操作DOM呢，你只要记住vue的核心是什么，这个就容易实现了，比我们操作原生的DOM要容易多；那么怎么操作呢？废话少说直接上代码：这是html模板<...转载 2019-01-15 14:54:59 · 872 阅读 · 0 评论 -
时间获取格式化
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; myDate....转载 2019-03-14 17:07:02 · 185 阅读 · 0 评论 -
url之转码
url之转码<script type="text/javascript">var test1="http://www.w3school.com.cn/My first/"document.write(encodeURIComponent(test1)+ "<br />")document.write(decodeURIComponent(test1))&l...转载 2019-04-12 14:03:21 · 1459 阅读 · 0 评论 -
修改浏览器滚动条样式
修改滚动条的样式原创 2017-04-17 15:33:47 · 7681 阅读 · 0 评论