yovven的博客

原创 js操作剪切板的内容，兼容ie、chrome、firefox

一、复制粘贴和剪切事件IE，firefox，chrome浏览器都有剪切板事件（ClipboardEvent）：oncopy复制，onpaste粘贴，oncut剪切.当需要禁止这些行为时，只需要在这些绑定事件中return false；即<input oncopy = "return false;"/><input onpaste = "return fals...

原创 浏览器禁止双击选中内容背景为蓝色

事件控制：onselectstart="return false;" //for ie or chromecss样式控制：user-select:none; //for chrome-moz-user-select:none;//for firefox

原创 常用ASCII码表

ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 0 NUT 32 (space) 64 @ 96 、 1 SOH 33 ! 65 A 97 a 2 STX 34 " 66 B 9...

原创 ie6/7不支持块级元素display:inline-block属性的兼容

原文来自：IE6/IE7下：inline-block解决方案IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象的内容作...

原创 ihs服务器设置跨域请求头

其实和apache一样，参照apache 设置允许跨域1.首先找到httpd.conf文件2. 找到 #LoadModule headers_module modules/mod_headers.so把#注释符去掉（也有可能已经默认去掉了），目的是开启头信息自定义模块3.查找 DocumentRoot "/ihs/webapp/resources"，这里是存放资源的路径，...

原创 iconfont

老早传统的“图标”是一个个的图片组成，iconfont是阿里的一套图标库，而iconfont则是把图标当成一种字体的方式来处理。之所以可以这样处理，是因为 css3 的一个语法@font-face ，它可以自定义字体，因此只需要把图标转换成相对应的字体文件，通过@font-face指定字体文件定义字体，然后就可以像使用普通字体一样使用图标了，使用过程中可以通过unicode或者@font-clas...

原创 知识细碎

1.jquery的width()方法可以覆盖元素上style定义的样式属性；2.ie6下，width：auto的情况下，overflow:scroll失效，有滚动条框占位，但是没有滚动条，需要设置width：100%...

原创 grafana插件开发--diagram快速改造

Grafana是一个美观好用且开源的监控展示工具，包含了丰富的插件供君使用（插件库：https://grafana.com/grafana/plugins）一准备1.安装grafana，win开发在官网上下载相对应版本包，解压，运行bin/grafana-server.exe启动grafana，默认访问localhost:3000即可（也可以在/conf/default.ini中修改端口号...

原创 前端跨域请求-403

1.angular前端跨域请求this.$http({ method: 'POST', url: Url, data:param, headers: { 'Access-Control-Allow-Origin':'*','Content-Type':'application/json;charset=UTF-8'} })...

原创 原生html5的 input[type="date"]默认样式修改

参考：https://blog.csdn.net/itwangyang520/article/details/82464764​​​​​​​​​​​​​​/*----------用来移除向下箭头----------*/input[type="date"]::-webkit-calendar-picker-indicator { display: none;} /*-------...

原创 mermaid中节点文本换行

1.换行：在文本中使用<br />进行分隔eg：A((This is the <br />text<br /> in the circle))issues：https://github.com/knsv/mermaid/issues/384

原创 IE6,7,8下关于 'JSON未定义' 的报错问题

今天发现使用JSON.parse()在 IE6、7会报这样的错误：'JSON未定义'。查了一圈，JSON.stringify()/JSON.parse()在 IE6、7、8下都有兼容问题.，现在记录一下。起因：JSON是包含在JScript 5.8中，而为了向下兼容ie8只有在文档模式是”Internet Explorer 8 Standards”的时候才使用JScripte 5.8,...

原创 使用thymeleaf在springboot中访问HTML页面

1.在pom.xml中引入thymeleaf包&lt;!-- 在SpringBoot中访问HTML的依赖 --&gt; &lt;dependency&gt; &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt; &lt;artifactId&gt;spring-boot-starter-thymele...

原创 使用maven快速建立一个springboot项目

快速建立一个springboot项目工具：STS1.在STS新建一个maven项目，new-&gt;maven project2.在pom.xml中加入springboot的相关依赖//和propertise同级&lt;parent&gt;  &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;  &lt;artifact...

原创 关于IE6，7,8的一些兼容（莫名其妙）问题

以下是一些开发过程踩过的坑，因为以后还要继续和IE6做斗争，因此记录一下以便往后参考。1.定义对象时，最后一个变量或属性之后一定不要加逗号"," ！！！2.不支持字符串的trim(）方法。这是JS版本的问题，IE9以下和chrom10以下都不支持。function myTrim(x) { return x.replace(/^\s+|\s+$/gm,'');}原生自己写。--------...

原创 !!非null，非undefined，非空，非空格的字符串验证 。

a=null; b=undefined; c=""; d=" "; //字符串只有空格1.当只采用逻辑非运算“！”时，结果如下：!a //true!b //true!c //true!d //false！可将变量转换成boolean类型，null、undefined和空字符串取反都为true，其余都为false。2.采用!!，双重否定变肯定，和！相反。!!a //f...

原创 STS的一些快捷使用方法

一、自动生成get/set方法1.点击一下所要生成变量所属的类的编辑页面，即确认你要生成的是属于哪个类的。2.点击Source-&gt;Generate Getters and Setters...-&gt;勾选变量-&gt;OK二、设置新建文件模板  打开Window-&gt;Preferences-&gt;Java-&gt;Code Style-&gt;Code Templates三、常用快捷...

原创 利用CSS设置背景图片不显示的问题

用CSS写背景图片，background-image:url("1.jpg"); 但是一直都不显示图片，只有原本写好的div的边框。一般不显示都是路径写错的问题，（图片的相对路径是指相对于写这条css语句的文件）但是我的路径没错，发现整个div除了边框爱可以看到一点图片上的绿色，于是给加了个高度，诶可以了！这种低级错误....写下来提醒一下自己。给块级元素写背景图片一定要设置元素的高度，也

原创 网易测试实习生面试

红红火火，恍恍惚惚地被刷了！起初是在网站投的简历，本来是想找前端的，后来看到网易招测试，就投了，（其实自己之前也有在犹豫要不要转测试））没想到过了几天被通知面试了。一面大概预约了五天后面试，所以也提前去准备了测试的相关知识，还有数据结构和操作系统的基础知识（但是没问到）。面试官是测试部门的，挺直爽的面试官，整个面试一个小时多一点，大概可以分为三个部分。一、基础知识考察。自我介绍以后，就询问了我

原创 vue开发环境搭建