JavaScripts+jquery

选择器参数 element 一个用于搜索的元素.指向DOM节点的标签名. <div>div1</div> <div>div2</div> <span>span</span> $('div'); [<div>div1</div>, <div>div2</div>] class 一个用于搜索的类.一个元素可以有多个类,只要有一个符合就包含. <div class=&quo…

效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/2.htm 原文:http://keleyi.com/a/bjac/hxv86dyi.htm <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery…

jQuery实现鼠标移到元素上动态提示消息框效果

当光标移动到某些元素上时,会弹出像tips的提示框,这种效果想必大家都有见到过吧,下面有个不错的示例,大家可以感受下当光标移动到某些元素上时,会弹出像tips的提示框. 复制代码代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…

js 利用jquery.gridly.js实现拖拽并且排序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='javascripts/jquery.js' type='text/javascript'></script> <script src='javascripts/jqu…

基于jquery ajax的多文件上传进度条

效果图前端代码,基于jquery <!DOCTYPE html> <html> <head> <title>主页</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <style type…

jQuery Growl插件(消息提醒)

ps:菜鸟教程 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery//2.0.2/jquery.min.js" type="text/javascript"></script> <script src="https://…

jQuery.treetable使用及异步加载

Usage 1 GitHub 地址 https://github.com/ludo/jquery-treetable/ 2 API 地址 http://ludo.cubicphuse.nl/jquery-treetable/ 3 jQuery 官网链接 http://plugins.jquery.com/treetable/ 引入代码: <link href="path/to/jquery.treetable.css" rel="stylesheet" typ…

Node.js导入jquery.min.js报错

报错如下: 一看就是路径问题,可是代码中路径看起来貌似没错,如下: 解决方法: 引入方式如下: <script type="text/javascript" src="/javascripts/jquery.min.js"></script> 原因: 目录已经在框架里配置过了, public是配置路径里的. 刚开始学Node.js,怎么发现有点摸不到感觉呢...呜呜,不管怎样,今年得把Node.js入个门了,加油!!!…

基于Node.js实现一个小小的爬虫

以前一直听说有爬虫这种东西,稍微看了看资料,貌似不是太复杂. 正好了解过node.js,那就基于它来个简单的爬虫. 1.本次爬虫目标: 从拉钩招聘网站中找出“前端开发”这一类岗位的信息,并作相应页面分析,提取出特定的几个部分如岗位名称.岗位薪资.岗位所属公司.岗位发布日期等.并将抓取到的这些信息,展现出来. 初始拉钩网站上界面信息如下: 2.设计方案: 爬虫,实际上就是通过相应的技术,抓取页面上特定的信息. 这里主要抓取上图所示岗位列表部分相关的具体岗位信息. 首先,抓取,就得先有地址url:…

Jade 模板引擎使用

在 Express 中调用 jade 模板引擎 jade 变量调用 if 判断循环 Case 选择在模板中调用其他语言可重用的 jade 块 (Mixins) 模板包含 (Includes) 模板引用 (Extends) 转载自http://www.lellansin.com/jade-%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E%E4%BD%BF%E7%94%A8.html 在 Express 中调用 jade 模板引擎 1 2 3 4 5 6 7 8 9 1…

js实现图片轮播

效果图…

HighCharts从数据库中读取数据

