Web 前端设计语言

总计 24 页,当前第 7 页
Web 前端设计语言

JavaScript 代码整洁之道(下)

目录概述变量函数对象和数据结构类测试并发错误处理格式注释1、概述接着上一篇文章: JavaScript 代码整洁之道(上)6、测试测试比生产更重要。如果你不进行测试,或者测试的量不够,那你就不能肯定你写的代码不会造成破坏。测试数量依靠你的开发团队来决定,但 100% 覆盖率(所有语句和分支)能让你拥有巨大的信心,也能使程序员们安心。也就是说,你需要一个不错的测试框架,还需要一个好的覆盖检查工具.没有什么理由可以让你不写测试。这里有 大量...
7年前 (2017-01-15) 阅读(2548) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

JavaScript 代码整洁之道(上)

目录概述变量函数对象和数据结构类测试并发错误处理格式注释1、概述Robert C. Martin 在 《代码整洁之道》 中提到的软件工程原则,同样适用于 JavaScript。这不是一个风格参考。它指导如何用 JavaScript 编写可读、可复用、可重构的软件。并不是每一个原则都必须严格遵循,甚至很少得到大家的认同。它们仅用于参考,不过要知道这些原则都是《代码整洁之道》的作者们累积多年的集体经验。我们在软件工程方面的技术发展刚刚超过...
7年前 (2017-01-15) 阅读(2360) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

HTML改变网页鼠标样式

Css cursor鼠标指针样式我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。一、cursor语法与结构1、cursor语法:cursor : auto | crosshair | def...
7年前 (2017-01-10) 阅读(8155) 赞一个 (10) 评论(0) 链接直达
Web 前端设计语言

Jquery UI 组合树 - ComboTree 集成Wabacus4.1 代码剖析

jQuery UI 1.3 (组合树 - ComboTree ) 集成Wabacus4.1 集成spring 代码剖析使用时,请下载需要Jquery ui包进行配置combotree.js 的代码,可以不用修改, 只是Wabacus中的编辑少量配置一下即可,此例子只进行了2级的菜单拼接,如需修改,只需将方法修改成递归拼接即可例如首先combotree.js代码 var dataurl,valuefield,textf...
7年前 (2017-01-09) 阅读(2397) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

html屏蔽右键、禁止复制与禁止查看源代码

如何在网页中屏蔽右键众所周知,要保护一个页面,最基础的就是要屏蔽右键。而现在网页上用得最多的是function click(),即下面这段代码: 但是这种屏蔽方法的破解方法也是众所周知的。那就是连续单击鼠标左键和右键便又可以看到右键菜单了。但是,我见过一种很好的屏蔽右键的方法。它的原理和上面所说的不同。它并不是用js来编写的脚本,而是利用定义网页属性来起到限制的作用。而且,在屏蔽中应该尽量的避开使用js脚本。因为只要浏览者把i...
7年前 (2017-01-09) 阅读(3065) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

@font-face 网络字体的中文用法(一)

如果你使用的Windows XP操作系统,在浏览中文网页时,你会发现网页上的汉字基本上全部都是宋体。这是因为你的操作系统里安装了中文宋体字库,而且被设定为默认字体。浏览器会用你的默认字体显示网页上的汉字。进入Windows7/8时代,Windows系统的默认字体变成了微软雅黑,于是,所有的中文网站上的汉字使用的字体都是微软雅黑。网页上的汉字显示时使用的字库可以用CSS指定(font-family),比如说,你不喜欢微软雅黑,你的电脑里安...
7年前 (2017-01-09) 阅读(3210) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

ExtJS中表单验证使用自定义vtype(两次输入密码重复)示例

在ExtJS中,使用了四种自定义,分别是'alpha',alphanum,'email','url',分别用来验证表单中的值是否符合字母、字母数字、电子邮件、URL等格式。但在实际应用中,我们需要验证的格式或者规则还是很多的。由于ExtJS是开源的框架,因此,我们可以扩展vtype的功能,实现自定义的vtype。比如,在实战中,我们经常会遇到需要验证密码的问题,最常使用的,就是如何验证原密...
7年前 (2017-01-04) 阅读(2369) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

Ext.getBody()、getDom()、getCmp()、getFly()、get()、getComponent()、getSource()的区别?

getBody() 得到文档的body节点元素(Element)该方法直接得到文档中与document.body这个DOM节点对应的Zend元素(Element),实质就是把document.body对象封装成Zend元素对象返回,该方法不带任何参数。比如下面的代码把面板h直接渲染到文档的body元素中getDoc方法-获得与document对应的Ext元素(Element)getDoc方法实质上就是把当前html文档对象,也就是把do...
7年前 (2017-01-04) 阅读(3215) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

load-awesome 53种纯CSS3预加载页面loading指示器动画特效

简要教程load-awesome是一组神奇的纯CSS3 loading指示器动画特效。这组loading动画共有53种不同的效果。它使用简单,每一种loading效果都有单独的CSS文件相对应,使用时仅需引入几K大小的CSS文件即可。 安装可以使用Bower来按钮该loading指示器特效所需的文件。bower install load-awesome 使用方法使用时你只需要引入你想要的...
7年前 (2017-01-03) 阅读(6489) 赞一个 (11) 评论(0) 链接直达
特效篇 / 插件篇

jQuery液态融合(gooey)样式导航菜单插件

gooey-menu是一款基于SVG过滤器的液态融合(gooey)样式导航菜单jQuery插件。通过该插件你可以非常轻松的制作出各种gooey样式的环形菜单特效。使用方法 使用该导航菜单插件需要在页面中引入gooey.min.css文件,jquery和gooey.min.js文件。<link rel="stylesheet" href="gooey.min.css&quo...
7年前 (2017-01-03) 阅读(4028) 赞一个 (3) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