qssn的博客

这里使用正则的方式获得具体的参数~/** * 解析url * @param {String} url eg:https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu&wd=js&oq=js */const parseUrl = (url) => { const reg = /(\w+):\/\/([\w\.]+)\:?(\d*)?([\/\.\w]*)?\??([^#]*)?#?(\S*)?/

文字鼠标悬浮效果有很多，自己做的时候也手撸了一个小特效。思路就是使用before和after伪类去动态改变宽度。代码已经关联到github： 链接地址 觉得不错可以顺手点个star，这里会持续分享自己的开发经验（：效果：...

项目中，遇到react组件需要渲染原声dom的情况，记录一下。原理是利用ref在加载完后插入元素render(){ <div ref={(nodeElement) => { nodeElement && nodeElement.appendChild('<div>111</div>') }} /> }...

在stackoverflow找到了解决方案原文链接原因：如果高度或宽度是动态的并且没有四舍五入的像素大小就会出现问题解决1.设置 margin-bottom: -1px;2.设置border-bottom: 2px solid gray3.设置border-radius: 1px; //这种方法我在使用,不过答案并没有提及 @supports (-ms-ime-align...

只在ie浏览器下生效@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { //针对ie div { padding-bottom: 1px; } }只在edge浏览器下生效@supports (-ms-ime-align: auto) { //针对edge div { padding-bo...

项目补充了一下，需要从服务器上下载文件（效果如下图），来maker一下。1.后台JAVA代码 //省略这两个参数的get set 方法 private InputStream downloadFilePath;//下载文件流 private String downloadFileName;//下载文件名 /** *TODO(根据路径下载pdf) *@p

maker一下使用scroll-view实现下拉加载更多（下一页），比较粗糙，如下图。 由于数据是死数据，只能加载一次（如图）。源码下载：http://download.youkuaiyun.com/download/dknightl/9922174 下拉逻辑由scroll-view里的bindscrolltolower参数实现。 判断是否可以下拉由当前页数和总页数比较判断wxml<!--inde

使用postal.js实现subEvent类似的观察者模式，让a.js事件发生后，执行b.js中的方法。文档：https://www.awesomes.cn/repo/postaljs/postal-js 1.安装postalnpm install postal2.介绍 subscribe （channel, topic， callback）订阅事件或者说是注册事件，...

安装node 安装react react-domnpm install --save react react-dom安装webpacknpm install webpack -g安装bablenpm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react

今天试着外网打开tomcat，发现不行，就去调试了一下，发现了防火墙的规则问题，记录一下。（我的服务器是WIN10）控制面板-Windows 防火墙-高级设置（左侧菜单栏）-入站规则（同左侧）- 新建规则（选完入站后在右侧）然后跟着提示走就可以了。

    今天找出许久未看的JAVA项目进行操作，也不知道是什么原因，编码竟然是GBK的，然鹅我的Eclipse默认编码是UTF8，项目是可以运行的，但是中文各种错乱，把所有文件改成UTF8编码后发现报错“编码 GBK 的不可映射字符”；最后通过修改build.gradle文件编码解决（改成utf-8，难道Gradle项目编译编码是根据这个文件的编码来的？）    如何上述方法没有解决，请在buil...

在github上面html的链接前面添加上https://htmlpreview.github.io/?即可比如这个链接https://github.com/ruanyf/jstraining/blob/master/demos/backbone-demo/index.html你打开看到的是html页面，加上https://htmlpreview.github.io/?之后就可以直接显示网页了，如...

今天在模拟右侧栏向左滑出时，发现动画只会起作用一次，最后解决了~如下图解决思路是：动态添加class。css.moveAnimation{ animation:mymove 1s; }@keyframes mymove /*Safari and Chrome*/{ from {right:-400px;} to {right:0px;}}js（用的是react，动态添加class核...

今天弄毕设时因为前后端分离，前端React生成的是html文件，而后端是Jsp页面，需要SpringMvc配置jsp、html两个视图解析器，核心思想是继承SpringMvc给的父类，自己写一个解析类，方法如下：第一步：继承InternalResourceView，写解析类package com.ssm.hui.util;//这是你的包名 跟import java.io.File;impo...

    看了N个网页都没解决，最后吧file loader的useRelativePath设置为true解决了。看了一下，该属性是生成一个相对 url ，难道之前打包的时候引入的都是绝对URL？这点求大佬指点。下面是引入font awesome的步骤。1.下载font awesome    这是废话。我用的是CSS2.引入font awesomeimport '../../font-awesome...

    在毕设开发时，由于用react开发前端，SSM开发后端，在二者需要数据交互的时候，发现二者的端口不一样，会出现喜闻乐见跨域问题，由于react用了devServer（webpack-dev-server），所以可以使用devServerd 的proxy解决。    比如我前端的路径为http://localhost:8888，而后端启动的服务为http://localhost:8080，正...

最近在做项目的时候，要求项目的密码框不显示所记住密码的提示框（就是密码输入框点击不显示该网站所保存的密码列表），然后试了很多方法。autocomplete="off"无效，onfocus="this.type='password'"无效等等。然后发现了chrome自动保存密码提示的规则：1.input的id，2.input的name。方法1去掉input的id和name属性，然后给in...

mark一下 //var arr=['a','b','c'];//var arr=[1,2,3];//var arr='abc';var sum=function(a,b){ console.log(a,b) return a+b;}/** * * @param {数组} arr * @param {操作函数} f * @param {初始值} ...

项目中发现，在flex布局下，希望目标元素文字超出省略号时，text-overflow: ellipsis属性无效，结论是设置文字超出省略号的元素,然后网上找了一圈设置父元素width: 0、overflow: hidden，设置自身属性min-width:0也都不行。text-overflow: ellipsis;overflow-x: hidden;white-space: n...

禁止右键菜单一搜就有了，下面代码是禁止右键事件，可以根据event的which或者bottun进行判断禁止$('#11').mousedown(function(e){ if(3 == e.which){// or e.bottun===2 console.log('这是右键单击事件'); }else if(2 == e.which){//or e.bottun ...

在项目中遇到一个奇怪的问题，当父元素样式overflow有滚动条、borde-radius存在、position不为static时，和z-index不为auto时，子元素的position就算是fixed，且z-index大于父元素，也会被隐藏掉。源码和效果图如下：直接体验请点击：链接源码：源码 <style>#father { width: 200px; ...

做开发中，React 和 JS 原生事件监听`addEventListener`混用了，因此发现了一个现象：React的阻止冒泡并没有阻止原生JS监听的事件触发。下面代码的输出是（代码链接：https://codepen.io/Lik_Lit/pen/OJLROMW）“root click”“inner dom click”“document c......

博主遇到的是用onclick传递对象参数时（easyui传递一行数据时），会报Sncaught SyntaxError: Unexpected identifier错误。 经查，onclick（对象）这种传递对象形式里面的对象会变成onclick（[object Object]）。解决方法：将json字符串的双引号转换成单引号就行了思路： JSON.stringify().replace(/

Hibernate操作中间表（操作实体集）stust2

flawchart.js语法跟markdown流程图的语法很像。我也是查看网上资料的，参考链接在这：http://blog.youkuaiyun.com/aizhaoyu/article/details/44350821#comments//定义元素st=>start: 开始|past:>http://www.google.com[blank]e=>end: 结束:>http://www.google.co

easyui行编辑取消选中行

JAVA笔记 ，调用方法

easyui 数据表格行内编辑（编辑、保存、删除）

Mark一下EASY UI 的数据表格详细展示使用记录。 第一步：创建页面布局 这一步主要是引用Easy UI的JS，除了easyui.min.js还有datagrid-detailview.js

根据id不能使文本框获得焦点，可以用下列方法试一下

有些时候我们需要从子页面调用父页面的属性，比如input的value等等。如图：一个html文件的body包含另一个html文件。 思路：先在父页面写好获得该属性值的方法，使用window.parent. 调用父页面方法，用return返回属性. //子页面方法 function getCloseModuleWin(){ console.l

easyui中，我们经常需要在创建的窗口window中关闭当前窗口，或者tab的子页面中关闭当前tab页面。下面给出方法（此方法只适用于一次父子嵌套）。子窗口页面（window）中关闭当前窗口//子页面JS方法function getCloseModuleWin(){ console.log(window.parent.closeModuleWin()); }//父页面JS方法

这个错误是由于onclick传的参数带的双引号与onclick控件的双引号冲突了解决： replace(/\”/g,”’”)将参数的双引号转化成单引号

1.null表示空值，undefined表示变量已声明但未赋值 2.console.log可以接收多个参数 3.var定义局部变量，不用var定义的变量就算在某个函数中也是全局变量 4.typeof 返回变量或者表达式类型 5.delete 删除对象中的属性 6.return val?var pd=true:var pd=false 7.数组添加元素，直接.length=11添加 8

注意，上传图片可能会显示不出来（如果你没放在tomcat的webapps目录下），这是由于上传图片时是默认上传到tomcat的目录下！！！ 1. jsp页面<textarea name="editor1" style="width:100%;min-height: 400px;" id="xheditor"></textarea> <scr

很多时候，当使用链接跳转时，需要传递参数，而使用ajax会丢失参数，使用拼接参数方式，url会不美观，so… function getPlanDetail(ppSn){ //去掉单引号 取得要提交的参数 如果自身传的值无单引号则无需 var planSn=ppSn.replace(/'/g,"");

一、效果图1.带页码效果2.目录效果前言：Java 使用iText7生成带页码的PDF文件，同时生成目录PDF，但限于水平，暂时还在摸索合并两个PDF。不过看了一下，iText好像有生成目录的代码，可以查看我另一篇博客我copy了一份说明QAQ。点击这里可下载源码二、实现代码 1.PDFUtil.java（添加标题、锻炼辅助类）package test.hui;import java.io.

正则表达式消除 /** * 消除HTML标签 * @param content 需要解析的文本 * */ public String ParseContent(String content){ String regex = "<[\\s\\S]*?>";//去除所有HTML标签（<>之间的内容全去除） String reg

com.itextpdf.kernel.font.PdfType0Font.getCidFontType2(PdfType0Font.java:720)iText7彻底解决中文问题、特殊字符（如......省略号报错问题）

工具类package com.gsafety.plan.module.util;import java.io.IOException;import com.itextpdf.kernel.font.PdfFont;import com.itextpdf.kernel.font.PdfFontFactory;import com.itextpdf.kernel.pdf.PdfDocument;