js用canvans 实现简单的粒子运动

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #canvas{ background:#000…

1 JS基础(超级简单) 1.1 数据类型 1.1.1 基本类型: 1) Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2) string 3) boolean 4) null 5) undefined 1.1.2 复杂类型 object:date,array,function 1.2 变量 var 变量名=值变量的作用域:1.全局:以页面为单位.2局部:以函数为单位.…

JS去掉首尾空格简单方法大全(原生正则jquery)

JS去掉首尾空格简单方法大全 var osfipin= ' http://www.cnblogs.com/osfipin/ '; //去除首尾空格 osfipin.replace(/(^\s*)|(\s*$)/g, ""); //去除左边空格 osfipin.replace(/(^\s*)/g, ""); //去除右边空格 osfipin.replace(/(\s*$)/g, ""); //jquery 需提前引用jquery $.trim(o…

js实用方法记录-简单cookie操作

js实用方法记录-简单cookie操作设置cookie:setCookie(名称,值,保存时间,保存域); 获取cookie:setCookie(名称); 移除cookie:setCookie(名称,值,-1,保存域); 设置cookie 测试代码:setCookie('test','hello') //保存session级的cookie到根域测试代码:setCookie('test','hello',30,false) //保存30天且保存到当前全域名 /** * 设置cookie * @…

sChart.js：一个小型简单的图表库

介绍 sChart.js 作为一个小型简单的图表库,没有过多的图表类型,只包含了柱状图.折线图.饼状图和环形图四种基本的图表.麻雀虽小,五脏俱全.sChart.js 基本可以满足这四种图表的需求.而它的小,体现在它的体积上,代码只有 8kb,如果经过服务器的Gzip压缩,那就更小了,因此不用担心造成项目代码冗余. 该库使用 canvas 实现,兼容 IE9 以上浏览器. 文档(中英文):http://test.omwteam.com/sChart 演示地址:http://test.omwteam…

Nodejs学习笔记（十五）--- Node.js + Koa2 构建网站简单示例

目录前言搭建项目及其它准备工作创建数据库创建Koa2项目安装项目其它需要包清除冗余文件并重新规划项目目录配置文件规划示例路由,并新建相关文件实现数据访问和业务逻辑相关方法编写mysql-helper.js 编写数据访问方法规划业务逻辑返回值编写业务逻辑注册登录首页安全退出写在之后前言前面一有写到一篇Node.js+Express构建网站简单示例:http://www.cnblogs.com/zhongweiv/p/nodejs_express_webapp.…

[转]Nodejs学习笔记（十五）--- Node.js + Koa2 构建网站简单示例

本文转自:https://www.cnblogs.com/zhongweiv/p/nodejs_koa2_webapp.html 目录前言搭建项目及其它准备工作创建数据库创建Koa2项目安装项目其它需要包清除冗余文件并重新规划项目目录配置文件规划示例路由,并新建相关文件实现数据访问和业务逻辑相关方法编写mysql-helper.js 编写数据访问方法规划业务逻辑返回值编写业务逻辑注册登录首页安全退出写在之后前言前面一有写到一篇Node.js+Express构…

Nodejs学习笔记（十五）—Node.js + Koa2 构建网站简单示例

前言前面一有写到一篇Node.js+Express构建网站简单示例:http://www.cnblogs.com/zhongweiv/p/nodejs_express_webapp.html 这篇还是用以前的例子, 用Node.js+Koa2构建 Koa: https://github.com/koajs/koa http://koa.bootcss.com (中文) Koa就不多介绍了,前面也写过Express,同一个团队打造,前面也过express文章,对比着看,自然可以看出些优点…

js中json数据简单处理（JSON.parse()和js中嵌套html）

js中json数据简单处理(JSON.parse()和js中嵌套html) 一.总结 1.html中嵌套js:<script>js代码</script> 2.js中嵌套html:document.write('<table><tr><th>key</th><th>value</th></tr>') //2.在js中嵌套html,用document.write() 二.js中json数据简单处理练习…

Node.js 环境搭建及简单应用

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型.如果你想创建自己的服务,那么Node.js是一个非常好的选择.今天就来介绍一下 Node.js 环境搭建及简单应用. 1.安装 Node.js 首先下载安装 Node.js,官方网站下载即可. 官方地址:https://nodejs.org/en/ 安装好后可以通过命令提示符查看安装版本是否正确,如下如所示: 这时你有可能会问到 npm 是什么?…

用 Node.js 实现的最简单的 HTTP 服务器

用 Node.js 实现的最简单的 HTTP 服务器 //app.js var http = require('http'); http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write('<h1>Node.js</h1>'); res.end('<p>Hello World</p>'); }).listen(3000)…

js和jquery实现简单的选项卡

选项卡切换在做网页的时候经常会用到,以往都是用JQ来实现,代码简单易懂,今天用原生的js实现了一下,二者还是有很大不同的,可以对比一下代码来研究一下. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.…

无聊的人用JS实现了一个简单的打地鼠游戏

直入正题,用JS实现一个简单的打地鼠游戏因为功能比较简单就直接裸奔JS了,先看看效果图,或者在线玩玩吧如果点击颜色比较深的那个(俗称坏老鼠),将扣分50:如果点击颜色比较浅的那个(俗称好老鼠),将得分100 实现老鼠好像有点难画,又不想用图片,就直接用CSS画个简单的图代表老鼠和坑吧 html结构挺简单,用9个 li 标签代表坑,用9个 div 标签代表老鼠 <div class="container"> <h4>无聊打打地鼠</h4>…

