前端技术
关注
分享
扫一扫
lBovinl
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
页面加载之ready和load
*、搞前端页面的同事问我在jsp页面的ready函数中调用的函数没有生效，因为该函数中还调用了其他函数，但是并非显示调用，但在load方法中却生效了，于是我向度娘虔诚的咨询了一下，得到了如下指引：DOM文档的加载步骤： 1.浏览器会先解析静态的html结构如head body等html标签 2.当html结构加载完成我们需要渲染页面使其美观，因此此时需要加载各种样式表...原创 2018-08-27 15:25:57 · 405 阅读 · 0 评论 -
json之初识
*、如何转成json对象http://www.cnblogs.com/houdj/p/5885234.html *、字符串中的需转义字符http://blog.youkuaiyun.com/hollboy/article/details/8504623原创 2017-07-14 09:47:44 · 158 阅读 · 0 评论 -
html鼠标跟随
*、学习写了一个能够实现鼠标跟随的小demo，其中还有速度的控制以及超出页面后的处理哦~ 详见源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html x...原创 2017-01-08 14:48:38 · 315 阅读 · 0 评论 -
jsp之image操作
*、jsp操作imagevar img = new Image();img.onload = function() {//加载完之后}img.onerror = function() {//加载失败后}或者img.src=url实现预加载 *、jsp中将img居中的另一种思路图片居中-个人照片模块-实现思路ul-li-img ...原创 2017-01-08 14:45:11 · 735 阅读 · 0 评论 -
Html5第一步：资源搜集
*、昨天突然有朋友想要学习Html5,然后问我能不能教他，我深思熟虑了下，有这个时间不如给他推荐一些在线资料，毕竟他需要打基础，废话不多说，资料如下：h5基础及入门http://www.51zxw.net/list.aspx?cid=540h5进阶http://down.51cto.com/zt/3171#或http://www.howzhi.com/course/976/...原创 2017-01-08 14:44:26 · 153 阅读 · 0 评论 -
js涉及工具函数
*、js正则之去除html标签及其空行等空字符function removeHTMLTag(str) { str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白 str = str.replace(/\...原创 2017-01-06 16:14:29 · 146 阅读 · 0 评论 -
百度的Ueditor
var editor = new baidu.editor.ui.Editor({ textarea : 'ueditorvale'//后台可以接收这个变量}); 使用百度的Ueditor富文本编辑器流程第一步：引入js <script type="text/javascript" src="......jquery.min.js"></scr...原创 2017-01-06 16:07:47 · 156 阅读 · 0 评论 -
html之iframe
*、iframe之获取父页面元素第一种：$(selector,window.parent.document).......该方法比普通选择器多了一个参数即父页面对象！第二种：$(window.parent.document).find().....该方法是首先获取父页面的document对象！ 2. jquery在父页面获取iframe子页面的元素$(selecto...原创 2017-01-06 15:53:56 · 145 阅读 · 0 评论 -
java之请求乱码
*、解决java请求乱码三步走之一在request.getParameter("param");前需要加request.setCharacterEncoding(charset);在PrintWriter p = request.getWriter();前需要加response.setCharacterEncoding(charset); *、解决java请求乱码三步走...原创 2017-01-04 11:11:04 · 197 阅读 · 0 评论 -
img之灰度兼容
*、项目中遇到一个图片需要灰度处理的需求。 于是乎，开发第一阶段实现方案是：.gray { -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); ...原创 2017-07-21 11:58:30 · 336 阅读 · 0 评论 -
浏览器烦人的小横条
*、在项目开发中遇到一个问题，页面底部始终多出一条奇怪的横条（背景色），找了很多因素：猜想1：原以为是页面中标签的高度没有超过页面一屏的高度导致，但是设置高度后依旧有最后的背景横条；猜想2：会不会是margin或者padding的元素导致的边距造成的，但是查看了页面元素没有这个设置（这个猜想我也觉得有点不靠谱，哈哈）；猜想3：这个本来是没想到的，只是抱着试试看的心态，因为发现一个标...原创 2017-08-31 16:24:55 · 302 阅读 · 0 评论 -
去除html标签
*、去除html标签//去掉字符串中html代码 public static String delHTMLTag(String htmlStr){ String regEx_script="<script[^>]*?>[\\s\\S]*?<\\/script>"; //定义script的正则表达式 String...原创 2017-09-08 16:56:28 · 203 阅读 · 0 评论 -
Html之滚动吧DIV
*、上司布置了一个新的任务，要展示一篇超出页面内容的段落文字，要实现隐藏多余部分且要看的时候再展示出来，（最好动态展示并且可以收缩的功能，注意实现动画效果）括号里是我自己加上去的，O(∩_∩)O哈哈~。 *、首先梳理下DIV高度变化知识点（其实已经完成了，就在附件里）$("#divId").css("height");获取高度$("#divId").css("height",v...原创 2018-03-22 15:54:08 · 189 阅读 · 0 评论 -
Html之我不想让你做什么
*、在访问一些网站的时候，我想复制一些内容，但是发现该网站做了一些小动作禁止用户比如右键和选择的功能，于是乎作为一个爱钻研的人儿，嘿嘿，我发现了以下解决方案，仅供参考哦~ *、禁止右键一般是事件document.oncontextmenu=function(e){return false;};解决方案是：利用像tampermonkey这样的工具改写该事件即可如：docu...原创 2018-03-13 15:51:53 · 150 阅读 · 0 评论 -
网站静态化知识点梳理
*、在进行网站静态化开发时，对于系统中引入的页面也想实现以引入html方式，这样当被引入的页面发生改变时，不需要对所有引用页面进行静态化，而只需要进行被引入页面的静态化即可。案例：jquery动态加载html页面之loadhttp://www.360doc.com/content/15/0610/14/18139076_477138156.shtml *、网站静态化核心之一：发...原创 2017-11-27 17:33:00 · 178 阅读 · 0 评论 -
html标签内容超出怎么办
*、经常遇到标签内容超出，使用字符长度显然不合适，于是想到了css来处理.showbypoint { width:450px;//必须限制长度 display:inline-block;//若想生效必须有block,若想和其他元素同一行必须有inline overflow:hidden;//超出部分隐藏 word-break:keep-all;//单词完整性...原创 2017-11-23 16:16:25 · 781 阅读 · 0 评论 -
前端浏览器兼容优化
*、真的有用，在相应的浏览器版本中写下指定样式即可。.test{ /* 1. *//* color:#09F\0; 以前是IE8/9, 现在10也支持 */color:#09F\0/; /* 以前是IE8 only, 现在IE9/10也支持. 如要排除IE9需要使用下面的rule重设IE9样式 */}@media all and (min-width:0) { /* 2. ...原创 2017-10-09 17:37:46 · 239 阅读 · 0 评论 -
chrome新版本(60以上)出现uploadify控件失败
*、chrome新版本(60以上)出现uploadify控件失败小故事： 刚开始这个问题出现的时候我真的很郁闷，chrome在我的印象中（不喜勿喷，但求指教）的兼容性应该是浏览器中较好的那个，怎么IE，360，火狐都支持的情况下，他就不行呢？于是各种猜想如jquery控件版本太低，jquery本身版本较低，有人动了我的代码等等等等。。。 冷静过后我开始虚心求...原创 2017-09-28 18:26:28 · 463 阅读 · 0 评论 -
前端在线播放flv视频
*、由于项目需要，总结了一下在线播放flv视频的方法，源码仅供参考。 *、后续会根据需要继续更新，等待ing~原创 2017-09-18 16:08:56 · 2306 阅读 · 4 评论 -
html之同时打开多个窗口
*、js浏览器同时打开多个html页面窗口1、open函数第二个参数不同即可。http://www.iteye.com/problems/19431方法1会弹出拦截警告，所以有了方法22、先打开一个blank页面，然后aja成功后再赋值href即可http://www.cnblogs.com/chris-oil/p/4205517.html ------------...原创 2017-09-08 17:31:50 · 2370 阅读 · 0 评论 -
html之表格|标签细节
*、table之td的内容不换行技巧css样式：white-space:nowrap; *、textarea出现多余的空格造成的影响textarea会将中间的所有字符包括换行等等作为内容所以注意代码风格规范 *、tr添加边框属性tr添加边框属性先table{ border-collapse:collapse }再设置tr{border:1px solid red}...原创 2017-01-04 10:10:56 · 120 阅读 · 0 评论 -
jquery-ui->dialog
*、jquery->dialog基础之打开功能$("#id").dialog("open"); *、jquery->dialog基础之关闭功能$("#id").dialog("close"); *、jquery->dialog基础之按钮功能$( "#id" ).dialog({ buttons: { "按钮显示名原创 2017-01-03 13:50:17 · 169 阅读 · 0 评论 -
html之你挡着我了
*、错误实例 描述：页面缩放到手机屏幕大小时带有超链接的文字无法被选中导致无法被点击 解决方案：具体解决方案及其源码详见附件！<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv=&qu原创 2016-12-30 12:08:26 · 168 阅读 · 0 评论 -
html之不完整标签的遭遇
在html或jsp等前端页面上要对出现html标签的地方敏感一点因为一旦页面上出现不完整的html标签那么你的页面就会崩溃从而导致你手足无措我曾遇到一个问题是之前系统页面没有问题，数据本身也没有问题但导入新的数据之后，html页面就是无法正常显示，非常崩溃然后想到jsp的页面有个别模块是从文本中提取一段可能带html标签的文本进行显示而该文本又是随机截取定长字符那么问题...原创 2017-04-12 15:23:21 · 599 阅读 · 0 评论 -
jsp之修改无效why
*、jsp页面修改始终无法展示相应内容tomcat中的文件肯定是历史文件或webapp路径有问题确认webapp配置路径无误，那么久清空一切清空一切清空一切重新编译 ...原创 2016-12-02 17:29:02 · 256 阅读 · 0 评论 -
jsp头部小知识
*、<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>表示本页面的页面类型html,所采取的编码格式UTF-8 *、<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />表示服务器向原创 2016-12-01 16:56:37 · 346 阅读 · 0 评论 -
jsp页面“更多”和“收起”
*、jsp页面上有时不想显示过多内容，此时可以选择先显示N条，然后点击触发按钮从而显示更多内容，实现原理是第一次加载就置于页面的隐藏区域内，当点击触发按钮时进行显示和隐藏操作即可，jsp页面实现代码如下://带表格的页面代码示例(显示前五行，隐藏后面的)：<table width="100%" border="0" cellspacing="0" cellpadding="0"&...原创 2016-11-14 11:35:10 · 506 阅读 · 0 评论 -
jsp之获取域名
*、jsp页面上通过request获取域名 String contextPath = request.getContextPath(); StringBuffer url= request.getRequestURL();String head=headerReferer.substring(0,url.indexOf(contextPath)+contextPath....原创 2016-11-11 17:38:21 · 2065 阅读 · 0 评论 -
EL之函数基础
*、使用el判断是否包含某些字符 <c:if test="${fn:contains(s1,'s2')}"> 如果s2在s1中出现，返回true，反之是false</c:if> 备注：contains中的s2是用单引号包裹的，切记切记单引号和双引号的使用 *、...原创 2016-11-11 17:35:04 · 154 阅读 · 0 评论 -
html之表格
以下html代码纯属娱乐，非喜勿喷~<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"><html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" c原创 2016-10-28 11:57:44 · 127 阅读 · 0 评论 -
PS之抠图
1、五种抠图方法http://www.360doc.com/content/11/0808/14/7405839_138900035.shtml 2、方法更丰富http://www.68ps.com/zt/koutu/原创 2014-12-31 15:58:30 · 155 阅读 · 0 评论 -
js之dialog运用三部曲
$.dialog使用须知第一步：引入js<script type="text/javascript" src="artDialog/jquery.artDialog.js?skin=idialog"></script><script type="text/javascript" src="artDialog/plugins/iframeTools.js.原创 2017-04-14 15:55:17 · 1046 阅读 · 0 评论 -
js之ajax一步到位
*、ajax调用语法$.ajax({//ajax异步获取数据 type:'POST',//请求方式 dataType:'json',//返回数据格式，若该格式不指定为json那么下面获取的data数据仅是普通的字符串 url: '<%=request.getContextPath()%>/yourAction.do?method=yourmethod&cur...原创 2017-04-14 16:04:47 · 122 阅读 · 0 评论 -
js,el,java变量互相访问
*、js代码中若想像el表达式那样使用变量：function demo() { var args = '${obj.temp}'; //其中obj为后台setAttrbute()中的对象，而temp则为其变量名称} *、js代码中若想使用java变量或代码function demo() { var args = '<%= req...原创 2017-04-14 17:33:34 · 154 阅读 · 0 评论 -
Css自娱自乐
*、以下纯属自娱自乐，O(∩_∩)O哈哈~<!DOCTYPE html><html><head> <title>Css小娱乐</title><style>.div_egg { width: 100px; height: 50px; background-color...原创 2016-12-29 15:57:46 · 143 阅读 · 0 评论 -
node.js之启动监听
--该代码是nodejs启动时的一段。--代码注释尚未补全，已有注释不当之处还望不吝赐教/** * Module dependencies. */var app = require('../app');var debug = require('debug')('untitled:server');var http = require('http');/*...原创 2016-12-29 15:57:17 · 679 阅读 · 0 评论 -
node.js之Bug集结
*、Error: Can't set headers after they are sent.第一种：node.js采用异步响应机制，故res.send()若出现多次那么会出现上一个响应流已关闭从而造成异常解决方案是注释掉多余的res.send();第二种：跟踪具体代码将setHeader();出错的那一行注释即可，此法有潜在危险，慎重选择 *、Failed to lo...原创 2016-12-28 14:40:39 · 162 阅读 · 0 评论 -
node.js环境搭建
*、node.js下载路径http://nodejs.cn/download/orhttps://nodejs.org/en/(推荐) *、node.js安装此处省略N个字 *、node.js测试详见附件中的readme.txt --------------------------------------------------资源小链接-----...原创 2016-12-28 13:28:29 · 112 阅读 · 0 评论 -
鼠标滚动保留去除滚动条
*、有时候出现的滚动条真的好难看，尤其是美工不在，而你又想保留鼠标滚动而去除掉难看的滚动条时，你可以这样做： *、页面结构<div> <ul > <li >1</li> <li >2</li> <li >3&原创 2017-05-13 19:56:43 · 252 阅读 · 0 评论 -
chrome身上的小问题
*、chrome上z-index无效时你会怎么办我：查看z-index的position是否是relative即先定位灵感来源：http://www.etwiki.cn/css/3030.html *、chrome上若有图片资源可以鼠标拖动（其实不止chrome,O(∩_∩)O哈哈~）chrome和ie亲测可用：body添加ondragstart="return false...原创 2017-05-12 18:32:59 · 185 阅读 · 0 评论