从今天开始，我将带领新朋友们，从了解javascript开始，一步一步地进阶到大神境界，别的不废话，现在开始，我们就一点一点地从入门阶段开始。我们还是介绍一下javascript的身世，不然，大家会对javascript存在非常大的误解，它的产生历史，我们就过于多说，我也记不住，上学开始历史也没及过格js与我们经常用来开发后台程序的java语言不是什么亲戚，他们的使用范围也是相差非常远，js只是用在html，用来对document节点进行增删改查...
导航条 导航条（navbar）和上一节介绍的Bootstrap入门书籍之（四）菜单、按钮及导航。导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 基础导航条 实际上，...
我们接下来要学习的东西呢，是Bootstrap为我们提供的一些组件，这些组件的使用非常简单，可以方便快捷帮助我们搭建网站，并且能达到一个不错的显示效果。我们最需要注意的就是： HTML的结构 和bootstrap提供 添加到结构上的类以及属性 。 这些组件的交互功能是依赖于jQuery库实现的，所以还必须引入jQuery.js，且必须在Bootstrap.js之前。正式上线的话直接使用压缩版本就可以了如下：菜单 基本用法 在官方文档中，我们看到的下拉菜...
实现原理 栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大的响应式布局方案。下面是官方文档中的解说： Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。 我们来理解一下这一段话，可以发现其中最重要的部分就是 移动设备优先 ，那么什么是...
推荐阅读：Bootstrap入门书籍之（零）Bootstrap简介 Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。 1. 标题 在Bootstrap中使用标题的方式和常规html一样：从 到 分别从大到小安排标题元素，只不过在Bootstrap中重新设置了其默认样式，从源码中可以看到有如下共性： 字体颜色与字体样式继承自父元素，字体粗细为...
什么是Bootstrap？ Bootstrap是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。基于html5、css3的bootstrap，具有下面这些诱人特性： （1）移动设备优先； （2）漂亮的设计； （3）友好的学习曲线； （4）卓越的兼容性； （5）响应式设计； （6）12列响应式栅...
这个入门指导是为javascript开发者写的。读这个文档之前，你最好掌握javascript和web开发编程，并还会非常基本的 Processing 知识。 目录： 为没有耐心看长篇大论的人准备：如果你很着急入门，那么你就需要知道以下几点：1、Processing.js 把 Processing 代码转变成能够在浏览器端运行的javascript代码，实质是通过标签来实现绘图的；2、为了使用它，你的首先下载 Processing.js；3、创建你的 后缀名为".pde"的 Processing 文件，它...
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 一、准备工作：1、为什么学习JavaScript所有的主流浏览器都只是Javascript大部分网页都使用Javascript它可以让网页呈现各种动态效果易学 2、如何插入JS标签要成对出现...
一、JSX介绍 ①定义 JSX=JavaScript XML，是一种在React组件内部构建标签的类XML语法。React在不使用JSX的情况下一样可以工作，但是使用JSX可以提高组件的可读性，增强JS语义，结构清晰，抽象程度高，代码模块化。因此推荐在React中使用JSX。 ②特点 1、元素名首字母大写 2、符合嵌套规则 3、可以写入求值表达式 4、驼峰式命名 5、不能使用javascript原生函数的一些关键词，如for和class。需要替换成htmlFor和className ③使用方法...
最近，因为工作需要一个树形下拉框的组件，经过查资料一般有两种的实现方法。其一，就是使用zTree实现；其二，就是使用easyUI实现。因为公司的前端不是使用easyUI设计的，故这里我选择了zTree来实现下拉树。 这里使用简单的数据格式（即简单的Json格式）类似如下Json：var zNodes =[{id:1, pId:0, name:"北京"},{id:2, pId:0, name:"天津"},{id:3, pId:0, name:"上海"},{id:6, pId:0, name:"重庆"},{id:4, pId:0, name:"河北省", o...
一．jQuery UI jQuery UI 是以jQuery 为基础的开源JavaScript 网页用户界面代码库。包 含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很 好交互性的web 应用程序。 jQuery UI 的官网网站为：http://jqueryui.com/ jquery-ui-x.xx.x.custom.zip 。里面目录结构如下： 1.css，包含与jQuery UI 相关的CSS 文件； 2.js，包含jQuery UI 相关的JavaScript 文件； 3.Development-bundle，包含多个不同的子...
今天主要讲的控件是radio，select，input，Label，Literal。这边服务器控件讲的比较少，主要是因为服务器控件一来可以在后台赋值，其次服务器控件在解析后也是也是html控件 在平时写程序的时候，给radio赋值最头痛了。今天把这些控件的赋值做成DEMO,跟大家一起分享。 代码如下: JQuery给控件赋值 www.54talk.cn $(document).ready(function() { alert("aa"); var v1 = "2"; var v2 = "2"; var v3 = "abc"; var v4 = "lab"; ...
那么Dom是如何读取和管理Html文件的呢？首先你必须要了解html的源码结构．看图 如果你有学过或写过Html，那么你会对上图一目了然．我想要说明的就是Html的源码结构是有层次的，而且标签与杯签之间还存在着父子，或相邻的关系．上图不难看出HTML这个标签是最顶级的．最上层的．也可以理解成html文件的根．其次是Head与Body标签．这两个标签是相邻的．也可以理解成兄弟关系．但他们都属于html的子标签或称为子元素．然后Body标签内包...
我最近就在学习怎么使用Firebug，网上找到一篇针对初学者的教程，感觉比较有用，就翻译了出来。 作者：Estelle Weyl原文网址：http://www.evotech.net/blog/2007/06/introduction-to-firebug/译者：阮一峰本文是Firebug的一个概览，并不对它的所有特性进行详尽解释。不过，本文的内容对一个新手来说，应该是足够了。目录一、安装Firebug二、打开和关闭Firebug三、Firebug窗口概览四、随时编辑页面五、用Firebug处理CSS六、盒状模型...
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery. 转载请注明子秋出品!博客园首发! 二.前言 首先道个歉! "从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就没有更新了, 原因...