jsd2root的博客

四、伪DOM自定义事件这里的“伪DOM自定义事件”是自己定义的一个名词，用来区分DOM自定义事件的。例如jQuery库，其是基于包装器（一个包含DOM元素的中间层）扩展事件的，既与DOM相关，又不直接是DOM，因此，称之为“伪DOM自定义事件”。//zxx: 下面即将展示的代码目的在于学习与认识，要想实际应用可能还需要在细节上做些调整。例如，下面测试的包装器仅仅只是包裹DOM元素，

什么是jQuery对象？---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：$("#test").html()   意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码：document.getElementByI

new document    var data01={    "test": [        {            "value": [                {                    "id": "12",                    "value": "sdf"                },

【HTML5学习研究】简单服务器推送(通过SSE实现即时聊天)时间 2015-08-15 20:00:58 双木博客原文  http://blog.smyime.com/?p=74 主题 HTML5 服务器推送事件（Server-sent Events）是HTML5规范中的一个组成部分，可以用来从服务端实时推送数据到浏览器端。相对于与之类似的WebS

Three.js讲解以及WEBGL实例  webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。自己虽然在去年6月份接触过一段时间，但是一直没有时间研究一下，对webGL了解的也不是很多，近来有些时间，总结一下自己掌握的这些WEBGL

JS系列——Linq to js使用小结时间 2015-07-30 13:44:00 博客园精华区原文  http://www.cnblogs.com/landeanfen/p/4672542.html 主题 JavaScript LINQ前言：前面几篇介绍了下C#基础技术中的几个：反射、特性、泛型、序列化、扩展方法、Linq to Xml等，本

前端js 筛选json数据 可用框架 linq.js 开源位置：http://jslinq.codeplex.com/

.net版Socketio4net类库和java版socket.io-java-client类库 连接socket.io 1.4版本都不行，网上大多是socket.io 0.9版本的，socket.io 更新之后就不支持了。本人已研究成功连接socket.io 1.4版本的方法，例子采用C#。　　一、socket.io 几个重要要文件　　　1、node_modules\socket.i

前言网络聊天室在web1.0的时代就出现了，但当时技术支持比较有限，大都是通过浏览器插件BHO，JavaApplet，Flash实现的。如今HTML5技术风起云涌，通过websocket实现的网络聊天室，被定义为websocket的第一个实验，就像Hello World一样的简单。今天我也动手完成了这个实验，感觉真的很爽！目录socket.io介绍服务器端和客户端通信设计服务器

.net版Socketio4net类库和java版socket.io-java-client类库 连接socket.io 1.4版本都不行，网上大多是socket.io 0.9版本的，socket.io 更新之后就不支持了。本人已研究成功连接socket.io 1.4版本的方法，例子采用C#。　　一、socket.io 几个重要要文件　　　1、node_modules\socket.i

没那么难，谈CSS的设计模式来源: 灵感的小窝  发布时间: 2016-09-09 16:46  阅读: 8185 次  推荐: 24  原文链接   [收藏]   　　什么是设计模式？　　曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。　　先来看一下比较官方的解释：“设计模式（Desig

Modernizr——为HTML5和CSS3而生！Tags : HTML5   CSS3   译文   JS     03-10 / 20112 comments原文地址：http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/堂主译文地址：http

JS 框架 ：后台系统完整的解决方案BUI简介：在很久以前，自己还是开发的时候，最头疼的就是做前端的页面，往往被繁琐兼容性问题，不统一的交互和样式，难用的控件库所困扰。所有的解决方案，都是临时的，都是没有文档的。在前端领域混了几年，沉淀了很多东西，但是以前遇到的问题，让我决定哪一天做出一套打包好的东西，方便没有视觉、交互、前端的项目。今天我带来了这个前端

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles

上篇博客是关于特性中有关预定义特性的一些基础，同时也是对Attribute这一概念的一个宏观上的认识，在上篇博客结尾介绍了有关为自定义特性服务的AttributeUsage，这篇博客主要是通过filter的使用间接的了解自定义特性的具体应用。一、filter简介         在了解自定义特性前，先引入一个概念filter，它是MVC中自带的一种功能，在我们项目中通常会遇到在Ac

display属性容易搞混：值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。（CSS2.1 新增的值）list

标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：  　　从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conte

CSS布局 ——从display，position， float属性谈起页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果，

BUI框架 后台前端解决方案http://www.builive.com/

本文导读：padding margin都是边距的含义，关键问题得明白是什么相对什么的边距．padding是控件的内容相对控件的边缘的边距．margin是控件边缘相对父空间的边距．在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 下面讲解 padding

《CSS3 入门教程系列》前一篇文章详细介绍了 CSS3 RGBA 特性的用法，今天这篇文章我们在一起来看看 CSS3 中用于实现圆角效果的 border-radius 属性的具体用法。　　以前制作圆角效果，我们都需要使用多张圆角图片做为背景分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四个空标签，然后在每个空标签中应用一个圆角的背景位置，然后在对这几个应用了圆角的标签进行定

CSS3 选择器——属性选择器编辑推荐： 掘金是一个高质量的技术社区，从 CSS 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。 点击链接查看最新前端内容，或到各大应用市场搜索「 掘金」下载APP，技术干货尽在掌握中。上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第

CSS3 选择器——基本选择器编辑推荐： 掘金是一个高质量的技术社区，从 CSS 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。 点击链接查看最新前端内容，或到各大应用市场搜索「 掘金」下载APP，技术干货尽在掌握中。CSS的选择器，我想大家并不会陌生吧，因为天天在使用，但对于CSS3的

为什么需要socket.io？   node.js提供了高效的服务端运行环境，但是由于浏览器端对HTML5的支持不一，为了兼容所有浏览器，提供卓越的实时的用户体验，并且为程序员提供客户端与服务端一致的编程体验，于是socket.io诞生。    socket.io设计的目标是支持任何的浏览器，任何Mobile设备。目前支持主流的PC浏览器 (IE,Safari,Chrome,Firefox

语义： 更合理表达内容，更加合理的描述资源之间的关系，利于seo。 连通性： 扩展了客户端与服务器端通信过程webscokets,sse。 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行（离线资源、在线和离线事件、DOM存储、IndexDB、自web应用程序中使用文件[FileReader]）。 多媒体：使 video 和 audio直接被浏览器支持，不需要额外安装

HTML5想必大家都很熟悉了，因为太多的媒体在讨论这一技术。然而，你能准确地说出HTML5带来了哪些新特性吗？本文总结了HTML5带来的15项你必须知道的新特性。一起来看下：1.新的文档类型  (New Doctype)目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型： "http://www.w3.org/TR/xhtml1/DTD/x

几款JavaScript开发框架、开发库最早也是最出名的要数prototype了，这款鼻祖级的JavaScript库，如今已经配了新的搭档，那就是Script.aculo.us，这是一款完全基于prototype的开发框架，提供了相当数量 的上层应用组件和函数，你可以这么理解，假如把prototype比作MSIL，那么 Script.aculo.us就是.NET语言。目前 pr

SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。CanvasCanvas 通过 JavaScript 来绘

Firefox插件开发: Hello World！今天尝试开发一个Firefox的插件。虽然比较简单，网上也有很多教程，但是感觉一些教程写的比较麻烦，在初步的开发过程中并没有用到那些东西，于是自己把开发过程记录下来。我是根据Mozilla官方教程开发的，有兴趣的朋友可以自己去看看：https://developer.mozilla.org/en/Building_an_Extensio

前端开发推荐的火狐插件扩展火狐好用的插件有很多，主要看你是做什么工作了，比如我是做网站前端的，有一些调试页面的插件就不可缺少了，如firebug、web developer等。秀一下我收藏的火狐插件，有些还是比较好用的，有一两个是必用的，之所以装的少，是因为怕装多了影响火狐运行速度。有图有真相：●、Firefox火狐常用附加组件集合(集荐：月光博客|360doc|)

一个不错的火狐扩展插件 fire-ie 开源项目地址：https://github.com/yxl/Fire-IE/

思路： google扩展通过接口转接 ie

做了那么多年Web编程，仔细想想， 其实本质上就那点事儿， 你抓住了几个重点问题， 学起来一点都不难。1. 理解浏览器/服务器结构(B/S)B/S 是从 90年代的客户端/服务器端发展而来， 共同点都是由一个（或一组）服务器来服务多个客户端。差别在于首先，C/S结构的客户端可能是由不同语言编写的，例如VB,Delphi, PowerBuilder等， B/S结构中浏

http://akveo.com/blur-admin/#/tables/smart 后台模板

解决浏览器打印问题：思路1：用js原生打印 window.print(); 自定义一个打印按钮：点击打印实现打印（把不需要的区域隐藏）var tab=document.getElementById("ReportViewer_fixedTable");    var trs=tab.getElementsByTagName("tr");    for(var

什么是LESSCSSLESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。语言特性快速预览：变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的

官网：http://amazeui.org/getting-started?_ver=2.x

我用的一些Node.js开发工具、开发包、框架等总结，node.js开发包开发工具1.WebStorm，毫无疑问非他莫属，跨平台，强大的代码提示，支持Nodejs调试，此外还支持vi编辑模式，这点我很喜欢。2.做些小型项目用Sublime Text。3.Browserify：将你的nodejs模块应用到浏览器中4.nvm:nodejs版本管理工具，你可能会用到多个n

http://www.h-ui.net/H-ui.admin.shtml