1.index.js router.get('/', function(req, res, next) { res.render('index', { title: 'Express' }); }); router.get('/value', function(req, res, next) { var sql="select * from [dbo].[highcharts]"; dbHelper.querySql(sql,"", function(err,res…

【nodejs笔记——小知识点汇总】

1. ejs标签: <% %> , <%- %> , <%= %>的区别 ejs的标签分为三种: (1)<% code %> javascript代码 (2) <%- code %> 显示结果会按HTML语法转换格式 (3)<%= code %> 显示原样结果例: 若code为<h1> hello </h1> 则 <%- code %> ,输出 h1大的hello:…

Play Framework 完整实现一个APP（十一）

添加权限控制 1.导入Secure module,该模块提供了一个controllers.Secure控制器. /conf/application.conf # Import the secure module module.secure=${play.path}/modules/secure /conf/routes # Import Secure routes * / module:secure 2.在Post Comment User Tag控制器上添加标签 @With(Secure.cl…

Play Framework 完整实现一个APP（六）

需要为Blog添加查看和发表评论的功能 1.创建查看功能 Application.java中添加 show() 方法 public static void show(Long id) { Post post = Post.findById(id); render(post); } 创建 app/views/Application/show.html #{extends 'main.html' /} #{set title:post.title /} #{display post:post, a…

express请求及对应的获取说明

express 封装了多种 http 请求方式,我们主要只使用 get 和 post 两种,即 app.get() 和 app.post() . app.get() 和 app.post() 的第一个参数都为请求的路径,第二个参数为处理请求的回调函数,回调函数有两个参数分别是 req 和 res,代表请求信息和响应信息 .路径请求及对应的获取路径有以下几种形式: req.query // GET /search?q=tobi+ferret req.query.q // => "tobi f…

Vue.js组件之联动下拉框

Html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉框</title> <link href="../public/stylesheets/bootstrap.min.css" rel="stylesheet" type="text/c…

node.js 入门实例【转】

第1章一个简单的博客 nswbmw edited this page 14 days ago · 38 revisions Pages 29 Home FAQ 番外篇之——使用 _id 查询番外篇之——使用 Async 番外篇之——使用 Disqus 番外篇之——使用 generic pool 番外篇之——使用 Handlebars 番外篇之——使用 KindEditor 番外篇之——使用 Mongoose 番外篇之——使用 Passport 番外篇之——部署到 Heroku 第10章增加…

Nodejs学习总结 -Express 登录注册示例（二）

项目创建后,我们来做个登录注册实例,详细操作步骤如下. 1.新建项目demo ,具体操作步骤参考上一章内容 https://www.cnblogs.com/Anlycp/ 2.添加mysql和session包 package.json dependencies中添加下面内容后输入npm install进行安装 "mysql": "latest", "express-session" : "latest", 输入下面语句进行和上…

node与socket.io搭配小例子-转载

//服务端代码 io = require('socket.io').listen(app), fs = require('fs'), cookie=require('cookie'); request=require('request'); global.userlist={}; app.listen(8080); //io.set('log level', 1);//将socket.io中的debug信息关闭 function handler (req, res) { res.writeHea…

nodejs的url参数获取

express封装了多种http请求方式,我们主要使用get和post两种,即qpp.get和qpp.post.qpp.get和qpp.post的第一个参数都为请求的路径,第二个参数为处理请求的回调函数,回调函数有两个参数,分别是req和res,代表请求信息和响应信息.路径请求及对应的获取路径有以下几种形式: req.query //GET /search?q=tobi+ferret req.query.q;//"tobi ferret" //GET /sho…

前端那点事儿——Tocify自动生成文档目录

今天偶然间看到文档服务器有一个动态目录功能,点击目录能跳转到指定的位置:窗口滑动也能自动更新目录的焦点. 效果框架原来使用的是一个开源的jquery-ui控件——tocify.js,它可以遍历页面,把指定的DOM元素抽取出来形成目录.下载地址参考gitub : [gfranko/jquery.tocify.js] 开发者可以直接下载zip包使用,压缩包里面的内容包括: demos 演示页面(里面有一个google的链接,访问会超时,去掉即可) images 可以忽略 libs 额外使用的文件…

第1章 Express MongoDB 搭建多人博客

学习环境 Node.js : 0.10.22 + Express : 3.4.4 + MongoDB : 2.4.8 + 快速开始安装 Express express 是 Node.js 上最流行的 Web 开发框架,正如他的名字一样,使用它我们可以快速的开发一个 Web 应用.我们用 express 来搭建我们的博客,打开命令行,输入: $ npm install -g express 我们需要用全局模式安装 express,因为只有这样我们才能在命令行中使用它. 新建一个工程笔者是在 W…

Framework7--Test

<!doctype html> <html> <head> <title>{{title}}</title> <meta charset="utf-8"> <link rel="stylesheet" href="stylesheets/framework7.ios.min.css"> <!-- Path to Framework7 iOS related…

node.js入门及express.js框架

node.js介绍 javascript原本只是用来处理前端,Node使得javascript编写服务端程序成为可能.于是前端开发者也可以借此轻松进入后端开发领域.Node是基于Google的V8引擎封装的,并提供了一些编写服务器程序的常用接口,例如文件流的处理.Node的目的是提供一种简单的途径来编写高性能的网络程序. Node.js特性* 单线程* 非阻塞IO* Google V8* 事件驱动 node.js安装对于在windows下的开发环境,node.js已经提供了windows安装包…

Jade之Includes

Includes jade允许利用include将其他文件(支持filters所支持的类型)中的代码嵌入当前代码中. jade: //- index.jade doctype html html include ./includes/head.jade body h1 My Site p Welcome to my super lame site. include ./includes/foot.jade //- includes/head.jade head title My Site scr…