- 博客(42)
- 资源 (14)
- 收藏
- 关注
原创 css 一些会用到的小技巧
1.文字单行溢出显示省略号:.over-hide{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }2.文字多行溢出显示省略号.over-hide{ display: -webkit-box; -webkit-box-orient: vertical; -w
2017-03-06 18:37:42
477
原创 js 正则表达式
本来打算昨天复习正则表达式,然后整理一下的,结果昨天看了一天的bootstrap,,就没复习正则,今天整理一下吧~~教程是在菜鸟教程看的,感觉挺棒的~这是网址:http://www.runoob.com/regexp/regexp-tutorial.html正则表达式基本语法1.非打印字符、2.特殊字符 需要注意的是要使用这些特殊字符,必须先进行转义。3,限定符4.定位符5.元字符元字符有很多,就不
2016-11-10 19:05:14
718
原创 前端面试题总结--1 JS篇
妹子就要找工作了,所以时候要研究一下面试题,总结一下,查缺补漏。所以要开始搜刮各种的面试题做练习啦~~1.JS中DOM节点操作,添加,删除,插入,查询,创建,复制节点 //1.创建节点 document.createElement();//创建一个新元素 document.createTextNode();//创建一个文本节点 //2.查
2016-11-08 18:14:24
4604
4
原创 用canvas画一个时钟
昨天过了一遍canvas的基本用法,今天来写个小小的案例练练手吧。用canvas 画一个时钟,效果图如下:额。。。。配色好像有点丑,那个不是重点,,,嘻嘻~在开始写之前,我们先来考虑一下总共分为几个步骤:1.首先要先画一个背景作为钟表的表盘。比较简单。。 2.背景图画好之后,我们开始画钟表的刻度线,刻度线又分为分刻度和时刻度。 3.刻度线和表盘都是不动的,画完精止的部分接下来就是动态改变的部分,
2016-10-31 17:31:26
1162
原创 Canvas
canvas 是html5新出的标签,js可以调用他的方法进行绘图。1. 浏览器支持 2. 基础知识 3. 画布坐标 4. 画线 5. 画矩形 6. 画圆 7. 贝赛尔曲线 8. 清除画布 9. 绘制文字 10. 绘制阴影 11.图像组合 12.图像处理 13.其他方法1.浏览器支持除IE6,7,8以外,其他浏览器没什么问题。2.基础知识canvas基
2016-10-30 20:06:05
874
原创 js JSON
1.基本语法json的语法可以表示为三种类型的值1.简单值:适用于js相同的语法,可以在json中表示字符串、数值、布尔值和null,但是不支持undefined。json字符串与js字符串最大的不同是在json中字符串2.对象:表示一组无序的键值对。{ "name":"lucy", "age":"22"}与js中的字面量不同,json中的对象不需要声明(json中没有变量的概
2016-10-21 19:18:10
309
原创 关于本地存储的那些事
好久没有更博了呢,,博主是个懒妹子~~~今天,我们就来说一下关于web前段关于本地存储的那些事。对于本地存储从来就不是一个新鲜的概念,随着web应用程序的出现,也产生了对于能够字节在客户端上存储用户信息能力的要求。主要常用的方式也就是那么几种,用一张很经典的图来开始我们这个话题。1.cookies在h5之前,一般采用cookies的方式。什么是cookie?cookie是存储于访问者计算机中的变量
2016-10-21 13:59:38
600
1
原创 js 京东地址选择
最近在写京东,老师说等我们把京东整个页面都写完,以后再写其他的页面就会觉得好简单啊,因为京东的首页太麻烦,工作量太大。没写之前我觉得不就是比其他页面长一些嘛,有什么大不了。可真正开始写才发现,京东这个首页哪里是麻烦,是特别麻烦!!!就页面最顶部30px的灰色小导航条就写了两天~~妹子血槽已空,写不下去了。。。。这部分看似简单,其实很讨厌,需要考虑的内容非常多。。。。 把这个小条条拆开来看,就是几个
2016-09-11 13:18:35
4310
5
原创 js 正则表达式多个转义字符的用法
我们都知道在js中遇到特殊字符要使用转义字符,但是如果多个转义字符同时出现的话,那又是怎么用的呢,我突发奇想,然后去一个一个的试了一下,最后终于把这个地方搞清楚了。js中定义正则表达式有两种方法,这两种方法同样的正则表达式但是运行的结果可能是不相同的。第一种,直接定义法:var reg1 = /\d/g;var str = '1';console.log(reg1.test(str));//返
2016-09-01 09:49:32
5963
原创 js 随机获取10个不重复的1~20之间的整数数组
要想用js随机获取10个1~20之间的整数组成一个数组,这并不困难,但是这样获取出来的数字难免会有重复的,那么如何获取出一个不重复的数组呢。js代码如下:<body> <p id="pid"></p> <script> var pid = document.getElementById('pid'); var arr = []; for
2016-08-31 18:06:02
18955
原创 js 瀑布流效果
平时,淘宝上我们经常会见到瀑布流效果,如下图~这个效果用css3的一个分列效果就可以实现,今天我们用原生js来做一下这个效果。首先我们来整理一下思路,先定义一个div,用做最大的布局盒子,并且实现图片的布局。然后定义一个pic,并且将float设置为left,让盒子横向排列。然后定义一个div 类名为box,给这个盒子设置边框,里面存放图片。在写样式表的时候,我们可以只设置图片的宽度,将每一张的图片
2016-08-31 17:30:51
519
原创 js 小球碰壁反弹and小球碰撞
好像好几天没有更博了呢,最近有点变懒了,这样不好,不好~~我们要做热爱学习的好孩子,嘻嘻,今天下午补上。。。我们在学习js的时候,一个很经典的案例就是小球的碰壁反弹效果啦~简单的小球碰壁效果可以慢慢延伸,让我们做出的效果更漂亮。如图~这个样子放上好像有点单调,这个案例就是实现了多个小球的同时碰壁反弹,并且不同的小球碰撞后也可发生碰撞反应,相应的小球运动方向也会发生改变。什么事情都要从简单开始,一点一
2016-08-31 16:42:58
15623
1
原创 原生js实现简单微博发布功能Dom(节点操作)
现在很多人都在用微博,微博成为一种很普遍的分享,交流平台,以至于养成了每天睁开眼睛第一件事情和每天晚上闭上眼睛之前最后一件事就是要刷微博。博主一般就是潜水,默默的刷别人的微博,以至于到现在我的粉丝依旧是9个,特别稳定~~搞得本宝宝很焦灼...(有想要关注我的,可以私信哦~嘻嘻) 好啦,废话不多说,进入正题。。(只是实现简单的节点操作,做的不好勿喷~~~)这个简单的功能主要分为三大部分:
2016-08-25 18:34:48
3428
4
原创 js中的scrollleft、style.left、clientLeft、offsetLeft
相信大家都见过这张图,乍一看,这张图乱七八糟的,看见就很头疼,但是为了搞清楚这几个left到底什么是什么,只能硬着头皮慢慢分析了~其实,仔细看看,这张图差不多就分为五大部分。盒模型的组成部分,padding、margin、border和content,这个我们就不做解释啦。。style部分。这个在position定位中经常用到。scroll部分。client部分。offset部分。现在,
2016-08-21 17:58:43
7455
原创 三级联动:js实现淘宝地址更改
在淘宝购物的时候,我们经常会遇到收获地址的选择,当省份发生改变时,城市,乡镇会随之发生改变。 这个三级联动的效果我们可以通过js来实现。 在写这个案例时,博主将地址的信息存储在了一个json对象中,并把json对象存在了一个js文件中,存储地址信息的js文件可以去博主的资源中下载哦~~效果图:html及css代码如下:<!-- css代码--><style> *{margin:
2016-08-17 17:29:56
2079
2
原创 javaScript实例:tab切换效果
我们平时经常会用到tab切换的效果,如下图:这个效果很常见,用js就可以实现。布局分析:我们可以先让其中的一块内容显示,其他的内容先隐藏,当用户点击头部标签时,可以让当前内容隐藏,点击部分的内容显示出来。通过改变标签样式就可以实现。html、css代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <
2016-08-13 17:30:55
5957
转载 13道JavaScript题
今天无意间看到的,拿来分享一下~~ 题目一——————————(function(){return typeof arguments;})();答案:“object”arguments是对象,伪数组有两件事要注意这里:参数不是数组,它是一个数组一样的物体,你可以使用方括号和整数索引的元素,但方法通常可在一个如推上不存在参数数组 Array.prototype.slice.call(argumen
2016-08-12 20:18:25
448
原创 关于js中变量作用于和变量提升的那些事
一个变量的作用域(scope)是程序源代码中定义这个变量的区域。 全局变量拥有全局作用域,在javaScript代码中任何地方都有定义的。 然而在函数内声明的变量只是在函数内部有定义,他们是局部变量,作用域也只是在局部。在函数体内,局部变量的优先级要高于全局变量。如果在函数体内重新声明一个与局部变量重名的变量,局部变量就会覆盖全局变量的值。 var scope="全局变量"; funct
2016-08-12 17:47:08
3690
原创 html5 + css 学习小结
我最喜欢的一段话是这么说的,我们今天的生活由昨天的选择决定的,我们今天的选择决定我们明天的生活。所以,少年,为了明天的生活,奋斗吧! 这是最近写静态页面遇到的一些问题以及解决方法。 1.div 的hover显示边框图片会向右下方移动的问题 现在的网页上经常会需要把鼠标移动到图片上图片显示边框的效果,但是因为标准盒模型下div的margin,border,padding,content是向外渲染
2016-08-11 17:33:58
463
原创 myeclipse 创建一个验证是否登录的过滤器
1、首先,在myeclipse中创建一个过滤器(filter) 创建方法: 右键“new-filter”,如果没有filter选项,点击other选项后,在搜索框中输入filter,如图: 2、创建成功后,在过滤器中创建函数实现登录验证public void doFilter(ServletRequest request, ServletResponse response,
2016-06-20 09:32:16
3170
原创 MD5 加密
简单代码实现md5加密: html代码<body> MD5加密 <br> <form action="ToMD5" method="get"> <input type="text" name="data"> <input type="submit" value="加密"> </form> </body>加密过程:import java.s
2016-06-19 20:36:49
319
原创 jsp中对数据进行批量删除操作
批量删除的SQL:delete from user where uid in(主键列表); UserBiz: //批量删除 public boolean batchDelete(String[] uids); UserBizImpl:public boolean batchDelete(String[] uids) { String sql = "delete fr
2016-06-19 19:46:32
8990
原创 jsp 实现分页操作
分页依据: select 字段列表 from 表名 limit m,n; m: 表示起始记录,并且从0开始 n: 查询记录的个数,每页记录数分页信息 共多少页 有没有上一页 有没有下一页 当前页 注:分页信息类Page 注2:创建分页信息辅助类PageUtil public static Page createPage(int everyPage,int totalCount
2016-06-19 19:38:15
25958
2
原创 java JDBC连接数据库
JDBC(Java Data Base Connection) API由原SUN公司提供, 提供了Java应用程序与各种不同数据库交互的标准接口。 如:Connection(连接)接口、Statement接口 、PreparedStatement接口、ResultSet(结果集)接口等。 可以使用这些JDBC接口进行各类数据库操作。JDBC链接数据库的基本操作 1、注册驱动(以MYSQL为
2016-05-24 21:01:46
480
原创 Java中String、StringBuffer 与StringBuilder的不同
1、String 是不可变的String字符串一旦创建不可更改,如下:public static void main(String[] args) { String s = "hello"; System.out.println(s);//hello tell(s); System.out.println(s);//hello s= s +"word";
2016-05-17 20:30:19
340
原创 java中关于小数的四舍五入问题
1、Math.floor() 舍掉小数部分取整。System.out.println(Math.floor(2.3));//2.0System.out.println(Math.floor(2.6));//2.0System.out.println(Math.floor(2.0));//2.0System.out.println(Math.floor(-2.3));//-3.0System.
2016-05-17 16:42:08
4067
原创 java 用 Calendar类写万年历
输入年份和日期打印出本年本月份的日历,如图:本题主要用到了java的 Calender类。Calendar 类是一个抽象类,它为特定瞬间与一组诸如 YEAR、MONTH、DAY_OF_MONTH、HOUR 等 日历字段之间的转换提供了一些方法,并为操作日历字段(例如获得下星期的日期)提供了一些方法。瞬间可用毫秒值来表示,它是距历元(即格林威治标准时间 1970 年 1 月 1 日的 00:00:00
2016-05-16 10:00:25
8145
1
原创 java 文件的写入与读出
文件写入try { FileOutputStream fileout = new FileOutputStream(f1); String outstr = "这是写入文件的数据"; byte buf[] = outstr.getBytes(); fileout.write(buf);
2016-05-16 09:14:47
468
原创 java中char类型数组与String类型之间的转换
1、将char数组转换为String类型 运用String类的valueOf()函数。char[] cha = {'s','g','h'};String n = String.valueOf(cha);2、将String类型转换为一个char类型的数组1)用toCharArray()方法String n = "hello word";n.toCharArray();2)用charAt()方法S
2016-05-12 19:04:49
1069
原创 JavaScript学习笔记——Global、Math对象
Global对象 1、URI编码方法 使用encodeURI()编码后的结果是除了空格之外的其他字符都原封不动,只有空格被替换成了%20。而encodeURIComponent()方法则会使用对应的编码替换所以非字母数字字符。 encodeURI()和encodeURIComponent()方法对应的两个方法分别是decodeURI()和decodeURIComponent()。decodeU
2016-03-14 16:13:18
436
原创 JavaScript学习笔记——基本包装类型(下)String
string类型 1、字符方法 charAt()方法以单字符字符串的形式返回给定位置的那个字符var stringValue="hello word";alert(stringValue.charAt(1));//echarCodeAt()方法以单字符字符串的形式返回给定位置的那个字符的字符编码var stringValue="hello word";alert(stringValue.
2016-03-14 15:39:24
438
原创 JavaScript学习笔记——基本包装类型(上)Boolean、Number
为了便于操作基本类型值,ECMAScript还提供了三个特殊的引用类型:Boolean、Number和String。这些类型与其他引用类型相似,同时也具有与各自的基本包装类型相应的特殊行为。实际上,每当读取一个基本类型值时,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。var s1 = "some text";var s2 = s1.substring(2);
2016-03-14 14:38:16
430
原创 JavaScript学习笔记——引用类型:Object类型、function类型
引用类型是一种数据结构,用于将数据和功能组织在一起。 Object类型 创建Object实例的方式有两种,一种是使用new操作符后跟Object构造函数。 var person = new Object(); person.name = "Nicholas"; person.age = 27; 另一种方式是使用对象字面量表示法。var person = { name:Nicho
2016-03-10 22:26:38
414
原创 JavaScript学习笔记——引用类型:Array类型
在JavaScript中,数组中的每一项可以保存任何类型的数据,比如,数组的第一项可以是字符串,第二项可以保存数值,第三项可以是对象。创建数组的方法有两种,第一种是使用Array()构造函数,var color = new Array();var val = new Array(3);//数组长度为3var name = new Array("Greg");//包含“Greg”一项第二种是采用字
2016-03-08 22:08:49
600
原创 JavaScript学习笔记——基本类型和引用类型
变量包括两种变量:基本类型值和引用类型值。基本类型值指的是简单的数据段,引用类型值指的是那些可能由多个值构成的对象。 1、动态属性 定义基本类型值和引用类型值得方法是类似的:创建一个变量并且为该变量赋值。对于引用类型值我们可以为其添加属性和方法,也可以改变和删除其属性和方法。var person = new Object();person.name= "Nicholas";alert("pe
2016-03-06 19:51:19
486
原创 JavaScript学习笔记——语句
if语句 if(true){ alert("Greater than 25;");} else{ alert("less than or equal to 25;");} 循环语句 do-while循环do{ alert(i);}while(i<10);while循环while(i<10){alert(i);}for循环for(var i=0;i<10;i++
2016-03-05 13:02:15
464
原创 JavaScript学习笔记——操作符
一元操作符 只能操作一个值得操作符叫做 一元操作符 。 1、递增递减操作符 递增和递减操作符有两种类型:前置性和后置型。前置型位于操作的变量之前, 先执行值的变化然后求值 。 后置型位于操作的变量之后, 先执行求值然后执行值的变化 。 前置型:var age = 29; var anotherage==++age-2; alert(age); //30 ale
2016-03-04 16:23:36
339
原创 JavaScript学习笔记——数据类型
1、undefined类型 Undefied类型只有一个值,即特殊的undefined。在使用var声明变量但未对其进行初始化时,这个变量的值就是undefined。Var message;//var age 这个变量并没有声明alert(message); // undefined 没有初始化Alert(age);//undefined 没有声明2、null类型 null是一个只有
2016-03-03 22:41:45
431
原创 html5 本地存储 localStorage
localstorage实现本地存储方法:localStorage.getItem(key):获取指定key本地存储的值localStorage.setItem(key,value):将value存储到key字段localStorage.removeItem(key):删除指定key本地存储的值代码实现://添加数据function SSsetVal(key, val){ if(windo
2016-01-05 21:50:29
418
原创 javascript写注册检测验证
html代码:<tr> <td> 用户名 <input type="text" id="sname"> <span class="word"></span> </t
2016-01-05 17:31:20
589
三级联动地址数据
2016-08-17
jsp 教务管理系统
2016-06-22
java 面对对象 银行管理系统
2016-05-16
java 实现数组的增删改查
2016-05-16
js动态实现节点的访问,查询与修改
2015-12-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人