- 博客(42)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 event对象的offsetX, clientX, pageX, screenX
现在需要对event对象的几大与坐标有关的属性做一个总结，以便于认识offsetX|offsetYoffsetX/Y获取到是触发点相对被触发dom的左上角距离(包括padding在内，不包括border)，不过左上角基准点在不同浏览器中有区别，以内容区左上角为基准点（不包括边框），如果触发点在边框border上会返回负值。用途：待发现clientX|clientY和pageX|pageYclientX|clientY这对坐标相对于窗口，从窗口的顶部/左侧边缘计算得出，类似于cs.
2020-11-01 22:28:52
813
原创 clientHeight、offsetHeight、scrollHeight、scrollTop
由于长时间对clientHeight、offsetHeight、scrollHeight、scrollTop这几个js-dom不理解，处于半迷糊状态，现在就仔仔细细实验整理一波，希望能做个总结，方便以后能快速理解别人代码和做出自己想要的。结论clientHeight=height+padding-top+padding-bottom下面main这个div的clientHeight：1060px=1000px(height)+2x30px(padding-top+padding-bottom).
2020-11-01 14:59:38
329
1
原创 对JavaScript的dom元素的classList方法认识
1.target.classList.add("className")/remove("className")可以对目标元素增加一个类或者删除一个类2.target.classList.toggle.("className")可以相当于跟classList增加一个目标类的开关一样，原本有目标类的经过这个方法或删除，原本没有的经过这个方法的会增加目标类沙盒...
2020-10-30 19:26:54
960
原创 React router的Route中component和render属性理解
最近在学习react-router现在写一下我对其中Route标签的三个互斥属性render、component、children的理解。The Route component is perhaps the most important component in React Router to understand and learn to use well. Its most basic responsibility is to render some UI when its path matches
2020-09-28 12:46:45
8096
1
原创 前端vue使用vue-socket.io与socket.io-client与后台使用netty-socketio建立实时通信
因为项目中需要用到socket实现端到端的实时通信对话网上的教程也多是后台使用node，笔者这里项目后台使用的是java，所以只能另辟蹊径话不多说开搞，这里记录一下搞得过程遇到的需要注意的问题Java 后端1.在pom.xml添加netty-socketio的jar包<!-- 引入socketIo的jar包 --> <dependency> <gr...
2019-07-31 15:59:53
14786
1
原创 VUE keep-alive与非keep-alive 手动刷新页面
由于需求需要有时候需要刷新vue的某个页面，即手动再触发vue组件的钩子方法（created，mounted等），但是会有问题1.vue是根据组件名来加载页面的，如下组件没改变，人工再调用 this.$router.push()，也不会触发刷新。2.this.$router.go(0)可行，但是页面会变白，而且不支持动态路由，即原本在某个入口添加进来的路由由于并没有再次执行该添加路由的方法...
2019-04-26 11:50:27
7395
原创 JS的文件操作（文件选取或图片转Base64）
在网页浏览器，用js处理文件有两种方式，一种是input标签取得文件，另一种是直接拖拽文件到网页中即读取。1.在input组件中取得文件我的博客这里写了一个在vue中上传二进制文件的博客可参阅&lt;input type=“file” name=“file” accept=".jpg, .jpeg, .png" @change=“uploadAvatar”&gt;//操作文件的方法up...
2019-03-13 11:47:06
965
原创 CSS去重叠边框
1.table去重叠边框table{ border-collapse:collapse;}2.非table去重叠边框只需要设置div的margin值为边框值的相反数就行 border:1px solid #333; margin-right:-1px; margin-bottom:-1px;参看https://www.cnblogs.com/zaifeng0108/p/72...
2019-02-12 17:47:52
7450
原创 chrome F12调试中选定元素激活鼠标事件
在谷歌调试f12中，有时需要选定dom内元素并查看其在某一状态的样式如鼠标悬停时候的样式，这里做记录F12》》选中元素》》在元素标签头右键此时在查看style即可查看hover时的样式。另一种方法先选择下面再选择dom元素即可。参看Stack Overflowhttps://blog.csdn.net/llxjw2011/article/details/18762615...
2019-02-12 10:44:54
3840
1
原创 新学maven中setting.xml
我的maven的setting.xml中配置包括自定义本地仓库位置自定义仓库默认仓库镜像配置&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&amp;gt;&amp;lt;!--Licensed to the Apache Software Foundation (ASF) under oneor mo
2019-02-11 16:31:54
467
原创 mybatis-generator逆向工程生成Model与Mapper的笔记
想要尝试使用Maven插件-mybatis-generator(mybatis自动生成实体与mapper带增删查改接口代码的插件)话不多说上代码1.新建一个maven项目修改pom.xml&amp;amp;lt;project xmlns=&amp;quot;http://maven.apache.org/POM/4.0.0&amp;quot; xmlns:xsi=&amp;quot;http://www.w3.org/2001/XM
2019-02-01 09:01:41
277
原创 记一个前端直接发送js对象，Java后台接收的例子
/** * 更新角色-权限信息，包含以下参数： * <p> * id 当前角色的id * ids 当前角色-权限的id集合 * parents 当前角色-权限的是否是父节点的parent集合 * * <p> * 之前在User层面上，我们要对其进行角色的更新，也就是说在U...
2019-01-15 21:41:43
2938
原创 spring-mvc.xml文件配置@ResponseBody使用对象转换器来完成对象与Json数据的转换
我们知道Springmvc默认返回的是一个视图（以前return一个string是返回视图的名称），而在前后端分离的开发模式中，我们经常使用Json格式的数据进行前后端数据的交换。通常情况下有两种方式去构建一个Json格式的响应数据，第一种是直接手动拼接Json格式的字符串，然后以String返回，第二种是使用对象转换器来完成对象与Json数据的转换。第一种方式太low了，我们来说第二种方式，通...
2019-01-11 15:09:08
870
原创 Java中Map与json互相转换，Java如何发起http请求
一个工具类 Java的map与json字符串相互转换工具类用的是com.alibaba.fastjson的jar包package utils;import java.util.List;import java.util.Map;import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONArray;import...
2018-12-18 14:56:31
1330
原创 Activity5.22与Spring（SSM）的整合
最近需要研究一下activity，百度后发现网上文章参差不齐，都没有完全符合自己的条件，于是盲人摸瓜，一步一步摸。摸了几天，也有了一定的理解，稍微了解了一点activity流程（太厉害了！！！），鉴于网上看到有人说，天下文章一大抄，本人本着为了他人的便利（虽然本人再弄这个过程中也敲击脑壳疼）所以直接将自己弄好的放出来。但还是还是介意自己捣鼓一下，会受益匪浅。。。。资源1.activity官网的...
2018-12-07 12:09:58
983
转载 买卖股票的最佳时机 II
思路：贪心算法，总是做出在当前看来是最好的选择，不从整体最优上加以考虑，也就是说，只关心当前最优解代码：/** * @param {number[]} prices * @return {number} *//**只要后一个的价格比前一个的价格大就卖出*/var maxProfit = function(prices) { var profit=0; ...
2018-09-05 08:58:45
113
原创 leecode中初级算法中数组加一
js解法及思路/** * @param {number[]} digits * @return {number[]} *//**注意点1.最后一位是否为9，为9的话，要进位，赋0下一位加12.如果首位为0,加一，首位为9整个数组必是返回【10000...】整个流程是：判断当前位是否为9，若是则赋值0，继续循环，下一位会加一若不为9，当前位加一，跳出循环若首位为9则...
2018-09-03 14:55:20
167
原创 express(后台)+vue(前端)使用express-session插件使每次请求带cookie
一个需求：用户登录，登陆之后保存cookie，使得用户的状态在前端与后台都能保存（即每次请求都能区分是对应用户）. 前提： 1.express使用中间件。app.use(cookieParser());//express-session插件需要到cookie-parser// session 中间件app.use(session({ name: config.session...
2018-08-13 15:31:03
2436
原创 vue+axios（前端）node+express（后台）使用formdata上传图片
需求前因：平常普通的HTML中我们上传文件大多在标签内使用直接submit整个表单，现如今我们不能使用标签，如何只是用实现上传文件呢？ 实现需求需要解决的问题： 1.如何在js逻辑中取得文件？ 2.以什么形式上传？ 3.后台如何接收？前台代码：（如何取得文件实体，以FormData形式用axios上传）&lt;template&gt; &lt;div&gt; ...
2018-08-06 09:31:59
4508
18
原创 win环境下MongoDB安装与配置成auth验证服务
今天重新安装了MongoDB（Windows），并且想要把它配置成需要验证用户密码的服务。 1.官网上获取msi文件并安装 MongoDB社区版 下载完成后直接运行msi文件 注意要选择custom 之后就一直next即可（记得不要勾选install compass【图形化工具】，勾选的话安装很慢）本人是安装到D:/MongoDB文件夹 测试验证： win...
2018-07-24 18:05:20
3441
原创 cordova使用fileOpener2打开刚下载好的APK时报there was a problem pasring the package
结果： 导致结果的原因： 当使用cordova-plugin-file-transfer下载apk时 使用的存储的路劲有问题 错误代码如下 window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fs) { fs.root.getFile(fileName, { creat...
2018-06-02 10:28:11
2123
3
原创 js方法格式化数字，加入千分符，并可以指定小数点位数，支持负数
//js方法格式化数字，加入千分符，并可以指定小数点位数function number(s, n) { n = n >= 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var l = s .split(".")[0]
2018-05-02 09:36:24
1372
转载 pom.xml出现web.xml is missing and <failOnMissingWebXml> is set to true
提示信息应该能看懂。也就是缺少了web.xml文件，被设置成true了。搜索了一下，Stack Overflow上的答案解决了问题，分享一下。目前被顶次数最多的回答原文如下：This is a maven error. It says that it is expecting a web.xml file in your project because it is a web appl
2018-01-15 11:26:57
165
转载 maven项目新建
一.创建项目1.Eclipse中用Maven创建项目上图中点击Next2.继续Next3.选maven-archetype-webapp后，next4.填写相应的信息，Packaged是默认创建一个包，不写也可以groupId是集团名称，域名等 artifactId是项目名称 packaging 打包方式如war，不写也可以5.创建好项目后，目录如下
2018-01-15 10:39:24
330
原创 ZK框架文件下载文件名乱码问题（空格，#截断）解决
在Java的web开发中，文件下载功能的文件名文件名乱码问题是经常遇到的。 对于这个问题，不同的浏览器，解决的方法不太一样。 IE的话，通过URLEncoder对filename进行UTF8编码。 而其他的浏览器（firefox、chrome、safari、opera），则要通过字节转换成ISO8859-1了。 所以对此要在后台获取浏览器类型（主要识别是否是IE）从而使用不同的编码方法
2017-12-01 12:17:21
693
原创 hibernate与spring整合
<?xml version="1.0" encoding="UTF-8"?><!-- <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN 2.0//EN" "http://www.springframework.org/dtd/spring-beans-2.0.dtd"> --> <beans xmlns="http://www.sprin
2017-10-06 17:30:08
210
原创 Struts2中重复提交表单分析
原因：Struts2提交表单完成添加数据等操作后，再去刷新页面会弹出警告，提示信息会再次被提交（同样的表单数据） 解决：在action中配置拦截器 1.需要在提交数据的表单<form> 内增加<s:token></s:token> 2.action标签内配置拦截器 （1）可以在父类package的action标签内配置全局拦截器栈 <package name="allAcces
2017-09-23 16:06:38
232
转载 分析Hibernate：could not initialize proxy - no Session
异常：org.hibernate.LazyInitializationException: could not initialize proxy - no Session在做一个项目的时候遇到了这个问题，大概的意思是不能 初始化,session 关闭了的,于是就想到可能是session关闭了 而程序某个地方还在从数据库中读取数据 于是就上网百度了一下, 说的是在用多对一或者是多对多的时候懒加载的
2017-09-20 23:06:43
159
转载 hibernate之HQL入门
1. 查询整个映射对象所有字段//直接from查询出来的是一个映射对象，即：查询整个映射对象所有字段 String hql = "from Users"; Query query = session.createQuery(hql); List<Users> users = query.list();
2017-08-05 23:57:28
183
转载 HQL查询条件
在HQL中可以使用表达式完成指定的运算或者作为限制查询结果的条件。 要注意HQL与SQL的区别如： SQL:select(*) from Student where name=?,pwd=? HQL:from Student where name=:name and pwd=:pwd 主要逻辑运算符如下表所示|———————————————————–| 类别 运算符 逻辑运算符
2017-08-05 23:42:24
667
原创 hibernate annotation
**HIbernate注解说明**1、@Entity(name="EntityName")必须,name为可选,对应数据库中一的个表，此处的EntryName要注意，在代码中使用hql进行查询时，需要from Xxx，那么Xxx就是对应的此处的EntryName，所以要注意EntryName的命名，否则会出现映射问题。2、@Table(name="",catalog=
2017-08-05 23:38:24
181
原创 数据库连接查询之外连接查询
实际的数据库中总包含着许多的表，并且实际应用中也不可能只对一个表格进行查询。如果一个查询同时涉及两个以上的表，则称之为连接查询。连接查询是关系数据库中最主要的查询。连接查询包括等值连接查询、非等值连接查询、自然连接查询、自身连接查询、外连接查询和复合条件连接查询等。外连接 通常的连接操作中，只有满足连接查询条件的元组才能作为结果输出。由于连接查询操作某个表中某字段不满足条件而被舍弃不出现在查询结果
2017-06-12 17:28:10
2746
转载 MY SQL中''与null的区别
平时我们在使用MySQL的时候，对于MySQL中的NULL值和空值区别不能很好的理解。注意到NULL值是未知的，且占用空间，不走索引，DBA建议建表的时候最好设置字段是NOT NULL 来避免这种低效率的事情的发生。问题 1： 首先，我们需要搞清楚 “空值” 和”NULL”的概念：1：空值('')是不占用空间的2: MySQL中的NULL其实是占用空间的。官方文档说明:“NULL columns
2017-06-11 22:56:33
534
转载 自定义JSTL函数标签
转载自：http://blog.sina.com.cn/s/blog_4b6f8d150100wa9r.html?sudaref=www.baidu.com&retcode=6102
2016-11-04 13:21:24
218
原创 JAVA中重要的8张图
1.字符串不变性1.Declare a string 声明一个变量String s = "abcd";s stores the reference of the string object. The arrow below should be interpreted as “store reference of”. s存储了一个字符串对象的引用，下面的箭头解释为：存储的引用是图解： 2.Ass
2016-10-16 13:25:21
513
原创 内部排序算法之冒泡排序
冒泡排序： 它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。 这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端，故名。在要排序的一组数中，对当前还未排好序的范围内的全部数，自上而下对相邻的两个数依次进行比较和调整，让较大的数往下沉，较小的往上冒。即：每当两相邻的数比较后发
2016-10-11 23:58:42
397
原创 内部排序算法之插入排序
何为内部排序： 排序有内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。何为稳定排序： 如果碰见一个和插入元素相等的，那么插入元素把想插入的元素放在相等元素的后面。所以，相等元素的前后顺序没有改变，从原无序序列出去的顺序就是排好序后的顺序，所以插入排序是稳定的。插入排序： 基本思想: 将一个记录插入到已
2016-10-11 10:51:28
323
转载 取得URL
1.request.getRrmoteAddr() ；获得本地客户端的IP地址，可能会IPv4可能会IPv6，取决于c盘中的host文件。 2.request.getRequestURL() ; 获得本网页的URL（所请求的地址的URL） ，stringbuffer型。3.request.getHeader(“Referer”); 获得上一个来源网页的URL；request.getHea
2016-09-25 11:03:22
252
原创 一个验证用户名唯一性的例子
过滤器 FilterFilter,Listener监听器和过滤器，都是一种特殊的Servlet，其中监听器是用来处理服务器端事件，过滤器是在请求送出以后，响应到达客户端之前的事情进行处理。用户的请求到达Servlet(JSP)之前，先经过过滤器处理，服务器的响应到达客户浏览器之前，也要先经过过滤器的处理。过滤器可以有多个，形成过滤器链filter chain。一、可以设置对哪些页面或Servlet使
2016-09-23 10:45:51
5905
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人