- 博客(113)
- 收藏
- 关注
RSS订阅原创 js使用Number和Math
javascript数字和数字操作用两个不同的js对象管理，Number和Math1.数字可以是一个直接量也可以是一个对象。var newNum = 20;var newNum = new Number(23);可以给一个变量赋一个直接量数字，但是当在这个变量上访问一个Number方法时，会创建一个Number对象来包含该直接量值，当方法执行完时，会丢弃改对象。NaN not
2015-09-14 15:20:23
858
原创 javascript正则表达式
RegExp可以是直接量也可以是对象创建一个直接量var re = /regular expression/;注意这个模式不是一个字符串var re = /Shellys+Powers/i;创建一个对象var re = new RegExp("Shellys+Powers","i");下面列出改对象的属性和方法：1.RegExp test;匹配返回tru
2015-09-14 12:14:25
425
原创 javascript字符串
javascript字符串需要注意的地方1.使用var city = new String ("this is a string object");使用new运算符来实例化一个string对象，可以使用String对象属性，如var lcity = city.toLowerCase();2.使用var city = String("this is not an object");
2015-09-13 16:37:59
418
原创 git
Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不 需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上 改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。GitHub是提供在线git空间的平台，免费的账
2015-09-09 12:44:44
318
转载 异步编程的处理
感觉不很懂啊，还是先记下来吧！ // 回调处理 $('button:first').click(function() { $("#block1").animate({ width: "50%" }, 2000, function() { // 嵌套回调 $("#block2").animate({
2015-09-06 10:17:50
456
原创 transition和animation的暂停
让坐标变化的两种方式：1.传统的top,left坐标修改2.CSS3中的transform属性通过CSS3的animation与transition的结合实现了人物的走路的效果。一般来说运动的状态都是需要可控的，这样才方便我们做进一步的操作。利用animation实现了人物动作的变化，即更换了精灵图的位置，而transition是实现了人物的left变化，即坐标向右移动，人物向前走，背
2015-09-05 21:46:52
7115
原创 css sprites
CSS Sprites在国内很多人叫CSS精灵，其实这个技术不新鲜，原理就是：靠不断的切换图片让人感觉视觉上不断在变化，例如gif动画之类的效果那么前端如何实现精灵效果？传统的就是靠定时器不断去改变一个元素的background-image属性了，简单的来说就是靠不断的替换图片，但是值得注意的问题就是图片如果很多，加载会比较慢，会占用大量网络资源大多数的做法就是把图片都合成一张大图
2015-09-05 19:33:16
1057
原创 代码封装
封装，即隐藏对象的属性和实现细节，仅对外公开接口。封装的目的是增强安全性和简化编程，使用者不必了解具体的实现细节，而只是要通过外部接口，以特定的访问权限来使用类的成员。面向接口编程的写法，简单的说就是将行为封装分布在各个对象中，并让这些对象自己各自负责自己的行为，这也是面向对象设计的一个优点，就拿页面切换的效果来说，在某一时刻，元素A需要让页面进行切换，那么元素A不需要关心页面是怎
2015-09-05 17:56:28
8339
1
原创 页面之间的卷滚切换效果
一般来说要根据布局的结构来，大体有2种：1.移动父容器，改变父容器的坐标2.移动每一个子容器的坐标显而易见，移动父容器简单很多，只需要改变父容器X轴的坐标就可以了。如果父容器中子元素有很多的话，那么我们会考虑第二种算法，可以做成动态加载，但是这种处理是超级麻烦，这里不讨论改变坐标的处理可以分为2种：传统的top,left坐标修改CSS3中的transform属性
2015-09-05 17:15:13
596
原创 jquery设计理念
The Write Less,Do More（写更少，做更多）简洁的API、优雅的链式、强大的查询与便捷的操作1.简洁的api：$.on$.css$.ajax….2.优雅的链式var jqxhr = $.ajax( "example.php" ) .done(function() { alert("success"); }) .fail(f
2015-09-03 12:44:14
884
原创 css选择器优先级判定
CSS selector 优先级理解1：如何确定CSS的优先级？这里我们要先引入一个机制，分别用4个数字（a，b，c，d）表示优先级组合，比如1，1，1，1和0，1，0，1。它们的意思分别是：第一个数字（a）表示style属性，优先级最高。由于一般都是class样式，所以该值一般都是0。第二个数字（b）是该CSS选择器上的id数量的总和，一般都是1个。第三个数字（c
2015-08-06 11:14:46
2531
原创 javascript闭包理解
理解1：在程序语言范畴内的“闭包”指的是函数把其中的变量作用域都“包”在该函数的作用域内，形成一个“包”，外部函数无法访问内部变量。所以严格意义上来说，JavaScript 中的函数都是闭包。但我们常说的闭包，通常是指为了让外部函数访问到内部函数中变量，使内部函数返回一个函数，在其中操作内部变量。理解2：闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭
2015-08-06 10:31:29
358
转载 XML与JSON的区别?各自有哪些优缺点?
JSON和XML都是数据传输格式，它们有哪些区别，又都有些什么优缺点呢？零度带领大家来分析分析。一、先来看看两者的定义1.XML的定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(docume
2015-08-06 10:08:58
956
原创 css 提高性能
Web 开发中经常会遇到性能的问题，尤其是 Web 2.0 的应用。CSS 代码是控制页面显示样式与效果的最直接“工具”，但是在性能调优时他们通常被 Web 开发工程师所忽略，而事实上不规范的 CSS 会对页面渲染的效率有严重影响，尤其是对于结构复杂的 Web 2.0 页面，这种影响更是不可磨灭。所以，写出规范的、高性能的 CSS 代码会极大的提高应用程序的效率。CSS 性能调
2015-08-04 22:39:55
465
原创 css reset
CSS Reset是什么？在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法
2015-08-04 22:14:03
341
原创 http（3）详解------Web的结构组件
除 Web 应用程序（Web 浏览器和 Web 服务器）外：还有一些其他比较重要的应用：代理 •位于客户端和服务器之间的 HTTP 中间实体。1）HTTP 代理服务器，这是 Web 安全、应用集成以及性能优化的重要组成模块。2）代理位于客户端和服务器之间，接收所有客户端的 HTTP 请求，并将这些请求转发给服务器（可能会对请求进行修改之后转发） 。对用户来说，这些应用程序就是一
2015-07-28 23:23:16
370
原创 http详解--------TCP/IP
HTTP 是个应用层协议。HTTP 无需操心网络通信的具体细节；它把联网的细节都交给了通用、可靠的因特网传输协议 TCP/IP。1）TCP/IPTCP 提供了： •无差错的数据传输； •按序传输（数据总是会按照发送的顺序到达） ； •未分段的数据流（可以在任意时刻以任意尺寸将数据发送出去） 。 因特网自身就是基于 TCP/IP 的，TCP/IP 是全世界的计算机
2015-07-28 22:45:58
567
原创 http详解（一）-------web的基础
1.HTTP——因特网的多媒体信使1)HTTP 可以从遍布全世界的Web 服务器上将各种信息（ JPEG 图片、HTML 页面、文本文件、MPEG 电影）块迅速、便捷、可靠地搬移到人们桌面上的 Web 浏览器上去。2)使用的是可靠的数据传输协议，因此即使数据来自地球的另一端，它也能够确保数据在传输的过程中不会被损坏或产生混乱。2.Web客户端和服务器1)Web 内容都是存储
2015-07-28 22:22:25
687
原创 bootstrap:javascript的通用技术
1.bootstrap可以直接通过html自定义元素设置，不需要任何js代码，如果需要手动启用触发事件的行为，可以禁用默认行为。只需要把body上的命名空间下的data-api关闭禁用既可以，$(document).off('.data-api');如果不是禁用所有的可以单独设置，如：$(document).off('.alert.data-api');2.每个插件都有一个constructo
2015-07-23 16:48:15
451
原创 bootstrap:javascript插件架构
bootstrap中所有的架构都遵循相同的规则，对用户自定义插件提供了规范和基础。总体有下面三种规范：1.HTML布局规则：基于元素自定义属性的定义规则，比如data-target的自定义属性，所有插件都可以通过设定的html代码和相应的属性来试验。也就是说当网页加载的时候，javascript代码会自动检测这些标记。并自动绑定相应事件，无需额外的javascript代码。如下
2015-07-23 16:14:47
680
原创 bootstrap css语法，javascript
css1.优先级的确定：引入4个数字（a,b,c,d）a:style属性，b:css选择器上id的总和，c:其他属性css选择器和伪类的综合，d:计算元素和伪元素。2.选择器：1.属性选择器2.子选择器.table > thread > tr >th{vertical-align:center;}3.兄弟选择器1.邻近兄弟 （+）指定元素后面紧跟的兄弟节点
2015-07-22 10:58:07
724
原创 新手导航
今天学习了新手导航如何制作。效果演示效果演示源码源码所谓的导航其实是在一个网页上，一张张通过定位的图片，每一张图片是一个步骤，点击下一步，从而完成导航功能。截图大致如下：通过这个实例学到的有：1.怎么隐藏a或者span中的字：text-indent: -999px;overflow: hidden;text-indent是文本缩进，将其缩进到一定程度，然后溢
2015-07-21 18:45:44
9364
原创 line-height机制详解
基线和行高的定义：如图，x字母底部的线即为基线，两条红线（基线）间的距离即为行高。不同字体的基线不同。line-height：200px，即为两条基线的距离。line-height:0px;两行文字重叠。2.line-height行内框盒子模型这个行内框盒子模型包含四中盒子： a.内容区域（content area）:是一种围绕文字看不见的盒子，跟字
2015-07-17 14:43:25
3036
原创 nodejs的模块机制
举例：student.js文件function add(student){ console.log('Add Student ' + student);}exports.add = add;teacher.js文件function add(teacher){ console.log('Add Teacher ' + teacher);}exports.add = add
2015-07-16 21:26:29
950
原创 nodejs学习之路
nodejs学习1:Node是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩
2015-07-16 19:17:14
942
1
原创 jquery返回顶部
jquery返回顶部如图，当点击蓝色按钮时，网页返回顶部。并且是缓慢上去，而不是一瞬间直接到达最上部。html很简单，只有一个div.css:注意刚开始处于页面最上部，所以图片一开始是隐藏的，并且位置固定，用position:fixed即可。.back{ width: 57px; height: 57px; position: fixed;
2015-07-16 15:13:24
836
原创 幽灵按钮css3
暑假第14天，学习了幽灵按钮。幽灵按钮，也就是Ghost Buttons，是一个透明的按钮，通常是矩形或者圆角矩形，仅保留基本的形制，使用细线来标识边界；按钮内的文字通常使用纤细的非衬线体字体的纯文本，来指明按钮功能。幽灵按钮有时候也被称为“空按钮”，通常会被设计得比普通的按钮更大一些。而它们之所以被命名为“幽灵”，是应为这种按钮如同鬼魂一样透明，但是独特的造型会立刻吸引用户的注意
2015-07-16 00:36:06
2538
原创 css3 图片展示墙
为了进一步练习transform，看网上一个视频，用的他的图片，然后做出来了这个图片展示墙，开心。效果如下： Document 图片展示墙 下面是css.body{ background: #ccc;}h1{ text-align: center;}.container{ w
2015-07-14 21:11:30
1179
原创 css3 box-shadow实例 盒子阴影（翘边阴影，曲线阴影）
做完后效果如下：上面是曲边阴影，下边是翘边阴影。曲边阴影下部是类似弧线，翘边效果四角旁边翘起阴影。*{ margin:0; padding: 0;}ul{ list-style: none;}.wrap{ width: 70%; height: 200px; background-color: #fff; margin: 50px auto
2015-07-14 16:28:59
3828
原创 如何用css3做全屏切换效果
今天从跟着网上一个老师用css3做了一个全屏切换效果，展示图如下：当点击底部每一个导航时，对应的内容就变化，同时大标题往下，小文字向上。其中有最重要的的是，1.上部三角形的制作 ，每个三角形并不是一个图像，而是用特殊的文字做成 。关键代码[data-icon]:after { content: attr(data-icon); width: 20
2015-07-13 17:23:43
1480
原创 ajax如何实现级联
ajax最大的优点就在于可以局部刷新，用户体验很好。用ajax实现级联可以在不刷新页面的情况下实现与服务器交互。下面这个例子是，勾选不同的省，对应该省的城市会显示出来，并且数据从数据库读出来。Documentul{width: 500px;height: 500px;border: 1px solid black;}i
2015-07-10 09:14:15
730
原创 jquery invalidation插件
jquery invalidation 是一款简单易用的客户端验证表单的组建。需要引入这两个文件 代码如下：$(document).ready(function(){var validator;validator = $("#form1").validate({debug:true,rules:{username:{requ
2015-07-09 20:47:54
524
原创 ecmall安装报错
Warning: include(D:\web\ecmall/data/config.inc.php): failed to open stream: No such file or directory in D:\web\ecmall\eccore\ecmall.php on line 1807Warning: include(): Failed opening 'D:\web\ecmall
2015-07-08 10:33:24
2599
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人