web
文章平均质量分 75
_noname
Ideas worth spreading.
展开
-
ejs的视图模板引擎
一、版本升级 Express从2.0升级到3.0,将ejs的用法忽略,改为用户自定义形式。 引入ejs/index.js的模块,来支持ejs的模版引擎二、引入引擎的模块,然后在app中调用engine函数改造ejs引擎 app.engine('ejs', engine); 将layout.ejs设置成默认的布局模版原创 2017-03-10 01:32:47 · 1268 阅读 · 0 评论 -
jQuery_事件处理
Untitled Document //加载 DOM 的两种方式: jQuery 的 和 window.onlaod //$(document).ready(function(){}); -- $(function(){}); $(function(){ }); /* window.onload = funct原创 2017-01-10 02:21:09 · 460 阅读 · 0 评论 -
jQuery_CSS DOM 样式操作
•获取 class和设置 class: class 是元素的一个属性,所以获取 class和设置 class都可以使用 attr() 方法来完成.•追加样式:addClass()•移除样式:removeClass()--- 从匹配的元素中删除全部或指定的 class•切换样式:toggleClass() --- 控制样式上的重复切换.如果类名存在则删除它, 如果类名不存在则添加它.原创 2017-01-10 02:06:01 · 1843 阅读 · 0 评论 -
jQuery_属性操作
•attr(): 获取属性和设置属性–当为该方法传递一个参数时, 即为某元素的获取指定属性–当为该方法传递两个参数时, 即为某元素设置指定属性的值•jQuery 中有很多方法都是一个函数实现获取和设置. 如: attr(), html(), text(), val(),height(), width(), css() 等.•removeAttr(): 删除指定元素的指定属性原创 2017-01-09 02:33:31 · 490 阅读 · 0 评论 -
jQuery_包裹节点
•wrap():将指定节点用其他标记包裹起来. 该方法对于需要在文档中插入额外的结构化标记非常有用, 而且不会破坏原始文档的语义.•wrapAll(): 将所有匹配的元素用一个元素来包裹. 而wrap() 方法是将所有的元素进行单独包裹.•wrapInner(): 将每一个匹配的元素的子内容(包括文本节点)用其他结构化标记包裹起来. Untitled D原创 2017-01-09 02:12:31 · 1755 阅读 · 0 评论 -
jQuery_克隆和替换节点
•clone():克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为.•clone(true):复制元素的同时也复制元素中的的事件 •replaceWith(): 将所有匹配的元素都替换为指定的HTML 或DOM 元素•replaceAll(): 颠倒了的replaceWith()方法.•注意:若在替换之前,已经在元素上绑定了事件,替换原创 2017-01-09 01:43:29 · 3297 阅读 · 0 评论 -
jQuery_删除及清空节点
•remove():从 DOM中删除所有匹配的元素,传入的参数用于根据 jQuery 表达式来筛选元素. 当某个节点用remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用.•empty():清空节点 –清空元素中的所有后代节点(不包含属性节点). Untitled Document原创 2017-01-09 01:25:37 · 12821 阅读 · 0 评论 -
jQuery_创建节点及插入节点
•创建节点:使用 jQuery 的工厂函数$(): $(html); 会根据传入的html 标记字符串创建一个DOM 对象, 并把这个DOM 对象包装成一个jQuery对象返回.•注意:–动态创建的新元素节点不会被自动添加到文档中,而是需要使用其他方法将其插入到文档中; –当创建单个元素时,需注意闭合标签和使用标准的 XHTML格式.例如创建一个元素,可以使用 $(“”)或 $(“原创 2017-01-09 00:57:17 · 27177 阅读 · 0 评论 -
jQuery 中的 DOM 操作-查找节点
•DOM(Document Object Model—文档对象模型):一种与浏览器,平台,语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件•DOM 操作的分类:–DOMCore: DOM Core 并不专属于 JavaScript,任何一种支持 DOM的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML原创 2017-01-09 00:36:34 · 1669 阅读 · 0 评论 -
jQuery_表单元素过滤选择器
Untitled Document $(function(){ $("#btn1").click(function(){ //使所有的可用的单行文本框的 value 值变为 hello alert($(":text:enabled").val()); $(":text:enabled").val("hello"); }); $原创 2017-01-08 22:49:54 · 577 阅读 · 0 评论 -
jQuery_子元素过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size:原创 2017-01-08 22:21:20 · 657 阅读 · 0 评论 -
jQuery_属性过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 1原创 2017-01-08 22:10:02 · 408 阅读 · 0 评论 -
jQuery_可见性过滤选择器
Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size:原创 2017-01-08 21:50:59 · 584 阅读 · 0 评论 -
jQuery_动画
jQuery中的动画:隐藏和显示•hide():在 HTML文档中,为一个元素调用 hide()方法会将该元素的 display样式改为 none.代码功能同 css(“display”, “none”);•show():将元素的 display样式改为先前的显示状态.•以上两个方法在不带任何参数的情况下, 作用是立即隐藏或显示匹配的元素, 不会有任何动画. 可以通过制定速原创 2017-01-10 02:24:38 · 414 阅读 · 1 评论 -
Node.js基础
nodejs下载地址:http://download.csdn.net/detail/fanpengfei0/97476861.Node.js是什么? Node.js不是一种独立的语言,与PHP、java、.net即是开发语言也是平台不同,也不是javaScript的框架 jquery,更不是浏览器的库ExtJs,能不与ExtJs相提并论。Node.js是一个让JavaScr原创 2017-02-06 01:38:12 · 437 阅读 · 0 评论 -
nodejs回调函数与事件
一、回调函数 1.异步式读取文件 var fs=require('fs'); fs.readFile('file.txt','utf-8',function(err,data){ if(err){ console.原创 2017-02-07 02:35:46 · 1359 阅读 · 0 评论 -
node.js 模版引擎
一、什么是模版引擎 模版引擎是一个从页面模版根据一定的规则生成HTML的工具,PHP首发,随后出现了ASP、JSP都沿用这个模式,即建立一个HTML页面模版,插入可执行的代码。运行时动态生成HTML。 缺点: 页面功能逻辑与页面布局样式耦合,网站规模变大以后逐渐难以维护 语法复杂,对于非技术的网页设计者来说门槛原创 2017-03-10 01:31:20 · 639 阅读 · 0 评论 -
node.js 路由控制
一、工作原理 当通过浏览器访问app.js建立的服务器时,会看到一个简单的页面,实际上它已经完成了许多透明的工作, 当访问http://localhost:3000,浏览器会向服务器发送请求,包括请求的方法、路径、HTTP协议版本和请求头信息。app会解析请求的路径,调用相应的逻辑,app.js中有app.get("/",routes.index原创 2017-03-10 01:29:59 · 1357 阅读 · 0 评论 -
node.js express工程的结构
我们使用express生成了package.json,它只产生了javascript的app.js和routes/index.js。模版引擎ejs有文件index.ejs,此外还有样式表style.css。 12讲问题:创建工程时候一直使用jade。要求用ejs一、app.js 工程的入口。 分析代码: 1.我们导入了express模块,前原创 2017-03-10 01:28:36 · 775 阅读 · 0 评论 -
node.js express框架
一、为什么要用Express框架? Node.js由于不需要另外的HTTP服务器,因此减少了一层抽象,给性能带了不少的提升,同时也因此提高了开发难度,实现一个POST数据的表单,例如: PHP获取POST请求参数: echo $_PO原创 2017-03-10 01:26:45 · 425 阅读 · 0 评论 -
node.js fs文件 操作
介绍:fs模块是文件操作的封装,它提供了文件的读取,写入,更名,删除,遍历目录,链接POSIX文件系统操作。与其他模块不同的是,fs模块中所有的操作都提供了异步和同步两个版本,例如读取文件内容函数异步方法:readFile(),同步方法readFileSync()。 一、fs.readFile(filename,[encoding],[callback(err,data)])是最简单的读原创 2017-02-24 01:01:23 · 787 阅读 · 0 评论 -
node.js util全局变量 事件驱动events
一、util全局变量 1.util.inherits(constructor,superConstructor) 此方法是一个实现对象间原型继承的函数。javaScript通过原型赋值来实现继承,细节可参考云哥JS高级视频(原型)。 案例看 util/inherits.js 定义了一个基础对象Bas原创 2017-02-22 01:30:55 · 643 阅读 · 0 评论 -
node.js http
http服务端概念:Node.js提供了http模块。其中封装了一个高效的HTTP服务器和一个建议的HTTP客户端。 http.server是一个基于事件的HTTP服务器。内部有C++实现。接口由JavaScript封装。 http.request则是一个HTTP客户端工具。用户向服务器发送请求。一、HTTP服务器原创 2017-02-28 02:24:16 · 930 阅读 · 0 评论 -
Node.js模块全局安装路径配置
下载安装NodeJS后,在自己选择的路径下会有如下的文件:默认情况下NodeJS安装会同时安装npm(模块管理器:用于管理用户require的模块,有全局和本地两种)。注:全局:执行npm install -g 就会将模块装在全局路径下,当用户在程序中require()的时候不用考虑模块在哪,如果不修改全局路径,用户下载的模块会默认在C:\Users\A原创 2017-02-17 17:48:54 · 22946 阅读 · 0 评论 -
Vue2.0 新手入门 — 从环境搭建到发布
什么是 VueVue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值组件化页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来Vue2.0 推荐开发环境Homeb转载 2017-02-17 17:48:02 · 2566 阅读 · 1 评论 -
node.js全局对象和全局变量
概念:所有属性都可以在程序的任何地方访问,即全局变量。在JavaScript中,通常window是全局对象,而Node.js的全局对象是global,所有全局变量都是global对象的属性,如:console、process等。 一、全局对象与全局变量 global最根本的作用是作为全局变量的宿主。满足以下条件成为全局变量:原创 2017-02-09 02:05:56 · 2477 阅读 · 0 评论 -
node.js包管理器和代码调试
一、如何使用包管理器 Node.js包管理器,即npm是Node.js官方提供的包管理工具,它已经成了Node.js包的标准发布平台,用于Node.js包的发布、传播、依赖控制。 (1)获取一个包 npm [install/i] [package_name]原创 2017-02-09 02:04:41 · 1173 阅读 · 0 评论 -
nodejs模块与包
概念:模块(Module)和包(Package)是Node.js最重要的支柱。开发一个具有一定规模的程序不可能只用一个文件,通常需要把各个功能拆分、分装、然后组合起来。模块正式为了实现这种方式而诞生,在浏览器JavaScript中,脚本模块的拆分和组合通常使用HTML的script标签来实现,Node.js提供了require函数来调用其他模块,而且模块都是基于文件,机制非常简单,模块和包的区别是原创 2017-02-07 02:42:02 · 3835 阅读 · 0 评论 -
jQuery_内容过滤选择器
Untitled Documentdiv, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana;}div.mini { width:原创 2017-01-08 21:41:04 · 466 阅读 · 0 评论 -
jQuery_基本过滤选择器
•过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM 元素, 该选择器都以 “:”开头•按照不同的过滤规则,过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器. Untitled Document div, span, p { width: 140px;原创 2017-01-08 21:26:32 · 396 阅读 · 0 评论 -
jQuery_层次选择器
Untitled Documentdiv, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana;}div.mini { width:原创 2017-01-08 21:14:03 · 650 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()使用介绍
parse用于从一个字符串中解析出json对象注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。stringify()用于从一个对象解析出字符串 Platformvar str='{"name":"hello","age":"111"}';var parseResult=JSO原创 2017-01-04 20:02:24 · 2736 阅读 · 0 评论 -
jquery中的ready函数与window.onload谁先执行
关于$(document).ready():jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload = function(){ ... }来实现呢?这里,我们要明确二者之间的区别。我们使用window.onload = function(){ ... },是希望在页面被载入时执行funct原创 2017-01-04 19:42:40 · 576 阅读 · 0 评论 -
css中设置table中的td内容自动换行
在项目中,有用到表格。因为有的内容比较长,所以需要列宽大一些,有的内容比较短,列宽就小一些。遇到了一个问题,在学校联系方式表里面,联系人电话/电子邮件这两列,无论我加多大的宽度,内容总是会把表格列撑的很宽,百度了一下,发现原因是这样的:一般字母的话会被浏览器默认是一个字符串或者说一个单词,所以不会自动换行所以需要设置一下,让表格内容自动换行。 1.在中设置样式style原创 2017-01-04 19:34:14 · 777 阅读 · 0 评论 -
Javascript Array和String的互转换
Array类可以如下定义: var aValues = new Array(); 如果预先知道数组的长度,可以用参数传递长度 var aValues = new Array(20); ------------------如下2种定义方式是一样的--------1----------- var aColors = new Array();原创 2017-01-04 19:31:07 · 498 阅读 · 0 评论 -
javascript中如何把类型为object的变量,变成类型为array的变量
1、object无法直接转换为array,两个是不同的类型和数据结构。2、object中的结构是一个属性=值的结构模式,而array是数字索引=值的结构模式3、如果确实根据一定的业务逻辑能转换,则需要循环var obj={"name":"hello","age":"111"}; var tmp=[]; for(var key in obj){原创 2017-01-04 19:23:24 · 1554 阅读 · 2 评论 -
html基础
html-demo hello world######实例解析 声明为 HTML5 文档 元素是 HTML 页面的根元素 元素包含了文档的元(meta)数据 元素描述了文档的标题 元素包含了可见的页面内容 元素定义一个大标题 元素定义一个段落#####什么是HTML?HTML 是用来描述网页的一种语言。原创 2016-12-25 05:44:49 · 1109 阅读 · 0 评论 -
JavaScript 使用误区
JavaScript 使用误区赋值运算符应用错误在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。if 条件语句返回 false (是我们预期的)因为 x 不等于 10:var x = 0;if (x == 10)if 条件语句返回 true (不是我们预期的)因为原创 2016-12-26 04:13:06 · 407 阅读 · 0 评论 -
JavaScript基础
############为什么学习 JavaScript?JavaScript web 开发人员必须学习的 3 门语言中的一门:HTML 定义了网页的内容CSS 描述了网页的布局JavaScript 网页的行为#####JavaScript 简介JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电原创 2016-12-26 04:10:44 · 1902 阅读 · 0 评论 -
css基础
###################################CSS 简介什么是 CSS?CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样原创 2016-12-25 07:18:03 · 903 阅读 · 0 评论