- 博客(13)
- 收藏
- 关注
原创 bootstrap的使用
一.什么是bootstrap 1.Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开...
2019-07-22 17:54:36 242
原创 原生JS Ajax
什么是ajax? ajax的出现,刚好解决了传统方法的缺陷。ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 如何使用ajax? 实例化对像 这里的对象指的是 xmlhttprequest对象 XMLHttpRequest对象是ajax的基础,XM...
2019-06-20 09:33:03 123
原创 js中的json及枚举
一. js里面的json JSON的语法可以表示以下三种类型的值 (1) 简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串、数值、布尔值和null。 注意:JSON字符串必须使用双引号(单引号会导致语法错误) "小张" (2)对象:对象作为一种复杂数据模型,表示的是一组无序的键值对。而每个键值对中的值可以是简单值,也可以是复杂数据类型的值 var i...
2019-06-14 13:08:22 2026
原创 表单验证
一. 创建一个用户注册的表单验证 1.用html、css画页面 <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul ...
2019-06-13 14:30:28 92
原创 正则表达式
一.什么是正则表达式(验证数据的格式) 正则表达式是用于描述一组字符串特征的模式,用来匹配特定的字符串。通过特殊字符+普通字符来进行模式描述,从而达到文本匹配的目的的工具。 二.应用场景 验证:表单提交时,进行用户名密码验证。 查找:从大量信息中快速提取指定内容。 替换:将指定格式的文本,进行正则匹配查找,找到之后进行特定替换 三.正则如何验证 match() 验证成功! 返回的是值 验...
2019-06-13 10:34:56 104
原创 js计时器
一.settimeout setinterval 优点:时间可以设置 缺点:在网页被缩小或者切换选项卡之后计时器继续执行 1.一次性计时器 一次性计时器 延迟多少时间去执行 setTimeout(function (){ console.log(1); },1000); (1) 将settimeout 改造为循环计时器 /*var t=null; showtime(); funct...
2019-05-29 20:17:31 135
原创 js操作dom元素的子父节点
1.获取元素 var nav = document.getElementById("nav"); 2. 获取子节点 console.log(nav.childElementCount); 3.获取所有的节点childNodes 集合类型 nodeType 当前节点的类型 : 元素的类型是1 符号的类型是3 nodeName 节点名称 大写 tolowercase ...
2019-05-29 19:13:44 1319
原创 js里面的内置对象
JS里的内置对象 1.Math对象 1.随机 0-1 console.log(Math.random(x)); 2.向下 向上取整 console.log(Math.floor(1.2));小于等于x的最大整数 console.log(Math.ceil(1.2));向上取整,大于等于x的最小整数 3.四舍五入 console.log(Math.round(4.5)); 4.开平方 conso...
2019-05-29 18:54:16 103
原创 dom元素
一.dom元素的事件 1. 键盘事件 onkeydown键盘按下 onkeyup键盘抬起 onkeypress按键事件 2. 标单事件 onfocus获得焦点 onblur失去焦点 3. 鼠标事件 onclick单击 ondbclick 双击 onmouseleave水平离开onmouseout离开 onmousemove 鼠标移动 onmouseenter 鼠标...
2019-05-22 13:55:42 129
原创 JS里面数组
JS里面的数组 1.数组的取值和赋值 (1)js的内置对象----Array —索引 index (2)数学里面取值 a[0] (3)js 如何声明数组 new 实例化对象 产生一个对象 var arr = new Array(2);赋值一个参数 代表的是数组的长度 console.log(arr); var arr1 = new Array(2, 3, 4...
2019-05-22 13:19:56 171
原创 初识JS
一.什么是JS? JS是一种脚本语言,提供用户交互,动态更改内容,数据验证 二.怎么将js嵌入网页? 使用<script> 标签将语句嵌入文档 使用外部js文件时,<script src=“文件名.js ”> 三.变量(js区分大小写) 1.如何声明:关键字 var(声明变量前一定要初始化) var a; a = 10; console.log(a)...
2019-05-14 23:15:34 95
原创 CSS3动画
(一)css3的动画属性 1.transition:过渡 transition-delay:1s 动画延迟时间 transition-duration:8s 持续时间(始终指定这个属性,否则时间为0,transtion不会任何效果 transition-timing-fuction:执行方式 (1)linear 匀速...
2019-05-09 17:02:55 107
原创 用html+css写京东静态页面
一·HTML的常用标签 1.头部标签 (1)【title标签】 网页的标题: 京东(<a href="http://JD.COM">JD.COM</a>)-正品低价、品质保障、配送及时、轻松购物! (2)【link标签】 作用是网页链接各种文件: 常用属性: a. rel:链接文件和当前文件的关系 b.herf:链接文件的地址 c.被链接图片是当前网页的icon图标 ...
2019-04-17 23:26:56 3647
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人