- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
面向对象可以把程序中的关键模块都视为对象，而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来，日后使用将非常方便，也可以避免繁琐重复的工作。接下来将为大家讲解在JS中面向对象的实现。工厂模式工厂模式是软件工程领域一种广为人知的设计模式，而由于在ECMAScript中无法创建类，因此用函数封装以特定接口创建对象。其实现方法非常简单，也就是在函数内创建一个对象，给对象赋予属性及方法再将
2016-12-30 17:18:51
293
原创 jquery图片放大镜插件—jqzoom
在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下：$(linkimage).jqzoom({options})其中linkimage参数为包含图片的元素名称，options为插件方法的配置对象。例如，在页面中，添加
2016-12-29 16:37:51
1530
原创 用jquery的each方法介绍及遍历json对象
用jquery的each方法遍历json对象 //1.首先定义一个json对象jsonStu,保存学生的"姓名"和"分数"信息. //2.然后,通过调用$.each()工具函数,遍历该数据,分别获取"姓名"和"分数"信息. $.each(jsonStu,function(index,data) //3.最后,将遍历后获取的整个内容显示在页面中. //
2016-12-29 11:40:46
21443
原创 jQuery中Ajax方法的使用
一、使用get()方法以GET方式从服务器获取数据使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下：$.get(url,[callback])参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。例如，当点击“加载”按钮时，调用get()方法向服务器中的一个.php文件以GET方
2016-12-29 10:29:03
267
原创 使用getJSON()方法异步加载JSON格式数据
使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为：jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参
2016-12-29 09:55:45
2467
原创 php之摘录
::和->的分别默认都为public，外部可以访问。一般通过->对象操作符来访问对象的属性或者方法，对于静态属性则使用::双冒号进行访问，当在类成员方法内部调用的时候，可以使用$this伪变量调用当前对象的属性。
2016-12-28 19:48:52
224
原创 php实现数字验证码
用php实现验证码，验证码是为了区别机器与人的操作，提高安全性。需要安装服务器软件，我使用的是wamp，之后编写php验证码页面。分为以下三个步骤来实现：一、实现验证码底图目标：通过php代码，生成一张100*30px大小的图片方法：resource imagecreatetruecolor(int $width,int $height)注意事项：(a)依赖GD扩展(b
2016-12-27 16:32:09
2769
原创 在PHP语言中使用JSON和将JSON还原成数组
看到一篇关于json数据转换的文章，现摘录如下：从5.2版本开始，PHP原生提供json_encode()和json_decode()函数，前者用于编码，后者用于解码。一、json_encode()<?php$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);echo json_encode($arr);?>输出：{"a"
2016-12-26 17:24:07
848
转载 jquery仿直播app按钮点赞特效
jQuery仿直播app按钮点赞特效 img{ width: 20px; height: 20px; position: absolute; bottom: 100px; left: 50%; margin-left: -10px; } .btn{ width: 100px; height: 30px; border:0; background: red; color: #fff;
2016-12-23 17:24:40
2804
原创 基于canvas写一个字的效果
页面html： 学写一个字 <meta name="viewport" content=" height = device-height, width = device-width, initial-scale = 1.0,
2016-12-23 15:00:06
2174
转载 React 入门实例教程
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，希望用写
2016-12-22 22:06:14
249
原创 使用 jQuery 制作轮播图
例子中用到的图片，可以用其他图片替换。类似京东轮播效果*{padding:0; margin:0;}ul{ list-style:none;}.out{ width:730px; height:454px; margin:50px auto; position:relative;}.out .img li{ position:absolute; top:0;left:0;
2016-12-20 20:57:31
528
原创 jquery带动画的二级下拉列表
带动画 的二级下拉列表无标题文档*{padding:0; margin:0;}li{ list-style:none}a{ text-decoration:none;}.nav{ width:100%; height:40px; background:#222; margin-top:100px;}.nav .list{ width:1000px; height:4
2016-12-20 10:38:37
894
原创 css中英切换导航特效
特效描述 当鼠标移到导航的时候，由英文上滑为中文的。 Document *{padding:0; margin:0;} li{ list-style:none; } a{ text-decoration:none;} .nav{ width:100%; height:50p
2016-12-20 10:20:16
700
3
转载 前端面试题
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索机率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是
2016-12-20 09:23:23
333
原创 回顶部特效
类似淘宝等网站的回顶部按钮，当页面内容滚动距离页面顶部300的时候，出现平滑回顶部按钮。Document.top{width: 50px;height: 50px;display: block;background: #888;color: #fff;text-align: center;line-height: 50px;fon
2016-12-19 20:50:33
430
原创 canvas 绘制五角星
分析：五角星有十个定点，五个外顶点，五个内顶点，可以看成顶点分别在两个圆上，其中假设外顶点所在圆的半径为R，内顶点所在圆的半径为r，画图分析可以知道每个顶点在坐标中的位置，其中方法drawStar(cxt,r,R,x,y)五个参数分别表示画布、小圆半径、大圆半径、五角星x轴偏移量、y轴偏移量。绘制五角星window.onload=function()
2016-12-18 17:56:48
4912
原创 jQuery实现弹幕效果
弹幕 html,body{ background:#efefef; height:100%; } .danmu{ width: 100px; height:30px; line-height: 28px; background: green;
2016-12-17 16:59:10
734
原创 css3 颜色渐变
线性渐变 - 从上到下：.grad1 { height: 100px; background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
2016-12-17 16:18:49
638
原创 css3 鼠标滑过图片时文字旋转动画
特效描述：鼠标滑过图片的时候，以左上角为原点，顺时针旋转90度出现黑色遮罩层，之后文字一行行以右上角为原点旋转180度出现，纯css3实现，拷贝下面代码保存为html文件就可以查看效果。（所用到的图片可以用本地的图片代替） 炫酷C.box{ border: 1px solid #333; position: relative;
2016-12-17 16:02:01
4207
原创 html5 <canvas> 标签
定义和用法只是图形容器 ，可定义图形，比如图表和其他图像，须使用脚本来绘制图形。 标记和 SVG 以及 VML 之间的差异 标记和 SVG 以及 VML 之间的一个重要的不同是， 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是
2016-12-17 09:38:10
819
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人