JS
___Alive___
努力的学,然后骄傲的活着。
展开
-
Javascript之函数(ES5 ES6)
ES5函数:1:静态方法 function add(num1,num2){ return num1+num2; } 2:直接量方法 var add(函数名)= function(num1,num2){ // 通过变量add即可引用函数; return num1+num2; }; ...原创 2018-06-13 18:26:57 · 219 阅读 · 0 评论 -
Bootstrap之模态框实现图片预览
复制可直接运行 1:代码<html><head> <meta charset="UTF-8"> <title>预览头像</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bo原创 2018-10-21 23:53:25 · 8007 阅读 · 2 评论 -
JS之单页面登录注册
实现思路:通过js控制display的none和block1:html <div class="form"> <!--1:切换登录注册按钮--> <ul class="tab-group"> <li class="tab active"><a hre原创 2018-09-24 12:23:00 · 668 阅读 · 0 评论 -
JS之简单导航栏动画
实现思路:通过js动态添加css和删除css以及设置过渡时间1:index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手机</title> <lin原创 2018-09-23 15:24:50 · 862 阅读 · 0 评论 -
HTML5之canvas彩色动感小球
一:代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>小球</title> <style type="text/css"> canvas{ border: 2px so原创 2018-09-10 22:18:55 · 375 阅读 · 0 评论 -
HTML5之简单小画板
一:先熟悉一下基本图形绘制1:线条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绘制线条</title></head><body> &原创 2018-09-08 23:07:21 · 2888 阅读 · 0 评论 -
JS之正则表达式及简单表单验证
一:正则表达式语法规则1:[abc] a,b或者c任何一个2:[a-zA-Z] a到z或A到Z任何一个3:\d 表示数字[0-9],即0到9任意一个4:X{n} 表示有n个X5:X{n,} 表示有n个以上X6:X{n,m} ...原创 2018-09-08 23:40:25 · 3404 阅读 · 1 评论 -
实现响应式图片
一:jq通过jq来控制图片的加载,原理就是跟踪window的resize事件,然后修改图片的路径<body> <div class="content"> <img src="" alt=""/></div> <script src="js/vendor/jquery.min.js&quo转载 2018-08-14 12:31:36 · 323 阅读 · 0 评论 -
JS之对象、原型、原型链
一:对象的声明方式1、字面式声明对象如下:var ohj={属性名称:属性值,方法名称:function(){//函数执行体}} 2、new 操作符+Object 声明对象如下:var obj=new Object();obj.属性名称=属性值;obj.方法名称=function(){//函数执行体}3、构造函数声明对象...原创 2018-07-18 11:54:20 · 206 阅读 · 0 评论 -
JS之闭包
1:闭包用途用途1:读取函数内部变量用途2:让函数内部变量在内存中保留2:如何使用在函数a中嵌套b函数,a函数需要返回b函数function a() { var i=1; function b() { alert(i); } return b;}var c=a();//此时a函数返回b函数即var c=b;c();//1...原创 2018-07-18 11:07:23 · 146 阅读 · 0 评论 -
session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保...转载 2018-07-17 09:23:38 · 596 阅读 · 0 评论 -
Javascript之思维导图
1:javascript变量2:javascript运算符 3:javascript数组 4:javascript流程语句 5:javascript字符串函数 6:javascript函数基础7:javascript基础DOM操作 8:DOM对象9:BOM浏览器对象模型 10:javascript正则表达式DOM对象...转载 2018-06-08 15:20:10 · 664 阅读 · 0 评论 -
JS之实现简单的图片轮播
复制即可使用1:代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>简单的图片轮播</title> <style type="text/css"> /*图片下数字的整原创 2018-10-24 17:07:40 · 370 阅读 · 0 评论