- 博客(100)
- 收藏
- 关注
RSS订阅原创 [vue.js]解决部署后 nginx500和页面刷新404
用到nginx配置文件做转发前提：我是tomacat 80 端口配置nginx 到tomacat的端口隐藏端口号并且配置了默认index的所以刷新vue的话服务器找不到这个资源，因为用了vue-router解决就是增加规则，就是你点击后会404的路径的后半段（与之前不一致的地方）如果我的/PJwrapper/目录下的找不到，就从这里开始，不要把公共路径加进去 server { listen 80; // 域名端口匹配 ser.
2021-11-12 14:00:08
3191
1
原创 分页条省略号样式逻辑
没什么要点，分号区间就行了 paginationInit() { if (this.sumPage < 7) { this.paginationList = [1, 2, 3, 4, 5, 6]; } else { const cur = this.currentPage; if (cur < 4) { this.paginationList = [1, 2, 3, 4, '...', ...
2020-11-16 14:58:52
594
原创 [Java]Springboot整合netty-soketio的最简易Demo
前端用soketio的话后端不能直接用netty了，不管怎么样先跑起来再想别的吧线上测试地址为http://139.180.190.100:9092，不过不确定后期会不会被移除：）给个index.html<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,in
2020-08-05 11:23:16
359
原创 [Echart.js]解决多折线label标签重叠
官网到现在都没有给出解决方案情况如图没有明确的配置可以直接避免这个情况，所以只能曲线救国了Solution就是 判断每个数据是不是在同一个圆上，圆心自己设置，半径也自己设置圆心取中间数，半径按个人情况，我是取从左到右第二个数字起的倍数 const centerPoint = []; // 圆心 const circleR = []; // 半径 for (let i = 0; i < series[0]['da
2020-06-29 16:15:58
3922
4
原创 [JavaScript]base64和Canvas的互转/图片base64上传
后端JSON返回的为data:image/jpeg;base64,/9j/........Base64 ->Canvas首先页面需要有容器// or u can have a loop like ngfor or v-for: <canvas id="{{item.Id}}"></canvas> setCanvasFun(id, scr) { const canvas = <HTMLCanvasElem
2020-06-22 15:09:32
1533
原创 [JavaScript] 延迟hover/mouseover在一秒内才触发/悬停svg该用什么事件
test() { var timeout = null; $('#floor-show-svg').on('mouseover', function () {//svg会冒泡 clearTimeout(timeout); //首先清除 timeout = setTimeout(() => { console.log('do...'); clearTime..
2020-06-09 13:46:16
1005
原创 [ES6] arr.filter的多条件实现，即arr.reduce实现多条件筛选（并集）
当要过滤数组，关键字有多个怎么办 keyList = new Map(); // 保存你的关键字，别的数据结构也可以 handelColumKeyFilter(key, index) { if (key === '') { this.keyList.delete(index); } else { this.keyList.set(index, key); } if (this.keyList.size === 0) { //
2020-06-02 13:58:38
2007
原创 [Javascript] 渲染优化，延迟操作/hover太慢/循环的settimeout和清除
第一种情况，分页的table数据太长的话，用settimeout来push，每120ms就push一条数据 /* first page lazy load, add a item at each 120ms until it reaches the current pagelenght.*/ const cur = this; for (let i = 0; i < this.currentComponent.TablePageLength &a
2020-05-26 15:43:54
536
原创 [JavaScript]解决addEventListener绑定同样的函数多次执行/解决函数绑定带参数却自动执行
Eventlistenersinceyoudefinenewfunction(nomatteritlooksthesame,itisdifferentobject).TousethesamehandlereachtimeyoumustdefineitoutsidebindEvents andpassitbyname(byre...
2020-04-30 15:37:24
1293
原创 [JavaScript]搜索框中文/英文/拼音匹配过滤逻辑/input的focus和下拉框的click冲突解决/点击条目后focus二次点击不生效问题解决
效果图思路：输入框的逻辑：要监控input的输入，根据框架自己选择绑定事件要有focus和blur的方法，input的focus和下拉框的click冲突的话应该用mousedown英文和中文：直接indexof匹配拼音：把源数据列表转为拼音，格式必须是保留大小写，匹配关键字的时候转化key的首字母大写HTML逻辑（如果是vue或者react自己写对应的事件缩写...
2020-04-22 16:09:59
8164
1
原创 [angular2+]base64编码开头unsafe的解决方法
import { DomSanitizer } from '@angular/platform-browser';...export class TemplateEditComponent implements OnInit, AfterViewInit { constructor( private sanitizer: DomSanitizer)// ....
2020-02-12 14:33:46
619
原创 [JavaScript]移动端软键盘出现使CSS错位的解决方法
前提：1.关闭触屏伸缩功能（其实我也不知道有没有影响）2.如果你的高度使以vh来定位的话适用解决无效：软键盘出现改变body和html的高度无效，设置input的focus时改变某个父div的高度无效（因为有时候软键盘又不挤压视窗了），z-index下沉无效解决思路：1.用resize，如果你是框架运用就更好办了，并且找准在软键盘出现（即视窗=1/2原来的时候哪个CSS定位属性...
2020-01-16 13:31:18
674
原创 [SpringSecurity]搭个简易登录认证的架子/mybaits建表/userDetailService/BCryptPasswordEncoder/formLogin
目录前置知识（可略）：关于表（可略）Bean实现UserDetailsService配置SecurityConfigtest踩坑前置知识（可略）：springboot（搭个架子，连接好jdbc，跑得通maping)数据库关系映射（mybaitis+mysql+表结构）security引入（pom文件）项目目录结构关于表（可略）ps...
2019-09-25 11:12:00
667
原创 [SpirngMVC]idea2018搭建SSH框架的web工程（maven+springmvc+hibernate+tomacat+二级缓存)
感觉和网上的教程很不一样，所以现在来搭一下给自己做个记录PS：1.由于idea初识配置的时候联外要【f】墙，所以如果有ss梯子还是搭个梯子，这样bulid起来会快很多很多很多……2.因为jar包冲突踩雷无数，请向低版本看齐……3.在pom里添加的jar依赖无比在project struct里添加进web里的lib包4.如果你是贪快从别地复制java文件，记得改编码Utf-8，否...
2019-09-13 22:39:50
1559
7
原创 [LeetCode&Algorithms]34.Find First and Last Position of Element/二分查找/第一个key/最后一个key/中间值mid的取值趋向
什么是二分数组必须有序。使用lo和hi两个变量，进入循环，不断将数组arr的中间键mid和key比较，如果标中，返回mid，否则将查找范围缩小一半，俗称二分arr[mid]>key ===》target在数组左边arr[mid]<key ===》target在数组右边当数组无重复且有序/*这个比较简单，如果 * point : * 1.int mid =...
2019-09-13 22:30:04
182
原创 [JavaScript]移动端/解决scroll和touch事件的冲突/冒泡
假设有一个抽屉式菜单，根据手指的touch是会跟着动的，在面板任何地方右拉都会触发抽屉菜单的出现。菜单隐藏的时候右边的内容是overflow:scroll的这个时候滑动sroll的同时手指向右都会唤醒抽屉菜单，但是是不允许的。其实按理来说右侧的面板内容如果一直不跳出文档流，也可能不需要额外处理，但是事实上由于嵌套各种position，导致尼玛一直冒泡，滚动松手只要有右滑迹象就会冒泡到深...
2019-07-03 10:28:25
9566
原创 [Springboot/Mybatis]关于post/get传递包含多个对象/或数组/或数组里有对象的JSON参数插入/查询该如何处理的问题
鉴于本人外键关联学得跟shi一样并且很讨厌写联表查和能力问题，我对每个数据都采用单表查询当然这是建立在数据里真的很小的情况下现在有一种情况就是我前端传来的JSON包含我需要的bean，和数组[]，数组里也有bean...这样传过来只能后端自己裁剪了，因为是数组，mybatis是不支持数组的，只能靠变通了，目录现在先说原理，插入的时候查询的时候形如传值的是这样一组JS...
2019-04-22 15:54:49
5667
原创 [Springboot]Idea+springboot+mybaits+restful+druid整合demo/前后端分离/从零开始搭框架
啊哈因为很久没有写后端了，写毕设的时候遇到很多雷也忘了很多mybaits的配置重新搭框之后发现spring真是越来越简洁了……准备：IDEA，postman测试，数据库mysql这里的restful可能不全，目前我只做了post和get，想着配点东西给自己测试前端用我并没有写CRUD……【可能以后会更？为了方便自己做项目，我把注释用的mybaits的sql那些删掉，直接用map...
2019-04-18 11:34:53
643
原创 [Angular2+/JavaScript]点击DIV变成可编辑文本，移开Input消失/原生写法/autofocus失效解决/Directive相关
point:1、Angular2+的话可以直接在ts里面写，但是考虑到有很多个item，所以改为Directive，但是思路是一样的2、关于Input自动focus的话是可以H5里写autofocus，但是它none->block之后再次渲染就失效了，我也是醉了，所以只能用定时器的方法在后天把它放到另一个线程了。效果图：未点击/或者bulr的时候点击后：（可编辑的）...
2019-04-12 15:24:54
585
原创 [Angular2+]checkbox全选/反选/不选择的时候禁用旁边的按钮
效果图/其实禁用还有cursor:not-allow的，截不了图html/有省略一些DIV，因为太多了... <div class="title"> <span class="title-text">用户</span> <span class="title-sub">共{{...
2019-04-01 16:38:37
785
原创 [Angular2+]POST/formData/XMLHttpRequest/获取responseText/Promise
angular怎么发送formData怎么写原生的xhr写了xhr发现是异步的取不到返回值怎么办解决方法：用Promise包装，把返回值resolve即可 sendPost(url) { const xhr = new XMLHttpRequest(); const data = JSON.stringify(this.buildPostData()) r...
2019-03-22 14:27:41
552
原创 [Angular2+]Grid Support Support Detection/File Support Detectioin/页面弹出浏览器检测JS写法
版本过低的浏览器弹出给个大致写法不检测浏览器类型，只检测支不支持grid和file上传一般写在app.html里<div *ngIf="alertBoxStatus" class="alertBox"> <div class="text"> 您正在使用的浏览器不能够表现出最佳效果与最优性能， 请使用Chrome...
2019-03-19 14:02:48
152
原创 [LeetCode&Algorithms]78.Subsets/子集/回溯法Backtracking+dfs详解
参考了以下的人终于搞懂了点参考1参考2参考378 子集 给定一组不含重复元素的整数数组 nums，返回该数组所有可能的子集（幂集）。 说明：解集不能包含重复的子集。 Given a set of distinct integers, nums, return all possible subsets (the power set). Note: The so...
2019-03-11 10:41:18
389
原创 [LeetCode&Algorithms]121.买卖股票的最佳时机的三种解法/动态规划
给个github，点击这里其他题目思路一暴力遍历： 外层for一个元素 内层for 后面的元素依次和外层的那个对比，维持一个max，找到最大的那个 时间复杂度O(n^2) 非常慢…… 的 public static int LoopMaxProfit(int[] prices) { int max = 0; int profit; ...
2019-02-14 10:19:11
548
原创 [Angular2+]~2019/1/30总结/模板对select或option对与boolean的取值/json的map遍历/assign对象合并丢失值/深拷贝
.取一个json，里面的key-value有些value是数组，或者boolean，或者string，要判断它们分别是什么给不同的html样式1.遍历 for (const key of Object.keys(res))2.select（如果不想点击option后变成string而是依然是boolean） <select name="Boolean" ...
2019-01-30 13:27:22
422
原创 [Angular2+]构造三级Tab目录切换
目录知识点：目录结构：思路：最外层容器：一级的内容（outter)inner同理看了关于官网的指令层面的tab和动态修改组件，不大适用就用纯component和input来构造知识点：@Input,ngChanges生命钩子，组件。目录结构：（组件用cli自动生成即可，svc也是）outter就是那个sidebar，innner就是面板，当然你需...
2019-01-25 17:40:51
561
原创 [Angular2+]一步步搭建脚手架之登录逻辑（token/observable/Rxjs/httpclient/md5加密/模块化/异步等)
目录base-config.ts在app.htmluser.servicehome.tsuser.ts前期需要掌握的知识 Rxjs,ES6,TSObserable这块重点掌握，不然看不懂就GG了公司开发的登录逻辑后期还不清楚，前期是url+密码成功后返回带有token的json用这个token直接连接url==》url+token无需密码就可以登录并...
2018-12-21 17:25:39
773
原创 [前端]普通网页（非框架）IE11兼容ES6以及hack其他情况
ES6:IE11发现定义类比如class Tool提示语法错误，类命无效的话，就是不支持了，只能手动转或者借助一些第三方转了，随便找个框架用控制台npm装polyfill和babel然后把文件引用进去<script src="js/browser.min.js"></script><script type="text/babel" src="js/...
2018-12-18 15:12:31
2181
原创 [JS]如何区分拖拽和点击事件/用插件（draggabilly.js）的时候当拖拽的时候禁止点击
第一种方法，当你可以检测到mouseup和mousedown的时候【适合原生，用了插件发现把我的鼠标事件屏蔽了吐血……click点击事件=mouseup+mousedowndrag拖拽=mousedown+mousemove+mouseup所以你可以设置flagvar a = $('a'), flag = 0; //标记是拖曳还是点击a.bind({ ...
2018-12-18 10:03:24
2102
原创 [Javascript]JQ点击svg的某一区域后根据区域的id和后台传来的数据做对比/和一些总结
对，都是老掉牙的东西奈何公司是传统的软件公司，就是用最老的一套T.T最近做页面才发现其实要做到像素级别的还原也是非常不容易……关于Flex布局大名鼎鼎的flex布局，做PC自适应的话真的棒呆了，你不需要在套div做媒体查询但是不细说吧，可以去看其他总结，我本人觉得最常见第一就是居中，中线对其，懂自动换行父： justify-content: center;//在主...
2018-12-07 16:12:40
325
原创 [前端]关于JS模块化/AMD/CMD/UMD及CSS的BEM
工作上接触到的模块化都是比较主流的ESM和commonJSCSS上通用的是BEM这里主要是总结给自己看的ESM（ES6 Module）一个文件一个模块基本是webpack结合vue最常用的东西了引入import，暴露用exportimport request from '@/utils/request'// 今日交易列表export function getTo...
2018-10-16 14:56:13
336
原创 [Node.js]CentOS下部署Node.js+mongodb完整项目/ Cannot find module './models/User'
安装node.js和mongodb的略过ftp传一个项目到终端，放哪里都可以~解压删除 【rm -rf node_modules】重新init 【npm init】重新安装【npm install】初始化数据库在项目中的存放位置【mongod --dbpath=/Node/NodeProject\db 】永久运行：这里有坑……node app.js我必须进入No...
2018-08-19 13:03:39
2006
原创 [Linux+SSM]idea下导出war包部署到服务器上/导出的服务器下CSS和JS路径
注意点：第一次部署的时候样式丢失，查找后发现引用的CSS文件在服务器里找不到了……所以如果要war包下打包，CSS的样式路径不能随便改，必须是在服务器的路径下形如如果是在webinf下有文件，CSS却在上一级如果同级则 新建一个Artifacts即可可以改名任意……不要忘记右边如果有jar包要双击加进去然后就能找到你要的war包了...
2018-08-02 16:05:55
493
原创 [SSM]Idea+Maven+PageHelper+JSP插件分页/JSON+AJAX+JQ分页
老生常谈问题，一定要刷新maven工程的包已经导入到ArtifactsJSP法首先还是导包 <!--分页插件--> <!-- https://mvnrepository.com/artifact/com.github.pagehelper/pagehelper --> <dependency> ...
2018-07-30 20:55:21
1445
原创 [MyBatis]逆向工程的使用/Emaple实例
参考http://www.mybatis.org/generator/index.html注意：如果用代码+配置文件生成，就不要二次运行了……会把原来的覆盖掉，如果你生成文件后自己又修改过，二次生成就GG了……首先导包 <!--逆向工程--> <!-- https://mvnrepository.com/artifact/org.mybatis....
2018-07-29 22:57:16
327
原创 [剑指Offer]链表中环的入口结点
给一个链表，若其中包含环，请找出该链表的环的入口结点，否则，输出null法1能通过，但是复杂度过大，思路为遍历首先从头节点开始，依次遍历单链表的每一个节点。每遍历到一个新节点，就从头节点重新遍历新节点之前的所有节点，用新节点ID和此节点之前所有节点ID依次作比较。如果发现新节点之前的所有节点当中存在相同节点ID， 则说明该节点被遍历过两次，链表有环；如果之前的所...
2018-07-26 16:54:13
140
原创 [MyBatis踩坑]正确执行sql并在控制台打印，取值却为[null]==>带下划线的字段名
今天踩了个大坑。明明开启了驼峰命名，但是写User表明明能正确查出来有些过但是打印却是空，我百分之百确定我配置文件没有写错，但是单元测试通过却还是空 如我的实体类为可以看到我用了下划线……public class User implements Serializable { private int u_id; private String u_name; pri...
2018-07-25 19:58:33
747
原创 [SSM]Idea+SpringMVC+Mybatis3.4.1+Maven框架整合示例
终于来到mybatis的最后一刻了……本来想配置二级缓存的，想想就算了，直接用一个比较简洁的搭框架教程~ 目录踩雷的地方新建maven工程，添加框架支持添加依赖到图示的地方--》导包配环境，控制层业务层mybaits的dao接口mybatis的mapper编写配置文件web.xmlspring.xmlspringmvc.xml配置...
2018-07-23 22:35:37
316
原创 [MyBatis]Idea+maven第三方缓存Ehcache框架整合
MyBaits毕竟是对数据库操作的框架，对缓存不大专业，所以留有对第三方缓存框架整合的接口提供使用参考文档http://www.mybatis.org/ehcache-cache/添加依赖 <!--Ehcache--> <!-- https://mvnrepository.com/artifact/org.mybatis.caches/mybatis...
2018-07-21 19:40:32
1151
原创 [MyBatis]关于缓存
一级缓存(本地缓存）默认情况下被一直开启，从一个Mapper查询出来后放入本地，一个会话内有效，比如对象01发出一个sql，对象02也是同一个sql，只会发一个sql查询，对象01和02测试相等的时候是true，但是不同的mapper即使查询的语句一样，一级缓存都是会失效的。还有的情况是两次mapper是同一个sql也是同一个，但是中途执行了别的增删改的sql，数据库发生了改变，也会使得对象f...
2018-07-21 14:13:57
670
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人