web前端学习
Couragefff
沉迷于code无法自拔而日渐消瘦
展开
-
jQuery验证控件jquery.validate.js使用说明
一导入js库 1.jquery.js 2.jquery.validate.js二、默认校验规则 (1)required:true 必输字段 (2)remote:”check.php” 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true转载 2016-10-26 17:15:07 · 416 阅读 · 0 评论 -
sessionStorage 、localStorage 和 cookie比较
简介sessionStorage 、localStorage 和 cookie的功能 sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。 cookie,容量4kb,默认各种浏览器都支持,缺陷就是每次请求,浏览器都会把本机存原创 2017-07-30 15:18:32 · 548 阅读 · 0 评论 -
node.js---study2 连接池连接数据库实现登录注册查询用户的功能---
目录结构整体的目录结构是酱紫的 连接数据库安装“mysql”包$ npm install mysqlroutesindex.jsvar express = require('express');var router = express.Router();/* GET home page. */var welcome=require('../controllers/welcome');rout原创 2017-07-19 14:07:11 · 947 阅读 · 0 评论 -
用js控制进入全屏,退出全屏
需求是这样的 ,有一个图标元素,点击后进入全屏,再次点击退出全屏。 实现代码:<li id="fullscreen"><a href="#" ><span class="glyphicon glyphicon-resize-full "></span></a></li> //控制全屏 function enterfullscreen() {//进入全屏 var docElm原创 2017-08-16 15:49:28 · 3717 阅读 · 2 评论 -
前端---严格模式与混杂模式
在前端开发的调试中,有可能会要求知道严格模式和混杂模式,而要知道严格模式和混杂模式,首先要知道DOCTYPE,先来看看DOCTYPE的定义。 DOCTYPE的定义DOCTYPE(是Document Type文档类型的简写)是一组机器可读的规则,它们指示(X)HTML文档中允许有什么,不允许有什么,DOCTYPE正是用来告诉浏览器使用哪种DTD,一般放在(X)HTML文档开头声明)用以告诉其他人这个原创 2017-08-20 12:14:30 · 1134 阅读 · 0 评论 -
CSS3学习笔记
一.选择符 二.属性 溢出隐藏: #div4 p{ width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }文本阴影: text-shadow: 2px 1p原创 2017-07-28 15:13:28 · 446 阅读 · 0 评论 -
复选框全选全不选的例子---坑在 选中却不打钩,但检查元素是checked="checked"
情况是这样的:我的html结构:<form method="post" action=""> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="i原创 2017-08-16 09:08:03 · 826 阅读 · 0 评论 -
jquery.cookie() 方法的使用(读取、写入、删除)
一个轻量级的cookie 插件,可以读取、写入、删除 cookie。 jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。 使用方法 1.新添加一个会话 cookie: $.cookie(‘the_cookie’, ‘the_value’); 注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关原创 2017-08-23 14:34:54 · 393 阅读 · 0 评论 -
前端cookie七天自动登录
登陆页中 //记住密码一个星期 var email=$.cookie('email'); var password=$.cookie('password'); $('#email').val(email); $('#password').val('password');登录验证账号密码成功后,cookie记住密码原创 2017-08-23 14:49:52 · 2184 阅读 · 0 评论 -
常规css方法——使Firefox以外主流浏览器文字溢出省略号表示
.content{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }原创 2017-08-24 11:01:30 · 584 阅读 · 0 评论 -
回车提交表单、不提交表单
结论:回车键提交表单:设置 标签或者 标签的属性 type=”submit” 即可。回车键不提交表单,用JavaScript来解决,具体代码如下:document.getElementsByTagName(‘form’)[0].onkeydown = function(e){ var e = e || event; var keyNum = e.which || e.keyCode;原创 2017-09-06 15:45:02 · 723 阅读 · 0 评论 -
html5学习笔记
一.新增语义化标签1.新的特殊内容元素: article、footer、header、nav、section、aside、progress、embed、time、audio、video...2.新的表单元素 datalist<input list="cars"/>//可编辑,可过滤 <datalist id="cars"> <option value="car1">原创 2017-07-31 11:58:00 · 521 阅读 · 0 评论 -
html5小栗子---canvas时钟
1.首先在该项目下的img目录中准备一张背景图片 4.png 2.然后编写Html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ background:#fff; }原创 2017-07-31 18:54:08 · 440 阅读 · 0 评论 -
node.js---study1 实现一个简单应用,登录,session
推荐学习Nodejs的学习网站:nodejs.org npmjs.com github.com stackoverflow.com本人使用的开发工具是IntelliJIDEA 创建一个Nodejs 项目 ,目录结构如下: bin 启动文件目录 node_modules 第三方模块目录 package.json 项目配置以及依赖的包 routes 路由 客户端发送请求–原创 2017-07-15 19:58:30 · 836 阅读 · 0 评论 -
前端页面漂亮的星空背景 ---js效果
html代码:<div class="stars"></div>css代码 html, body { height: 100%; overflow: hidden; } body { width: 100%; height:100%; background: #000; background-size: 100%原创 2016-10-27 13:04:54 · 15048 阅读 · 3 评论 -
解决jQuery validate验证时忽略隐藏元素
修改源代码的 ignore: ":hidden" 为 ignore: ""原创 2016-11-16 16:40:00 · 3070 阅读 · 1 评论 -
Javascript 清空数组的三种方式
方式1,splicevar ary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary); // 输出 [],空数组,即被清空了方式2,length赋值为0其它语言如Java,其数组的length是只读的,不能被赋值。如int[] ary = {1,2,3,4};ary.length = 0;Java中会报错,编译通不过。而JS中则可以,原创 2016-11-01 18:07:06 · 476 阅读 · 0 评论 -
用js实现幻灯片放大图片效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } ul{ list-style: none; } #cont原创 2017-03-28 18:40:46 · 836 阅读 · 0 评论 -
前端——js闭包
先来看一个简单的闭包结构 function outFunction(a){//创建一个外部函数 function innerFunction(b)//创建一个内部函数 { console.log(a+b);//内部函数引用外部函数的局部变量a,使得a不被释放 } return innerFunction;//返回内部函数原创 2017-03-22 15:32:30 · 801 阅读 · 0 评论 -
js---练习,简单的落叶效果
<!DOCTYPE html><html><head> <style> img{ position: absolute; } </style></head><body> <script> function Leaf(){ this.width=parseInt(Math.random()*20)+150;原创 2017-03-22 15:36:53 · 2425 阅读 · 0 评论 -
分别用javascript,jquery实现 对图片的放大镜效果
javascript实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>#dsmall{ height: 200px; width: 200px; border: solid 1px; float: left原创 2017-03-25 21:10:49 · 417 阅读 · 0 评论 -
jQuery-AJAX
一.serialize() 与 serializeArray()1..serialize() 方法使用标准的 URL-encoded 符号上建立一个文本字符串. 它可以对一个代表一组表单元素的 jQuery 对象进行操作,比如 (“input,textarea,select”).serialize();同样也可以对整个表单对象进行操作,比如( “input, textarea, select” ).原创 2017-04-29 13:37:25 · 427 阅读 · 0 评论 -
window系统下nodejs安装及环境配置
第一步:下载安装文件 下载nodejs,官网:http://nodejs.org/download/ 你可以根据不同平台系统选择你需要的Node.js安装包。 Node.js 历史版本下载地址:https://nodejs.org/dist/ 我这里下载的是node-v4.3.1-x64.msi 第二步:安装nodejs 下载完成之后,双击”node-v4.3.1-x64.msi”,开始原创 2017-05-07 21:35:18 · 11607 阅读 · 2 评论 -
intellij IDEA创建nodejs项目---环境搭建
前提是在你的系统下已经对nodejs安装成功并环境配置,这个可以见本人的前一篇博文http://blog.csdn.net/stubbornaccepted/article/details/71374489然后就可以继续啦。 1.默认安装好了IDEA,在IDEA的file -> setting ->Plugins,右边默认是没有这个组件的需要你手动点击Browe repositories..,在插原创 2017-05-07 21:53:53 · 28324 阅读 · 3 评论 -
Webstorm破译
在打开的 License Activation 窗口中选择 License server。 在输入框输入网址: http://idea.iteblog.com/key.php原创 2017-10-30 19:05:20 · 276 阅读 · 0 评论