![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 63
Qssn丶
学无止境,码无尽头
展开
-
JS解析url链接和获得get参数的两种方法
这里使用正则的方式获得具体的参数~/** * 解析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*)?/原创 2021-08-20 18:21:57 · 1035 阅读 · 0 评论 -
纯css实现文字下划线悬浮【中心向两边扩展】、鼠标移开【两边向中心收缩】特效
文字鼠标悬浮效果有很多,自己做的时候也手撸了一个小特效。思路就是使用before和after伪类去动态改变宽度。代码已经关联到github: 链接地址 觉得不错可以顺手点个star,这里会持续分享自己的开发经验(:效果:...原创 2020-08-09 18:55:48 · 763 阅读 · 0 评论 -
react组件下渲染原生dom(插入原生元素)
项目中,遇到react组件需要渲染原声dom的情况,记录一下。原理是利用ref在加载完后插入元素render(){ <div ref={(nodeElement) => { nodeElement && nodeElement.appendChild('<div>111</div>') }} /> }...原创 2020-03-23 09:40:37 · 2945 阅读 · 0 评论 -
Microsoft Edge中的底部border bug,鼠标悬浮上去的时候下边框消失问题
在stackoverflow找到了解决方案原文链接原因:如果高度或宽度是动态的并且没有四舍五入的像素大小就会出现问题解决1.设置 margin-bottom: -1px;2.设置border-bottom: 2px solid gray3.设置border-radius: 1px; //这种方法我在使用,不过答案并没有提及 @supports (-ms-ime-align...转载 2019-12-31 14:42:17 · 953 阅读 · 0 评论 -
针对IE和edge浏览器的css样式写法
只在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...原创 2019-12-31 13:54:13 · 4086 阅读 · 0 评论 -
js控制css中的帧动画, 使动画每点击一次运行一次
今天在模拟右侧栏向左滑出时,发现动画只会起作用一次,最后解决了~如下图解决思路是:动态添加class。css.moveAnimation{ animation:mymove 1s; }@keyframes mymove /*Safari and Chrome*/{ from {right:-400px;} to {right:0px;}}js(用的是react,动态添加class核...原创 2018-04-13 11:42:42 · 3796 阅读 · 0 评论 -
预览 GitHub 项目里的html文件
在github上面html的链接前面添加上https://htmlpreview.github.io/?即可比如这个链接https://github.com/ruanyf/jstraining/blob/master/demos/backbone-demo/index.html你打开看到的是html页面,加上https://htmlpreview.github.io/?之后就可以直接显示网页了,如...转载 2018-04-18 16:35:32 · 1350 阅读 · 0 评论 -
Gradle项目编译报错: 编码 GBK 的不可映射字符
今天找出许久未看的JAVA项目进行操作,也不知道是什么原因,编码竟然是GBK的,然鹅我的Eclipse默认编码是UTF8,项目是可以运行的,但是中文各种错乱,把所有文件改成UTF8编码后发现报错“编码 GBK 的不可映射字符”;最后通过修改build.gradle文件编码解决(改成utf-8,难道Gradle项目编译编码是根据这个文件的编码来的?) 如何上述方法没有解决,请在buil...原创 2018-04-15 16:25:46 · 3604 阅读 · 0 评论 -
阿里云windows开放tomcat 8080端口(修改防火墙规则)
今天试着外网打开tomcat,发现不行,就去调试了一下,发现了防火墙的规则问题,记录一下。(我的服务器是WIN10)控制面板-Windows 防火墙-高级设置(左侧菜单栏)-入站规则(同左侧)- 新建规则(选完入站后在右侧)然后跟着提示走就可以了。原创 2018-02-06 17:23:29 · 2841 阅读 · 0 评论 -
React学习日记之安装模块
安装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原创 2018-01-04 15:36:44 · 680 阅读 · 0 评论 -
postal.js使用+例子
使用postal.js实现subEvent类似的观察者模式,让a.js事件发生后,执行b.js中的方法。文档:https://www.awesomes.cn/repo/postaljs/postal-js 1.安装postalnpm install postal2.介绍 subscribe (channel, topic, callback)订阅事件或者说是注册事件,...原创 2018-01-24 16:28:29 · 1881 阅读 · 1 评论 -
SSM框架中SpringMvc配置jsp、html两个视图解析器
今天弄毕设时因为前后端分离,前端React生成的是html文件,而后端是Jsp页面,需要SpringMvc配置jsp、html两个视图解析器,核心思想是继承SpringMvc给的父类,自己写一个解析类,方法如下:第一步:继承InternalResourceView,写解析类package com.ssm.hui.util;//这是你的包名 跟import java.io.File;impo...原创 2018-05-09 17:39:15 · 9717 阅读 · 0 评论 -
webpack3解决font awesome找不到字体(webpack引入font awesome)
看了N个网页都没解决,最后吧file loader的useRelativePath设置为true解决了。看了一下,该属性是生成一个相对 url ,难道之前打包的时候引入的都是绝对URL?这点求大佬指点。下面是引入font awesome的步骤。1.下载font awesome 这是废话。我用的是CSS2.引入font awesomeimport '../../font-awesome...原创 2018-05-10 16:04:40 · 1757 阅读 · 0 评论 -
webpack-dev-server 解决跨域问题
在毕设开发时,由于用react开发前端,SSM开发后端,在二者需要数据交互的时候,发现二者的端口不一样,会出现喜闻乐见跨域问题,由于react用了devServer(webpack-dev-server),所以可以使用devServerd 的proxy解决。 比如我前端的路径为http://localhost:8888,而后端启动的服务为http://localhost:8080,正...原创 2018-04-29 14:17:17 · 3084 阅读 · 0 评论 -
Chrome禁用浏览器的密码框自动保存密码提示输入('autocomplete="off"'在Chrome中不起作用解决方案)
最近在做项目的时候,要求项目的密码框不显示所记住密码的提示框(就是密码输入框点击不显示该网站所保存的密码列表),然后试了很多方法。autocomplete="off"无效,onfocus="this.type='password'"无效等等。然后发现了chrome自动保存密码提示的规则:1.input的id,2.input的name。方法1去掉input的id和name属性,然后给in...原创 2018-07-31 10:17:02 · 6520 阅读 · 2 评论 -
使用原生js实现reduce
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 {初始值} ...原创 2018-07-28 11:32:57 · 1441 阅读 · 0 评论 -
flex布局下文字超出省略号代替不起作用解决方法
项目中发现,在flex布局下,希望目标元素文字超出省略号时,text-overflow: ellipsis属性无效,结论是设置文字超出省略号的元素,然后网上找了一圈设置父元素width: 0、overflow: hidden,设置自身属性min-width:0也都不行。text-overflow: ellipsis;overflow-x: hidden;white-space: n...原创 2018-10-08 10:38:20 · 13592 阅读 · 7 评论 -
js禁止右键
禁止右键菜单一搜就有了,下面代码是禁止右键事件,可以根据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 ...原创 2018-12-04 09:03:50 · 399 阅读 · 0 评论 -
子元素设置position:fixed,z-index大于父元素依然被父元素盖住
在项目中遇到一个奇怪的问题,当父元素样式overflow有滚动条、borde-radius存在、position不为static时,和z-index不为auto时,子元素的position就算是fixed,且z-index大于父元素,也会被隐藏掉。源码和效果图如下:直接体验请点击:链接源码:源码 <style>#father { width: 200px; ...原创 2019-04-13 17:29:41 · 3499 阅读 · 0 评论 -
React 阻止事件冒泡失效、stopPropagation和stopImmediatePropagation分析,解决stopPropagation没有阻止冒泡问题
做开发中,React 和 JS 原生事件监听`addEventListener`混用了,因此发现了一个现象:React的阻止冒泡并没有阻止原生JS监听的事件触发。下面代码的输出是(代码链接:https://codepen.io/Lik_Lit/pen/OJLROMW)“root click”“inner dom click”“document c......原创 2019-08-20 14:45:05 · 8884 阅读 · 7 评论 -
Struts2文件下载小例子
项目补充了一下,需要从服务器上下载文件(效果如下图),来maker一下。1.后台JAVA代码 //省略这两个参数的get set 方法 private InputStream downloadFilePath;//下载文件流 private String downloadFileName;//下载文件名 /** *TODO(根据路径下载pdf) *@p原创 2017-09-01 15:36:05 · 575 阅读 · 0 评论 -
微信小程序,使用scroll-view实现下拉加载更多(下一页)源码
maker一下使用scroll-view实现下拉加载更多(下一页),比较粗糙,如下图。 由于数据是死数据,只能加载一次(如图)。源码下载:http://download.csdn.net/download/dknightl/9922174 下拉逻辑由scroll-view里的bindscrolltolower参数实现。 判断是否可以下拉由当前页数和总页数比较判断wxml<!--inde原创 2017-08-05 16:08:59 · 9121 阅读 · 1 评论 -
微信小程序页面使内容充满整个屏幕(高度、宽度100%),并使内容水平和竖直都居中
很多时候,我们会希望将内容充满整个屏幕(高度、宽度100%),如下图 代码如下wxml页面代码 <view class="empty_tip "> <image class="" src="../../image/empty_cart.png" mode="widthFix"></image> <view class="classname">购物车竟然是空的</v原创 2017-07-28 09:36:05 · 75306 阅读 · 2 评论 -
JS调用父页面的DIV,Ipunt等等属性(适用于父页面包含子页面)
有些时候我们需要从子页面调用父页面的属性,比如input的value等等。如图:一个html文件的body包含另一个html文件。 思路:先在父页面写好获得该属性值的方法,使用window.parent. 调用父页面方法,用return返回属性. //子页面方法 function getCloseModuleWin(){ console.l原创 2017-04-13 18:34:41 · 1238 阅读 · 0 评论 -
input(输入框)根据id获得焦点(focus)事件无效解决方案
根据id不能使文本框获得焦点,可以用下列方法试一下原创 2017-04-04 20:56:40 · 6026 阅读 · 1 评论 -
EasyUI DataGrid DetailView(数据表格详细展示带子表格)
Mark一下EASY UI 的数据表格详细展示使用记录。 第一步:创建页面布局 这一步主要是引用Easy UI的JS,除了easyui.min.js还有datagrid-detailview.js原创 2017-03-31 14:21:39 · 9515 阅读 · 1 评论 -
easyui 数据表格行内编辑(编辑、保存、删除)
easyui 数据表格行内编辑(编辑、保存、删除)原创 2017-04-04 18:32:42 · 2719 阅读 · 0 评论 -
Java笔记
JAVA笔记 ,调用方法原创 2017-02-25 20:57:42 · 433 阅读 · 0 评论 -
easyui笔记
easyui行编辑取消选中行原创 2016-12-16 17:21:45 · 747 阅读 · 0 评论 -
flawchart.js笔记及语法
flawchart.js语法跟markdown流程图的语法很像。我也是查看网上资料的,参考链接在这:http://blog.csdn.net/aizhaoyu/article/details/44350821#comments//定义元素st=>start: 开始|past:>http://www.google.com[blank]e=>end: 结束:>http://www.google.co原创 2017-03-18 21:06:21 · 1468 阅读 · 0 评论 -
SSH笔记
Hibernate操作中间表(操作实体集)stust2原创 2017-03-03 15:36:33 · 630 阅读 · 0 评论 -
easyui子窗口(window)中关闭当前窗口,子页面关闭当前tab
easyui中,我们经常需要在创建的窗口window中关闭当前窗口,或者tab的子页面中关闭当前tab页面。下面给出方法(此方法只适用于一次父子嵌套)。子窗口页面(window)中关闭当前窗口//子页面JS方法function getCloseModuleWin(){ console.log(window.parent.closeModuleWin()); }//父页面JS方法原创 2017-04-13 19:17:47 · 15556 阅读 · 0 评论 -
JavaSript oncilck错误:Unexpected end of input
这个错误是由于onclick传的参数带的双引号与onclick控件的双引号冲突了解决: replace(/\”/g,”’”)将参数的双引号转化成单引号原创 2017-04-06 17:14:59 · 766 阅读 · 0 评论 -
JavaScript onclick传递对象参数(easyui传递一行数据时)错误:uncaught SyntaxError: Unexpected identifier
博主遇到的是用onclick传递对象参数时(easyui传递一行数据时),会报Sncaught SyntaxError: Unexpected identifier错误。 经查,onclick(对象)这种传递对象形式里面的对象会变成onclick([object Object])。解决方法:将json字符串的双引号转换成单引号就行了思路: JSON.stringify().replace(/原创 2017-04-06 17:11:50 · 5625 阅读 · 0 评论 -
微信小程序引用同一js文件中的方法函数(function)
在小程序的js文件中,有时候我们也要复用同一js的一个或多个方法。微信小程序引用同一js文件中的方法函数(function)原创 2017-07-27 20:03:13 · 44466 阅读 · 0 评论 -
微信小程序点击移除添加class(点击改变背景颜色和字体颜色)
微信小程序不允许DOM操作,所以不能用addClass这种方法,我的用法如下。 点击元素后,获取元素中data-select值,赋值给catalogSelect,然后判断二者是否相等,一样则添加class(class的css可以先写好)。 <!--页面--> <view class="info_choose "> <view class="catalog_name原创 2017-07-25 14:30:12 · 27570 阅读 · 11 评论 -
iText7初步使用:生成简单的pdf文件
工具类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;原创 2017-06-12 16:46:33 · 2000 阅读 · 0 评论 -
iText7彻底解决中文问题、特殊字符(如......省略号报错问题,其他的自测)
com.itextpdf.kernel.font.PdfType0Font.getCidFontType2(PdfType0Font.java:720)iText7彻底解决中文问题、特殊字符(如......省略号报错问题)原创 2017-06-13 17:08:25 · 14856 阅读 · 0 评论 -
JAVA全部消除HTML标签/消除部分HTML标签
正则表达式消除 /** * 消除HTML标签 * @param content 需要解析的文本 * */ public String ParseContent(String content){ String regex = "<[\\s\\S]*?>";//去除所有HTML标签(<>之间的内容全去除) String reg原创 2017-06-07 20:49:17 · 766 阅读 · 0 评论 -
Java 使用iText7生成带页码的PDF文件(同时生成目录,但是不会合并两个PDF)
一、效果图1.带页码效果2.目录效果前言:Java 使用iText7生成带页码的PDF文件,同时生成目录PDF,但限于水平,暂时还在摸索合并两个PDF。不过看了一下,iText好像有生成目录的代码,可以查看我另一篇博客我copy了一份说明QAQ。点击这里可下载源码二、实现代码 1.PDFUtil.java(添加标题、锻炼辅助类)package test.hui;import java.io.原创 2017-06-16 17:42:09 · 7849 阅读 · 3 评论