
Web前端设计
文章平均质量分 67
Archer_An
这个作者很懒,什么都没留下…
展开
-
Struts2 MySQL数据库访问
本章将教如何使用Struts 2的简单的步骤来访问数据库。 Struts是一个MVC框架,而不是一个数据库框架,但它提供了极好的支持JPA/ Hibernate集成。我们将看看在的Hibernate集成在后面的章节,但在这一章中,我们将使用纯JDBC来访问数据库。在这一章中的第一个步骤是设置我们的数据库。我作为我的数据库在这个例子中使用MySQL。在机器上安装MySQL,我创建了一个新的数据库称为“原创 2015-10-06 21:50:54 · 443 阅读 · 0 评论 -
jQuery遍历
jQuery遍历jQuery向上遍历parent() - 返回被选元素的直接父元素parents() - 返回被选元素的所有祖先元素parentsUntil() - 返回介于两个给定元素之间的所有祖先元素jQuery向下遍历children() - 返回被选元素的所有直接子元素find() - 返回被选元素的后代元素,一路向下直到最后一个后代jQuery同节点遍历siblings()原创 2016-06-17 17:01:11 · 539 阅读 · 0 评论 -
jQuery-HTML
jQuery-HTMLjQuery捕获/设置jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 获得内容 - text()、html() 以及 val() - text() - 设置或返回所选元素的文本内容 - html() - 设置或返回所选元素的内容(包括 HTML 标记)原创 2016-06-17 17:01:42 · 350 阅读 · 0 评论 -
jQuery-Ajax
jQuery-AjaxjQuery-AJAX load()方法load()方法从服务器加载数据,并把返回的数据放入被选元素中 语法: $(selector).load(URL,data,callback); - URL - 必须的参数,规定您希望加载的 URL - data - 可选的参数,规定与请求一同发送的查询字符串键/值对集合原创 2016-06-17 17:02:26 · 342 阅读 · 0 评论 -
AngularJS简介
AngularJS简介前言: AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。 AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构,让浏览器能够识别新的语法。原创 2016-06-17 17:03:15 · 292 阅读 · 0 评论 -
AngularJS模型
AngularJS模型前言: AngularJS 应用组成如下: - View(视图), 即 HTML - Model(模型), 当前视图中可用的数据 - Controller(控制器), 即 JavaScript 函数,可以添加或修改属性Scope概述scope 是模型。是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。原创 2016-06-17 17:03:51 · 390 阅读 · 0 评论 -
AngularJS事件
AngularJS事件AngularJS Select示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head>原创 2016-06-17 17:04:43 · 381 阅读 · 0 评论 -
AngularJS服务
AngularJS服务前言: AngularJS 中你可以创建自己的服务,或使用内建服务。 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS内建了30 多个服务。 $location 服务可以返回当前页面的 URL 地址。原创 2016-06-17 17:05:18 · 382 阅读 · 0 评论 -
Node.js简介
Node.js简介前言: Node.js之所以是一个出色的框架,主要是基于以下几个原因: - JavaScript端到端:Node.js最大的一个优点在于,它可以让你用JavaScript同时编写服务器端和客户端脚本。在决定是把逻辑放入客户端脚本还是服务器端脚本方面一直有困难。利用Node.js,你可以在客户端上编写JavaScript,并轻松地在服务器上适应它,反之亦然。原创 2016-06-17 17:06:01 · 1072 阅读 · 0 评论 -
Node.js事件模型
Node.js事件模型**前言:**Node.js应用程序在一个单线程的事件驱动模型中运行。虽然Node.js在后台实现了一个线程池来工作,但应用程序本身不具备多线程的任何概念。Node.js回调函数Node.js异步编程的直接体现就是回调。异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node 所有 API 都支持回调原创 2016-06-17 17:06:28 · 1623 阅读 · 0 评论 -
Node.js EventEmitter
Node.js EventEmitter**前言:**Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。 Node.js里面的许多对象都会分发事件:一个net.Server对象会在每次有新连接时分发一个事件, 一个fs.readStream对象会在文件被打开的时候发出一个事件。 所有这些产生事件的对象都是events.EventEmitter 的实例。EventEmitt原创 2016-06-17 17:06:56 · 443 阅读 · 0 评论 -
jQuery属性
jQuery属性context - 在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文(检测上下文)jquery - 返回的字符串包含 jQuery 的版本号jQuery.fx.interval - 用于改变以毫秒计的动画运行速率原创 2016-06-17 17:00:10 · 260 阅读 · 0 评论 -
jQuery效果
jQuery效果隐藏/显示语法: (selector).show(speed,callback);(selector).show(speed,callback); (selector).hide(speed,callback); $(selector).toggle(speed,callback);jQuery滑动效果 jQuery 拥有以下滑动方法: jQuery slideDow原创 2016-06-17 16:58:46 · 260 阅读 · 0 评论 -
BootStrap中怎样学习响应式导航条
BootStrap中怎样学习响应式导航条响应式导航就是可以在不同的设备下查看不同的效果. 原先的做法是用两套不同的样式来回替换, 现在有了bootstrap之后, 就可以很简单的做到这样的效果. 主要效果图. 分别是电脑, 手机. 如何实现bootstrap的响应式导航条呢? Let’s go! 1. 这里bootstrap使用了html5的一个新的标签nav. 标签定义导航链接的部分.原创 2015-11-19 20:53:17 · 883 阅读 · 0 评论 -
Express.js安装
Express是Node.js最欢迎的Web开发框架,能大大地加快Node.js的网站开发速度。我们可以透过以下指令安裝Express.js: npm install -g express-generator - -原创 2016-06-26 17:18:21 · 291 阅读 · 0 评论 -
一个简单的express应用
知识点:包管理器 npm 。使用 npm 安装包,并自动安装所需依赖。框架 express 。学习新建 express 实例,并定义 routes ,产生输出。包管理器 npmnpm 可以自动管理包的依赖。只需要安装你想要的包, 不必考虑这个包的依赖包。在 PHP 中, 包管理使用的 Composer, python 中,包管理使用 easy_install 或者 pip,ruby 中我们使用原创 2016-06-26 20:46:39 · 417 阅读 · 0 评论 -
学习使用外部模块
目标:建立一个 lesson2 项目,在其中编写代码。 当在浏览器中访问http://localhost:3000/?q=alsotang时,输出alsotang的 md5 值,即 bdd5e57b5c0040f9dc23d430846e68a3。挑战:访问http://localhost:3000/?q=alsotang时,输出alsotang的 sha1(安全哈希算法)值,即 e3c766原创 2016-06-27 08:11:47 · 533 阅读 · 0 评论 -
使用 superagent 与 cheerio 完成简单爬虫
目标: 建立一个 lesson3 项目,在其中编写代码。 当在浏览器中访问 http://localhost:3000/ 时,输出 CNode(https://cnodejs.org/ ) 社区首页的所有帖子标题和链接,以 json的形式。知识点:1. 学习使用 superagent 抓取网页2. 学习使用 cheerio 分析网页Node.js中异步的场景运用的很多,其中爬虫的场景就比较适原创 2016-06-28 11:07:32 · 1282 阅读 · 1 评论 -
eventproxy 控制并发
目标: 建立一个lesson4项目,输出CNode(https://cnodejs.org/ ) 社区首页的所有主题的标题,链接和第一条评论,以 json 的格式。知识点: 1. 体会Node.js的callback hell之美2. 学习使用eventproxy控制并发 在lesson3中我们介绍了如何使用 superagent 和 cheerio 来取主页内容,那只需要发起一次 htt原创 2016-06-29 20:20:36 · 1030 阅读 · 1 评论 -
使用 async 控制并发
目标: 新建一个 lesson5 项目,在其中编写代码。 代码的入口是 app.js,当调用 node app.js 时,它会输出 CNode(https://cnodejs.org/ ) 社区首页的所有主题的标题,链接和第一条评论,以 json 的格式。注意:与之前不同的是,并发连接数需要控制在 5 个。知识点: 1. 学习 async(https://github.com/caolan/a原创 2016-06-29 20:21:51 · 2159 阅读 · 0 评论 -
测试用例:mocha,should,istanbul
目标: 建立一个 lesson6 项目,在其中编写代码。main.js: 其中有个 fibonacci 函数。此函数的定义为 int fibonacci(int n)- 当 n === 0 时,返回 0;n === 1时,返回 1;- n > 1 时,返回 fibonacci(n) === fibonacci(n-1) + fibonacci(n-2),如 fibonacci(10)原创 2016-06-30 18:52:18 · 539 阅读 · 0 评论 -
浏览器端测试:mocha,chai,phantomjs
目标: 建立一个 lesson7 项目,在其中编写代码,我们在lesson7中新建一个文件夹命名为 vendor 这次我们测试的对象是之前提到的 fibonacci 函数此函数的定义为 int fibonacci(int n)- 当 n === 0 时,返回 0;n === 1时,返回 1;- n > 1 时,返回 fibonacci(n) === fibonacci(n-1) +原创 2016-06-30 18:53:06 · 1760 阅读 · 0 评论 -
jQuery基本语法
jQuery语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).action()$符号定义 jQuery选择符(selector)”查询”和”查找” HTML 元素jQuery 的 action() 执行对元素的操作原创 2016-06-17 16:57:00 · 419 阅读 · 0 评论 -
MongoDB简介
MongoDB简介NoSQL简介NoSQL(Not Only SQL 缩写 ):由提供缺乏传统SQL关系数据库的严格限制模型的存储和检索技术组成。NoSQL背后的主要冬季是简化设计、水平扩展、以及对数据的可用性进行更精细的控制。 NoSQL的思路是打破关系数据库的传统结构,并允许开发人员用更紧密地契合了其系统数据流需求的方法实现模型。NoSQL数据库的实现方式可能永远无法用传统的关系数据库来构造。原创 2016-06-17 17:07:28 · 490 阅读 · 0 评论