- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript原型和原型链
知识点class 和继承类型判断 instanceof原型和原型链1、如何准确判断一个变量是不是数组？答：a instanceof Array【类型判断 - instanceof】xialuo instanceof Student // truexialuo instanceof People // truexialuo instanceof Object // true[] instanceof Array // true[] instanceof Objec.
2021-09-02 23:44:09
127
原创 JavaScript 变量类型
1、JS值类型和引用类型区别常见值类型undefined,String(字符串），Number（数值），Boolean（布尔值），symbollet a // undefinedconst s = 'abc'const n = 100const b = trueconst s = Symbol('s')常见引用类型Object(对象)，Array(数组)，Function(函数)const obj = { x: 100 }const arr = ['a', 'b', 'c']
2021-09-02 14:58:19
177
原创 CSS响应式
1、rem是什么？rem是一个长度单位px，绝对长度单位，最常用em，相对长度单位，相对于父元素，不常用rem，相对长度单位，相对于根元素，常用于响应式布局<style> html { font-size: 100px; } div { font-size: 16px; background-color: #ccc; }</style><body> <p sty
2021-09-02 10:32:44
381
原创 CSS定位相关
1、absolute 和 relative 分别依据什么定位？relative依据自身定位absolute依据最近一层的定位元素定位定位元素：absolute relative fixedbody2、居中对齐有哪些实现方式？水平居中inline元素：text-align: centerblock元素：margin: autoabsolute元素：left: 50% + margin-left 负值垂直居中inline 元素： line-height 的值等于heig
2021-09-01 16:36:25
83
原创 css布局相关
1、盒子模型的宽度如何计算？#div1 { width:100px; padding:10px; border:1px solid #ccc; margin:10px;}问：此时div1 的offsetWidth是多少？offsetWidth=（内容宽度 + 内边距 + 边框），无外边距所以此时为offsetWidth=122px如何让offsetWidth=100px，加一个box-sizing: border-box2、margin纵向重叠的问题<style>p
2021-09-01 13:57:00
51
原创 防抖函数与节流函数
防抖函数例子：在按键停止按下后一秒，打印input输入框中内容var input = document.getElementById('input')function debounce(delay) { let timer // 闭包 return function(value) { clearTimeout(timer) timer = setTimeout(function() { console.log(va
2021-08-28 15:10:08
67
原创 发布订阅模式
含义说明发布-订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。先订阅再发布作用1】支持简单的广播通信，当对象状态发生改变时，会自动通知已经订阅过的对象2】可以应用在异步编程中，替代回调函数，可以订阅ajax之后的事件，只需要订阅自己需要的部分（那么ajax调用发布之后订阅的就可以拿到消息了）（不需要关心对象在异步运行时候的状态）3】对象之间的松耦合，两个对象之间都互相不了解彼此。但是，不影响通信，当有新的订阅者出现的时.
2021-08-28 15:01:57
325
原创 策略模式及应用
策略模式的定义定义一系列的算法 把他们封装起来 并且他们之间可以相互替换核心： 将算法的使用 和 算法的实现分离开来需求：年底奖金发放绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，绩效为 B 的人年终奖有 2 倍工资JS实现var strategies = { 'S': function(salary) { return salary * 4 }, 'A': function(salary) { r.
2021-08-28 14:58:37
83
原创 单例模式及应用
定义单例模式是一种常见的软件设计模式，其定义是单例对象的类只能允许一个实例存在。何时使用当你想控制实例的数目，节省系统资源的时候。如何实现判断系统是否已经有这个单例，如果有则返回，没有则创建。优点内存中只有一个实例，减少了内存的开销，尤其是频繁的创建和销毁实例 （比如，首页页面的缓存）使用场景1.全局缓存 2.弹窗ES5实现单例模式需求 实现一个登录的弹窗加载完成的时候 已经创建好 这个弹窗了 一开始是隐藏的状态 弹窗出现缺点资源的浪费.
2021-08-22 23:55:20
126
原创 el-tree 必选 提交时规则判断rules
需求：做一个标签选择框，可以选多条标签，根据配置要求某些分类的标签为必选效果在前一篇单选的基础上，增加规则判断。标红*的为必选项，如果没有选，则在点击确定的时候会弹出错误提示。<template> <div> <el-dialog title="API标签" :visible.sync="dialogApiLabelVisible" :close-on-click-modal="false" id="api.
2021-08-21 12:25:46
774
1
原创 el-tree 按分组区分单选和多选
需求：弹出一个会话框，框中标签称树形，并且其中部分数据项必选效果类似下图目前效果：<el-dialog title="API标签" :visible.sync="dialogApiLabelVisible" :close-on-click-modal="false"> <el-tree id="apiTagTree" :data="tagData" show-checkbox nod.
2021-08-21 12:24:46
943
1
原创 在gitee码云上用 git 新建分支
需求： 开发中遇到优化请求，但是尚未测试通过，不能直接并入主版本。此时考虑新建git分支。以gitee为例：1、在gitee项目中新建一个远程分支，我取名dev2、打开本地项目git命令终端，新建dev分支git checkout -b dev此时，可以用git branch -a 查看项目的分支情况3、拉取远程分支git pull origin dev4、建立本地分支与远程分支的连接git branch --set-upstream-to=origin/dev5、取消此分.
2021-08-21 12:20:21
11959
原创 JAVA定时任务
要求：（保存上次执行时间）一天一次获取到的信息写到文件中CrontabTaskStaticScheduleTask询问清楚token是固定每天更换，还是说每次获取到的token时效时间为一天？Timer方式/** * 定时任务 * 1.通过Timer实现 * 2.@Scheduled实现 */public class CrontabTask { // 每秒获取上次执行的时间 // 创建文件 public static File createFile().
2021-08-21 12:18:32
85
原创 throw与throws的使用demo
在实际开发的时候，我们可能会遇到各类异常流程的封装返回。比如获取那一步的函数发生了什么样的错误，这个时候就需要封装中间函数的信息到异常信息中。写了一个小demo以便理解，JAVA异常处理的抛出和捕获。一个简单的自定义异常类public class StepException extends Exception { public StepException(String errorMsg) { super(errorMsg); }}封装异常信息/** *.
2021-03-27 17:14:44
196
原创 在vue中使用swagger-ui和swagger-editor
需求：在vue中使用swagger-ui和swagger-editorSwagger Editor是一个开源编辑器，用于设计，定义和记录Swagger规范中的RESTful API。Swagger Editor的源代码可以在GitHub中找到。swagger官方文档：https://swagger.io/docs/open-source-tools/swagger-editor/https://swagger.io/docs/open-source-tools/swagger-ui/usa.
2021-03-16 18:55:33
3270
3
原创 elementui el-dialog对话框校验rules问题
前一次打开dialog后产生的rules校验，第二次时打开还存在，没有被消除<el-dialog title="对话框" :visible.sync="dialogFormVisible" :close-on-click-modal="false">...</el-dialog>使用resetFields()方法resetForm(formName) { if (this.$refs[formName]!==undefined) { // 清除.
2021-03-11 17:28:12
2557
原创 vue中复用echarts
问题：同一页面下复用同一个echarts组件，会发生覆盖，然后只渲染了一个echarts出来。答：echarts使用id来初始化组件，故要复用的话，id要动态传入子组件。子组件<div class="Echarts"> <div :id="barChartId" style="width: 100%;height: 400px"></div></div><script>props: { barChartId: {.
2021-03-11 17:21:54
492
2
原创 element-ui el-col 奇数份
在elementui中，el-col 默认以24划分，当划分份数为奇数时，24不能整除，如何解决？答：定义动态类，结合css解决。例子：分5份<el-col :xs="12" :sm="12" :lg="lgSpan" class="card-panel-col" v-for="item in panelData"> <div class="card-panel"> <div class="num">{{item.num}}</.
2021-03-11 17:17:11
2926
原创 echarts 柱状图中的柱宽超出y轴
line折线图混合bar柱状图使用，由于刚开始line图显示是点在刻度线上。所以再加上bar的时候，柱宽会超过y轴调节方法：xAxis: { data: this.lineChartData.xAxisData, boundaryGap: true}将boundaryGap从false改为true。...
2021-03-11 17:10:15
1028
原创 串的模式匹配——BF算法、KMP算法
字串的定位操作通常称做串的模式匹配BF算法朴素的模式匹配算法。对主串的每一个字符作为字串开头，与要匹配的字符串进行匹配。对主串做大循环，每个字符开头做T的长度的小循环，直到匹配成功或全部遍历完成为止。输出结果：从第5开始匹配主串s：goodgooglehhhh字串t： googlepublic class BFDemo { // charAt取值从0开始 static int index(String s,String t,int pos) { i.
2021-03-07 11:39:25
269
1
原创 el-tree树结合el-pagination分页查询展示
el-tree 结合 el-pagination 分页查询展示效果实现后端接口此处使用mock// el-tree 数据接口 分页import Mock from 'mockjs'const count = 100const items = [ { "id": 1, "appId": "00d39caf58c34b2a2a1f1e442f525268", "appName": "D应用", "userId": "1
2021-01-11 20:04:42
1764
原创 ZooKeeper基础
ZooKeeper基础一、Zookeeper入门1.1 概述Zookeeper是一个开源的分布式的，为分布式应用提供协调服务的Apache项目。1.2 特点1.3 数据结构1.4应用场景提供的服务包括：统一命名服务、统一配置管理、统一集群管理、服务器节点动态上下线、软负载均衡等。二、配置参数解读Zookeeper中的配置文件zoo.cfg 中参数含义解读如下：1、tickTime=2000：通信心跳数，Zookeeper服务器与客户端心跳时间，单位毫秒Zookeepe
2021-01-11 00:23:23
179
原创 后端同时使用@RequestParam和@RequestBody，vue如何传递参数
后端同时使用@RequestParam和@RequestBody，vue如何传递参数给后端封装的request请求service.interceptors.request.use( config => { if (store.getters.token) { config.headers['X-Token'] = getToken() } return config }, error => { console.log(error).
2020-09-16 01:05:23
6178
原创 模块化开发（ES6）
模块化开发前端代码复杂带来的问题页面引入多个js文件，命名之间可能互相冲突。造成bug。前端模块化雏形和commonJS解决方式一：闭包，匿名函数aaa.js(function () { // 小明 var name = '小明' var age = 22 function sum(num1,num2) { return num1+num2 } var flag = true if (flag) { c
2020-09-12 14:47:11
240
原创 微信小程序实现指定景点周边的美食、酒店等搜索
以下为效果图，使用的是腾讯地图位置服务微信小程序JavaScript SDK，首先要申请腾讯地图位置服务的开发密钥，然后进行开发。wxml：<view style='width:100%;height:{{height}}px;'> <map id="map" longitude='{{poi.longitude}}' latitude='{{poi.latit...
2019-03-14 21:40:40
8004
2
原创 使用jquery渲染+ajax的方法实现后台商品上下架管理
jsp页面样式表bootstrap.min.css、bootstrap-switch.min.css<link href="${pageContext.request.contextPath }/static/admin/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"><link href=...
2019-03-12 21:52:07
907
原创 使用com.github.pagehelper.PageHelper时灵时不灵，需要刷新两次才会出来分页效果
被折腾了很久，因为也不报错。一开始还以为是包冲突之类的，排查了很久。才发现原来PageHelper.startPage(pageNum,pageSize)，需要写在函数的首行。如下图：这样就可以显示了。...
2019-03-05 22:00:44
1259
1
原创 java 继承的隐藏与覆盖典例
class Exm4_11{ int x ; //父类成员变量声明 void set(int a){ //父类方法成员声明 x=a; } void print(){ System.out.println("x="+x); }}class Exmp extends Exm4_11{ int x; //子类成员变量隐藏 void set(int a){//子类方法成员覆
2017-09-21 17:07:47
170
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人