技术
文章平均质量分 74
眾K
这个作者很懒,什么都没留下…
展开
-
res跟refs
res跟refsHTML调用HTML先引入组件 <div class="xxinput"> <!-- 中高风险地区临时隔离组件 --> <temporaryIsolation v-if="isTemporaryIsolation" ref="zg"></temporaryIsolation> <!-- 南京禄口集中隔离组件 --> <nanjingLukou v-if="i原创 2021-08-18 17:54:18 · 186 阅读 · 0 评论 -
JS填写合并表格
loadDetailData() { console.log("render start..."); let _this = this; let tableContent = new Array(); tableContent.push(`<thead> <tr> <th colspan="11" style="font-size:22px">${_this.subject}&..原创 2020-10-09 11:48:17 · 116 阅读 · 0 评论 -
简单易用,基于js或vue项目实现一次批量文件下载功能
简单易用,基于js或vue项目实现一次批量文件下载功能原创 2020-07-24 14:59:11 · 369 阅读 · 0 评论 -
Charles几篇入门文章
1charles抓包常用功能详解Charles 功能介绍和使用教程原创 2020-06-30 14:44:19 · 351 阅读 · 0 评论 -
数组对象去重
var oldArr = [ {id:1,name:"zhangs",age:18,contact_id:1}, {id:1,name:"zhangs",age:18,contact_id:2}, {id:1,name:"zhangs",age:18,contact_id:3}, {id:1,name:"zhangs",age:18,contact_id:14}, {id:1,name:"zhangs",age:18,conta原创 2020-05-14 10:43:20 · 166 阅读 · 0 评论 -
谷歌浏览器最小字体尺寸
.font{transform: scale(0.5);font-size: 12px;}原创 2020-04-28 13:13:19 · 750 阅读 · 0 评论 -
判断是手机端还是PC端然后跳转
if ( /Android|webOS|iPhone|iPod|BlackBerry|iPad|SymbianOS/i.test( navigator.userAgent ) ) { console.log("is mobile "); location.href = "http://www.lzx6688.cn/mobi...原创 2020-04-21 13:37:09 · 160 阅读 · 0 评论 -
JS去重
1.两数字对象去重 for (let b in this.tableDatary) { for (let p in typee02) { if (this.tableDatary[b].id == typee02[p].id) { console.log(typee02[p]); typee02.splice(p...原创 2020-04-20 15:43:14 · 109 阅读 · 0 评论 -
js获取手机屏幕宽度、高度
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:do...原创 2020-04-20 15:32:35 · 322 阅读 · 0 评论 -
调用接口的方法
1.使用ES7语法get: shrtree: async function() { let _self = this; try { let { data } = await _self.$http.get("/unitinfo"); console.log("树的数据", data); _self.deptlist =...原创 2020-03-14 15:07:17 · 262 阅读 · 0 评论 -
localStorage和sessionStorage的用法
localStorage和sessionStorage都是用来存储客户端临时信息的对象。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。用法如下:ses...原创 2020-02-20 00:15:00 · 3694 阅读 · 0 评论 -
获取后端数据收到“、[Ljava.lang.Object;@xxxxxx”
获取后端数据收到“、[Ljava.lang.Object;@xxxxxx”百度什么的不顶用,直接找后端,这个是后端什么写反了原创 2019-12-11 17:53:22 · 1383 阅读 · 0 评论 -
MAC并行网络
需求:使用无线访问外网。使用网线访问内网。解决方法:1.在网络设置中,调整网络顺序。wifi第一,有线第二。2.进入控制台,删除默认路由。route -n delete 0.0.0.03.增加默认路由到无线网路route -n add 0.0.0.0 192.168.31.14.关闭无线网,连接有线网。(这一步比较重要,是为了让增加有线路由的时候选择正确的连接网卡)5.增加有...原创 2019-12-12 15:58:40 · 168 阅读 · 0 评论 -
Mac使用共享文件夹
Mac使用共享文件夹1.首先先确认Windows系统下已开启共享。并且两台电脑之间局域网已通。2.苹果MAC系统,点击桌面。打开顶部菜单 “前往”。3.菜单中选择最下面的 “连接服务器”。4.输入要共享的地址,格式为"smb://192.168.0.1" 其中的ip地址为你要访问的电脑ip。1.首先先确认Windows系统下已开启共享。并且两台电脑之间局域网已通。2.苹果MAC系统,点击桌面...原创 2019-12-09 15:45:47 · 376 阅读 · 0 评论 -
Sass的用法
https://blog.csdn.net/qq_36379070/article/details/80972353原创 2019-12-04 18:27:49 · 68 阅读 · 0 评论 -
前端获取当前的时间(年月日,周,时分秒)
首先获取本地时间,然后对其进行针对性取值即可,如下:<script> let date = new Date(); let dateYear = date.getFullYear(); //获取年 let dateMonth = date.getMonth(); //获取月 let dateDa...原创 2019-12-03 17:16:02 · 3615 阅读 · 0 评论 -
git+vscode的使用
git安装配置:MAC配置Git环境MAC端Git安装以及环境搭建Mac下git的环境搭建和基本使用vscode的git插件:VS code 使用GitLens插件更新提交代码至GitHub日常上传下载:VSCode配置git(Mac版)完美配合:Mac下git配置及与VScode配合使用...原创 2019-12-02 10:41:45 · 260 阅读 · 0 评论 -
新桥--实现点击一行跳转显示此行更多内容
html@row-click=“updatearea” //重点!绑定当前行 <div class="divtable"> <el-table :data="tableData" size="mini" style="width: 98%;margin-left:1%;" id="msgsea...原创 2019-11-27 15:07:36 · 131 阅读 · 0 评论 -
新桥--实现筛选后筛选内容显示
html: <div> <!-- 多选筛选 --> <el-select style="width:100%" v-model="dictionaryQuery" multiple placeholder="筛选内容" filterable re...原创 2019-11-27 14:53:38 · 117 阅读 · 0 评论 -
新桥--多选框实现接收后台数据
html: <!-- 多选筛选 --> <el-form-item size="small " label="政治面貌:"> <el-select size="small" style="width:300px" v-model="filtratefo...原创 2019-11-27 14:47:49 · 378 阅读 · 0 评论 -
新桥-点击列表触发修改
html主要是绑定一个 @row-click=“updatearea” <el-table :data="tableData" style="width: 100%" @row-click="updatearea"> <el-table-column prop="name" label="姓名"></el-table-column> ...原创 2019-11-27 14:23:57 · 111 阅读 · 0 评论 -
moment判断日期时间是否在另一个日期时间之前
moment判断日期时间是否在另一个日期时间之前 var q = '2019-11-22 15:30:00'; var w = '2019-11-22 15:29:59'; let a = moment(q).isBefore(w); //false let b = moment(w).isBefore(q); //true...原创 2019-11-22 16:33:20 · 9265 阅读 · 0 评论 -
moment.js常用用法
常见用法moment(“3-2014”, “Q-YYYY”); //Q指的是季度moment(“3-2014”, “x”); //小写x是毫秒级,大写x是秒级moment(“125-2014”, “DDD-YYYY”); //DDD是一年中的第几天如果设置的时间为非法时间,使用isValid()方法验证,将返回falsemoment(‘2010 11 31’).isValid(); //...原创 2019-11-22 16:32:04 · 1322 阅读 · 0 评论 -
新桥--查询功能实现(包括分页改变)
查询功能实现 // 点击查询 loaddata() { let _this = this; //绑定this指向 let comapi = new apicom(); //获取封装的api // let getreponse = new api(); // let url = "ondutySignView.do";//改变dat...原创 2019-11-21 17:51:11 · 86 阅读 · 0 评论 -
新桥调接口
先引入api:import apicom from "../../api";methods里写 //加载部门数据 loaddepart() { let _this = this; let comapi = new apicom(); // 获取查询 comapi.getDataByGet("ondutySignView.do"...原创 2019-11-21 17:50:53 · 201 阅读 · 0 评论 -
后端让token失效时间
原创 2019-11-16 22:20:20 · 2204 阅读 · 0 评论 -
封装对本地存储的增删改查
/** * 封装对本地存储的增删改查 * 2019-11-14 by 小貂蝉 */export default { get(key) { return JSON.parse(window.localStorage.getItem(key)); }, set(key, value) { window.localStorage.setIt...原创 2019-11-16 22:19:20 · 157 阅读 · 0 评论 -
axios请求的工具函数
/** * axios请求的工具函数 * 2019-11-13 by 小貂蝉 */// 引入核心库import axios from 'axios'import qs from 'qs'import router from '../router'import local from '@/utils/local'// 引入ui组件import { Message } from...原创 2019-11-16 22:17:35 · 203 阅读 · 0 评论 -
Vue接口封装
接口三层封装:工具函数层:/** * axios请求的工具函数 * 2019-11-13 by 小貂蝉 */// 引入核心库import axios from 'axios'import qs from 'qs'// 引入ui组件import { Message } from 'element-ui'// 设置请求的服务器根路径axios.defaults.bas...原创 2019-11-13 23:19:01 · 591 阅读 · 0 评论 -
ECharts可视化数据
ECharts可视化数据官网官网:https://www.echartsjs.com/zh引入 ECharts:<script src="echarts.min.js"></script>在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。<body> <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM...原创 2019-09-03 09:21:02 · 139 阅读 · 0 评论 -
响应式网站开发BootStrap
响应式网站开发BootStrap1.常见的5种布局1.静态布局(Static Layout)2.自适应布局(Adaptive Layout)3.流式布局(Liquid Layout)4.伸缩布局(Flex Layout)5.响应式布局(Responsive Layout)viewport视口即用户使用的窗口。CSS3媒体查询(重点中的重点)bootstrp是什么?1.常见的5种布局1.静态布局...原创 2019-09-01 22:33:21 · 416 阅读 · 0 评论 -
CSS3选择器+阴影+渐变
CSS31.前缀兼容2. CSS3选择器2.1. 关系选择器2.2. 属性选择器2.3. 伪类选择器2.3.1. child系列(重点)![在这里插入图片描述](https://img-blog.csdnimg.cn/20190830001009130.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text...原创 2019-08-30 00:13:41 · 377 阅读 · 0 评论 -
弹性布局(伸缩盒模型)
伸缩盒模型1.flex-direction2.justify-content(重点)3. align-items(重点)4. flex-wrap5. flex属性阮一峰的博客当给一个盒子设置了display:flex之后,这个盒子就有了主轴 和侧轴 的概念。 主轴:Flex容器的主轴主要用来配置Flex项目,默认是水平方向 侧轴:与主轴垂直的轴称作侧轴,默认是垂直方向的 方向:默认主轴从左向右 ...原创 2019-08-29 23:36:05 · 441 阅读 · 1 评论 -
web存储
cookie存储现在不用啦,存储大小为4K。sessionStorage 会话级存储sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。 会话是一个周期,会话开始的周期就是你打开网页的那一刻至到网页被关闭的时候;sessionStorage方法:sessionStorage.setItem(...原创 2019-08-26 19:13:09 · 113 阅读 · 1 评论 -
短信验证(JQ+PHP)
短信验证(JQ+PHP)html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单注册</title> <style> body { margin: 0; paddin...原创 2019-08-25 23:30:10 · 276 阅读 · 0 评论 -
正则表达式
表单验证邮箱验证1.正则验证,在网上查验证方式,如邮箱验证:/^([a-zA-Z0-9]+[|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/一定要记住正则式前后加/,if验证一定用:if(!yz.test(要验证的值)){alert(‘错误’);}如: <input type="t...原创 2019-08-25 11:09:40 · 78 阅读 · 0 评论 -
SVN
什么是SVNSVN全称:Subversion,是一个开放源代码的版本控制系统Svn是一种集中式文件版本管理系统。集中式代码管理的核心是服务器,所有开发者在开始新一天的工作之前必须从服务器获取代码,然后开发,最后解决冲突,提交。集中式文件版本控制器:将所有的文件都交由服务器来进行统一的管理。既然是有服务器的,那么就需要联网进行操作了。为什么要使用SVN我们写一个项目一般都是一个团队来写,如...转载 2019-09-07 11:12:23 · 84 阅读 · 0 评论 -
JS高级啊
JS高级数据类型基本数据类型(6种):引用数据类型(8种):1.Number2.String3.Boolean4.Undefined5.Null6.常见的引用类型7.基本类型和引用类型的区别NaN是什么?Null和Undefined的区别?栈和堆浅拷贝/深拷贝作用域数据类型基本数据类型:按值访问,可操作保存在变量中的实际的值。基本类型值指的是简单的数据段。引用数据类型:当复制保存着对象的某个...原创 2019-09-16 19:09:12 · 327 阅读 · 0 评论 -
ES6
ES6变量相关的对象相关的解构赋值剩余元素剩余参数箭头函数箭头函数中没有this箭头函数中没有arguments对象扩展运算符...数组的拆解...class模板字符串Promise使用别人提供的promise的api自己封装Promise的api变量相关的letconst都不可以重复声明都有块级作用域const必须在声明的时候赋值const声明的变量不能被修改值对象相关的...原创 2019-09-22 15:51:40 · 167 阅读 · 0 评论 -
上传自写npm包
上传自写npm包创建npm包,在文件里输入npm init -y写好自己要上传的文件cmd里输入npm login 登录名,密码,邮箱。上传 npm publish记得每次覆盖上传要改版本号...原创 2019-09-23 21:40:06 · 79 阅读 · 0 评论