jquery.validate.js 表单验证简单用法

引入jquery.validate.js插件以及Jquery,在最后加上这个插件的方法名来引用.$('form').validate(); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or…

Js 职责链模式简单理解

js 职责链模式的简单理解.大叔的代码太高深了,不好理解. function Handler(s) { this.successor = s || null; this.handle = function () { if (this.successor) { this.successor.handle(); } } } var app = new Handler({ handle: function () { console.log('app handle'); } }); var dialo…

JS中计算器的简单制作

今天学习的是JS中的if语句,除此之外老师还教给我们switch语句的用法, 我们用来写了简单计算器的算法,如下: <script> var a=prompt("请输入一个数字") var a=parseInt(a) if(!isNaN(a)) { var b=prompt("请输入一个数字") var b=parseInt(b) if(!isNaN(b)) { var c=prompt("请输入加减乘除运算中的一种") switch…

java,js,jstl,EL的简单交互

EL全名Expression Language.EL提供了在JSP脚本编制元素范围外使用运行时表达式的功能. 脚本编制元素是指页面中能够用于在JSP文件中嵌入java代码的元素. JSP标准标记库(jsp staandard tag library,jstl)是一个实现web应用程序常用功能的定制标记库集.有c标签.fmt标签,sql标签,xml标签,fn标签等. EL表达式与jstl有何不同? El表达式的出现主要是为了使jsp的使用更简单,减少java的代码,一般与jstl配合使用,但有时会…

用JS编写日历的简单思路

提要:本文以写当前时间环境下当月的日历表为例,用最简单的方法实现JavaScript日历,旨在展示JS世界中实用为本.简单为上的解决问题的思路. Web页中的日历一般离不开表格,通常都使用表格装载指定月的日期等信息.所以,要编写JS日历,首先必须解决的问题是表格的行与列问题.列是固定的,七列,因为一周有七天.行需要动态计算,因为,每一个月的第一天是星期几是一个变数,因而第一天在表格中的第几个单元也就跟着变化,同时,每个月的总天数不一致也影响着各个月对表格行数的需要量. 一. 表格的行数问题 1.…

js编译器的一些简单原理

有没有发现在写代码的时候,往往会遇到一些莫名其妙的错误,然后时间紧急不得不去网上查阅一些代码.虽然要实现的功能解决了,但是看被拷贝的代码好多真心看不懂,以后遇到诸如此类的问题,如果查阅不到这些代码的话还是不会.所以今天给大分享一下内部原理的问题 ###1.js编译器编译的几条基本原则 >a.js预编译:解释函数声明,忽略表达式: >b.运行期间获取变量会有底层向顶层依次查找,直到找到为止(华续以前已经分享过): >c.变量的定义会被提前到body下,即所属代码最前面声明: >d.f…

jsp、js分页功能的简单总结

一.概述首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要.分页技术,有选择的加载某部分数据,在数据量较大的时候,分部分加载数据.显示数据,可以有效提高程序的性能,当然,单纯的js的分页技术并没有这种效果. 所以,分页技术是web技术中比较常用的技术,而下面讨论的主要是两种分页技术:一种是jsp的分页技术,其读取数据分批次读取,操作页数跳转的时候才加载相应页面…

JS 中对象的简单创建和继承

对象的简单创建 1.通过对象直接量创建比如 var obj = {}; 2.通过new 创建比如 var obj = new Object(); // 相当于var obj = {}; var arr = new Array(); 3.使用 Object.create() 这个方法有两个参数,第一个参数是这个对象的原型,第二个参数用以对对象的属性进行进一步描述(可选) }); var obj1 = Object.create(null); console.log(obj instanceof…

knockout.js的简介和简单使用

1.knockout简介knockout是一个轻量级的UI类库,通过MVVM模式使JavaScript前端UI简单化knockout有四大重要概念:1)声明式绑定:使用简明移读的语法很容易地将模型(model)数据关联到dom元素上.2)UI界面自动刷新:当宁的模型状态(model state)改变时,您的UI将自动更新3)依赖跟踪:为转变和联合数据,在你的模型数据之间隐式建立关系4)模板:为你的模型数据快速编写复杂的可嵌套的UI 2.knockout特性和好处特性:优雅的依赖跟踪声明式绑定灵活…

JS+css滑动菜单简单实现

JS+css滑动菜单制作一个简单的滑动菜单,当鼠标指向菜单标题时,滑出二级菜单.移开时二级菜单隐藏.目标很简单,实践时有一些细节需要注意,比如鼠标移向二级菜单的过程中,二级菜单消失了.还有定位出错等等.. 一.使用了如下HTML标记结构 ul // 菜单条块 li // 子项块 a // 菜单(链接) div // 二级菜单块二.主要样式设置 1.ul list-style:none // 去掉前面圆点其它样式,边框内外补等等 2.ul li float:left;// 左浮,让菜单在同…

关于js中select的简单操作，以及js前台计算，span简单操作

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset =utf-8"> <title>js获取数据</title> </head> <body> <span id="s1">111</span><br…

JS图表组件 highcharts 简单的介绍

把highcharts拿来做个简单的介绍,希望更多的朋友可以用到这个用来做图表的js插件. preparation Highcharts Highcharts是一个制作图表的纯Javascript类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone.IE和火狐等等: 对个人用户完全免费: 纯JS,无BS: 支持大部分的图表类型:直线图,曲线图.区域图.区域曲线图.柱状图.饼装图.散布图: 跨语言:不管是PHP.Asp.net还是Java都可以使用,它只需要三个文件:一个是High…