
web前端
酒铺里的奶橘猫
在IT世界里,只有0和1
展开
-
DOM操作
DOM(Document Object Model) 当网页被加载时,浏览器会创建页面的文档对象模型 DOM树 DOM节点12个(*常用) ELEMENT_NODE 1 元素节点 * ATTRIBUTE_N原创 2017-03-07 08:48:13 · 255 阅读 · 0 评论 -
BOM操作
window对象 document 对 Document 对象的只读引用。 navigator 对 Navigator 对象的只读引用。 screen转载 2017-03-07 08:50:12 · 402 阅读 · 0 评论 -
JS常用函数和方法
1.输出语句:document.write("");2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中转载 2017-03-07 08:51:11 · 356 阅读 · 0 评论 -
常用正则表达式
常用正则表达式合集:验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零的正整数:^\+?转载 2017-03-07 08:52:31 · 392 阅读 · 0 评论 -
JS常用事件
A篇: (10)一般事件。 (11)页面相关事件。 (2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。 (3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如: (4)获得焦点事件:onfocus。用户单击text或textarea转载 2017-03-07 08:53:42 · 445 阅读 · 0 评论 -
网页资源加载动画
script> var _LoadingHtml = "拼命加载,请稍等..."; document.write(_LoadingHtml); document.onreadystatechange = completeLoading; //加载状态为complete时移除loading效果 function completeLoading() {原创 2017-07-10 15:58:31 · 441 阅读 · 0 评论 -
3D\X20视差效果
html>html lang="en">head> meta charset="UTF-8"> title>title> style> .avatar { width: 300px; height: 300px; margin: 50px auto; back原创 2017-07-10 16:58:47 · 381 阅读 · 0 评论 -
gulp项目打包
在打包工具中最简单实用的打包工具还是gulp,gulp打包 的应用平台基于node.js ,我们先看看一个基本的静态资源路径。使用gulp 之前我们需要安装node.js通过npm install gulp -g (全局安装)npm init 进行初始化npm install gulp --save-dev (项目中实用gulp) 4.在根原创 2017-06-23 11:29:51 · 580 阅读 · 0 评论 -
vue项目开发之proxyTable 解决开发环境的跨域
在实际项目开发过程中vue cli自带的服务器,但是我们实际要去请求我们的数据接口,服务器与服务器之间产生了一个代理跨域问题,我们需要修改自带服务的配置。在config 中的index文件中,有一个proxyTable参数参数修改如下:proxyTable: { '/list': { target: 'http://rap.didoxy.com/mock原创 2017-06-09 17:32:16 · 39675 阅读 · 1 评论 -
js实现对象-数组-字符串之间的相互转化
js实现对象-数组-字符串之间的相互转化对象-数组-字符串: 例如: var data = { user:”userName”, pass:”12121” };//这是一个对象 如果要给这个data 对象追加一个属性就比如: new Date( ).getTime( );//获取当前时间转载 2017-07-05 09:56:41 · 550 阅读 · 0 评论 -
js中的三种循环(forEach、each、map)
三大循环使用forEach、map是ECMA5中引入的但是IE9以下版本不支持可以从Array原型扩展可以实现以上全部功能,例如forEach方法:if (typeof Array.prototype.forEach != "function") { Array.prototype.forEach = function() { /* 实现 */ };} //forEac原创 2017-03-09 09:25:08 · 21880 阅读 · 0 评论 -
ie浏览器,get请求缓存
在vue项目中开发,遇到ie请求数据缓存问题,就是当你数据修改的情况下,在次进行数据请求的时候会发生,数据缓存不会去请求服务器数据,一脸懵b。经过多方的求证,终于得到一个最正确的解决方案。get获取数据,因发送参数和地址都一致,导致IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,则不会产生这个问题。为了不受缓存影响,可以这样做: 1.IE访问策略: Internet选项原创 2018-01-18 17:15:44 · 2048 阅读 · 0 评论 -
时间封装
/** *时间段封装 * * @param {str} 时间 * @return {result} 时间字符串 * */function commonDateAgo(str){if(!str)return;var now = new Date().getTime(),past = Date.parse(str.replace(/-/gi,"/")),diffValue原创 2018-01-30 11:29:09 · 385 阅读 · 0 评论 -
slider滑动幻灯片
观察各类轮播组件,我们不难发现一个功能完善的组件具备如下几个特点:前进后退按钮控制单张幻灯片索引按钮可以直接选择某张幻灯片mouseover 可取消滑动,mouseout 恢复滑动部分幻灯片支持无限滑动支持手势操作一般原理我们本次的幻灯片是滑动式幻灯片,观察不难发现多张幻灯片其实是连续的,但我们却只能看见一张幻灯片,其它的幻灯片其实是被隐藏掉了。说起隐藏我们想起一个属性 overflow:hidd转载 2017-03-08 20:18:45 · 1101 阅读 · 0 评论 -
JavaScript在ES6 中的 Set、Map
ES6 新增了几种集合类型,简单介绍 Set、Map着两个类型,比较新的 Firefox、Chrome(需要在 about:flags 启用实验性 JavaScript)以及 IE11 都有不同程度的实现。Set 是 ES6 新增的有序列表集合,它不会包含重复项。Set和Map类似,也是一组key的集合,但不存储value。由于key不能重复,所以,在Set中,没有重复的key。之前我原创 2017-01-13 09:31:18 · 430 阅读 · 0 评论 -
JavaScript中null和undefined的区别
null表示"没有对象",即该处不应该有值。典型用法是:(1) 作为函数的参数,表示该函数的参数不是对象。(2) 作为对象原型链的终点。undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:(1)变量被声明了,但没有赋值时,就等于undefined。(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。(3)对象没有赋值的属原创 2017-01-12 21:25:53 · 219 阅读 · 0 评论 -
基于MVC模式的JavaWeb
MVC设计模式是目前使用得比较多的一种设计模式,最早出现在Smalltalk中,后来广泛应用于Java Web 应用程序中。Model(模型)表示业务逻辑层,View(视图)代表表示层,Contraller(控制器)代表控制层!在Java Web应用程序中,View部份一般用JSP和HTML构建。客户在View部份提交请求,在业务逻辑层处理后,把处理结果又返回给View部份显示出来。因此,View转载 2016-03-21 19:46:35 · 841 阅读 · 0 评论 -
JAVAWEB Session 总结
、Session简单介绍 在WEB开发中,服务器可以为每个用户浏览器创建一个会话对象(session对象),注意:一个浏览器独占一个session对象(默认情况下)。因此,在需要保存用户数据时,服务器程序可以把用户数据写到用户浏览器独占的session中,当用户使用浏览器访问其它程序时,其它程序可以从用户的session中取出该用户的数据,为用户服务。二、Session和Cookie的主转载 2016-03-21 18:21:52 · 324 阅读 · 0 评论 -
MySQL语句链接
http://www.cnblogs.com/mr-wid/archive/2013/05/09/3068229.html转载 2016-03-23 08:10:38 · 298 阅读 · 0 评论 -
web前端之HTML标签分类
在CSS布局之前,需要知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、一、块级元素什么是块级元素?在html中、 、、、 和 就是块原创 2016-11-13 10:15:41 · 4144 阅读 · 0 评论 -
web前端之HTML中的常见特殊符号
HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 ´´©©>>µ&m转载 2016-11-13 10:26:26 · 6361 阅读 · 1 评论 -
web前端之HTML中a标签锚点
1. 在同一页面中[html] view plain copy print?a name="add">a> a href="#add">跳转到adda> 2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点[html] view plain cop转载 2016-11-13 10:37:40 · 3988 阅读 · 0 评论 -
web前端之css选择器
css选择器的使用参考网址:456 Berea Street一、基本选择器序号选择器含义1.*通用元素选择器,匹配任何元素2.E标签选择器,匹配所有使用E标签的元素3..infoclass选择器,匹配所有class属性中包含info的元素转载 2016-11-13 10:44:04 · 335 阅读 · 0 评论 -
web前端之javaScript 循环总结
js原生的循环有两种,一般的for循环和for...in循环。还有一种常用jQuery.each()循环。一. js原生循环a. for循环,代码如下:var myArray = [1,2,3];for (var i = 0; i console.log(myArray[i]);};console:1,2,3b. for...in转载 2016-11-16 20:09:03 · 501 阅读 · 0 评论 -
web前端之轮播实现自动播放。
*{ padding: 0px; margin: 0px; font-family: "微软雅黑", "宋体"; } body{ position: relative; } #box{ overflow: hidde原创 2016-11-30 09:00:32 · 4079 阅读 · 0 评论 -
bootstrap轮播HTML代码
div id="carousel-menu" class="carousel slide" data-ride="carousel"> //小圆点 ol class="carousel-indicators"> li data-target="#carousel-menu" data-slide-to="0" class="">li> li data原创 2016-12-10 16:25:34 · 586 阅读 · 0 评论 -
web前端之JavaScript,调用函数的5种方法
JavaScript,调用函数的5种方法 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性, 当我们选择面对它的时候,这将成为我们前进的阻碍. 作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那些函数与C#中函转载 2016-11-18 09:20:02 · 7022 阅读 · 0 评论 -
servlet中请求转发(forword)与重定向(sendredirect)的区别
servlet请求转发与重定向的区别:request.setAttribute("test","hello");request.getRequestDispacther("/test.jsp").forword(request,response); response.sendRedirect("test.jsp");一、显示结果:1、当用requ转载 2016-03-18 20:34:43 · 741 阅读 · 0 评论 -
jQuery之滚动条触发
$(".role").click(function () { console.log("nvnv"); $("body").animate({ scrollTop:650 }, 1000);});原创 2016-12-11 11:08:01 · 885 阅读 · 0 评论 -
jQuery遍历函数
jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()原创 2016-12-08 13:35:56 · 232 阅读 · 0 评论 -
web前端之用js控制导航栏与副导航栏的切换
首先要具备js的基本知识:id、className、Tagname、name的获取和循环。在点击图标中引用了font-Size;从图标库中获取代码。http://www.iconfont.cn/plushtml>html>head lang="en"> meta charset="UTF-8"> title>title> style> *{原创 2016-11-25 23:55:14 · 2488 阅读 · 0 评论 -
servlet转发(forward)
Servlet可以将发送给自己的请求转发给另一个URL地址,这个URL地址可以是html、jsp、servlet或其他的http地址。Servlet中的请求转发有三种形式,主要是通过HttpServletRequest对象和HttpServletResponse对象实现。Java代码 public void service(HttpServletRequest reques转载 2016-03-18 20:36:46 · 947 阅读 · 0 评论