`
tjuking
  • 浏览: 193771 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表
插件经过IE6-10、Chrome、Firefox等浏览器的测试。 目前支持关键字、字符串、注释、正则表达式的高亮显示,现在逻辑可能比较简单,后期会继续完善。   使用示例: <!DOCTYPE html> <html> <head> <title>Page Title ...
JavaScript网页开发中经常出现的就是事件处理程序,交互越多可能就需要注册更多的事件处理程序,这也导致了一定的性能问题:   事件处理函数是对象,对象存储于内存空间,对象越多消耗的内存也就越大 事件注册需要在 ...
    阅读说明:本文借鉴了后文末尾列出的学习资料的相关内容,鼠标指上某些文本会有一些提示。分享促进进步~   1 概述 1.1 定义        Node.js 官方网站给出了如下定义: Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight  ...
分享一个Javascript编写函数的优化技巧。   适用的函数应该要满足以下条件: 产生固定结果 页面中多次调用 复杂或较耗时 代码和分析如下:   //产生固定结果并且在页面中多次调用的函数 function check() { //模拟耗时操作 var begin = Date.now(); //ECMAScript5添加的,若不支持请改成 +new Date(); var ONE_SECOND = 1000, result = false; while(true) { if(Date.now ...
  返回顶部逻辑很简单,功能点分为: 页面第一屏内不展示返回顶部的图标,超过第一屏时展示图标; 点击返回顶部图标时页面流畅地返回顶部。 HTML文件部分: <!DOCTYPE html> <html> <head> <title>返回顶部</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <bod ...
通常情况下,我们会把<script>标签放置于<head>标签内,如下所示: <!DOCTYPE html> <html> <head> <title>标题</title> <script type=”text/javascript” src=”文件1.js”></script> <script type=”text/javascript” src=”文件2.js”></script> <script type=”text/javascript” ...
  没有什么技术可言,自己为难自己的‘bug’! 之前设计了一个数据库,其中某表中包含字段‘desc’(当时想的是description的简写)。   没想到在后来的java代码中始终无法为该表添加记录或者是更新记录,由于其它表使用该java代码是没有问题的,自己就懵了无法理解。。。   今天晚上做了一个尝试,就是一个一个字段的添加,最后发现只要添加的字段里包含了‘desc’就会报错,然后仔细一想desc是数据库逆序的关键字,改成‘description’OK了。 基础不扎实,从网上找了mysql的关键字,下次设计数据库的时候就不会忘了!   以下转自http://zh ...
public String[] split(String regex, int limit)  split函数是用于使用特定的切割符(regex)来分隔字符串成一个字符串数组,这里我就不讨论第二个参数(可选)的含义详见官方API说明   我在做项目期间曾经遇到一个“bug”,就是当split ...
  最近在写一个web小项目,设计了如下交互环节: 某页面包含两个以上的文本输入框,每个文本框都对输入内容有的校验规则(其中的一条就是不允许输入内容为空); 当用户在某文本输入框中输入文本内容后离开输入框时,用jquery绑定blur事件进行校验文本格式是否正确,如果不正确则重新将焦点置回该输入框。   产生bug步骤如下: 当我在第一个输入框中输入不符合格式的文本时直接点击进入另外一个需要校验的输入框时,IE8以下版本的浏览器直接崩溃无法响应。   分析如下: 由于在离开第一个输入框时触发了blur事件,需要将在第二个输入框的焦点置回第一个输入框中, 而在离开第二个输入框时 ...
前几天参加了LAMP的一个技术分享会,有一个前端开发人员的主题是如何规避bug和性能优化,让我觉得无论是做Java开发还是Web前段开发,优化始终应该是我需要努力的方向。   今天看到某前辈写的一个JS控件,里面有比较多的with语句引起了我的好奇。   with语句的作用是暂时改变作用域链、减少的重复输入。   其语法结构为:   with(object){ //statements }   举一个实际例子吧:   with(document.forms[0]){ name.value = "lee king"; ...
CSS盒子模式都具备的属性包括:内容(content)、填充(padding)、边框(border)、边界(margin)。 盒子模型分为两类:W3C标准盒子模型和IE盒子模型 (微软确实不喜欢服从他家的标准)这两者的关键差别就在于: W3C盒子模型——属性 ...
java核心技术卷I里有一个结论我觉得挺有意思的:java中没有引用传递,只有值传递 首先看定义: 值传递,是指方法接收的是调用者提供的值 引用传递,是指方法接收的是调用者提供的变量地址 以前学习C++时把参数传递分为值传递和引用传递,国内的不少java教材愿意把对象的传递理解是引用传递,为什么它们会这么说呢?可以看下面一个例子: import java.util.Calendar; public class ChangeValue { public static void main(String[] args) { Calendar oc = Calendar.getInstanc ...
最近一直在学习jQuery,其中的一款插件引起了我的注意:jQuery UI(官方网站) 今天学习的是其中的dialog部分,弹出对话框是web设计中经常出现的内容,jQueryUI插件的该功能非常强大提供了非常多的选项和事件处理(Dialog Options),特别是可以将设计在网页中的内容作为弹出框的内容。 在这一篇博文中,我就用一个自己写的例子来实践一下dialog的使用(这个例子包含了jQuery获取json文件的功能)。   首先需要引入的文件(为了方便,直接引用Google提供的资源,也可以选择直接下载到本地): <link rel="styleshe ...
一:定义 DOM对象指的是通过传统的javaScript方法获取的元素对象,如下代码: var DomObj1 = document.getElementById("id1"); var DomObj2 = document.getElementsByName("name2"); //IE下不支持 var DomObj3 = document.getElementsByTagName("div");  jQuery对象指的是通过jQuery语法包装原始的DOM对象后生成的新对象,如下代码: var $JQObj1 = $(& ...
HTML中的input元素、button元素、option元素等都具有一个disabled属性。 当赋予该属性时该元素将变得不可交互,如下代码所示: <input type="button" disabled="disabled" value="测试按钮"> 其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”(不过“false”除外),因为属性值为“false”时表示属性不启用,属性值“true”表示启用属性。如下代码的button元素都处于禁用状态: <input type=" ...
Global site tag (gtag.js) - Google Analytics