HTML
QNAN-
这个作者很懒,什么都没留下…
展开
-
【前端学习-26】【day05】ES6简介、ES6新增语法let const var、箭头函数、剩余函数、解构赋值、内置对象扩展、数组和String的扩展方法、set数据结构
一、ES6简介1.1 什么是ES6?1.2 为什么使用ES6?二、ES6新增语法2.1 Let关键字不存在变量提升,只能先声明再使用代码演示:<script type="text/javascript"> /* let关键字就是用来声明变量的 使用let关键字声明的变量具有块级作用域 在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的 防止循环变量变成全局变量 使用let关键字声明的变量没有变量原创 2020-05-24 09:38:59 · 204 阅读 · 0 评论 -
【前端学习-25】【day04】正则表达式、表单验证、用户名验证
【day04正则表达式】一、正则表达式1.1 什么是正则表达式1.2 正则表达式的特点二、正则表达式在js中的应用2.1 创建正则表达式(两种方式)三、正则表达式的特殊字符3.1 边界符3.2 字符类3.3 常用正则表达式3.4 量词符3.5 括号总结3.6 预定义类四、正则表达式中的替换4.1 replace替换案例1:用户名验证案例2:表单验证一、正则表达式1.1 什么是正则表达式1.2 正则表达式的特点二、正则表达式在js中的应用2.1 创建正则表达式(两种方式)代码演示: <原创 2020-05-23 09:43:42 · 349 阅读 · 0 评论 -
【前端学习-24】【day03】函数的定义和调用/this/改变函数内部this指向-call、apply、bind/严格模式/高阶函数/闭包/递归/深浅拷贝
[day03]函数进阶一、函数的定义和调用1.1 函数的定义1.2 函数的调用方式二、this2.1 函数内this的指向2.2 改变函数内部this指向2.2.1 call()方法2.2.2 apply()方法2.2.3 bind() 方法2.2.4 call apply bind 总结(相同点、不同)三、严格模式3.1 什么是严格模式3.2 开启严格模式3.3 严格模式中的变化四、高阶函数五、闭包5.1 变量作用域5.2 什么是闭包5.3 闭包的作用5.4 闭包的案例(3个应用)5.5 思考题5.6 闭原创 2020-05-22 11:35:42 · 317 阅读 · 0 评论 -
【前端学习-23】【day02】构造函数和原型/继承/call()/ES5新增方法/数组方法forEach/filter/some/trim/对象方法、查询商品案例
【day02】一、构造函数和原型1.1概述1.2构造函数1.2.1代码演示<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-05-21 17:36:56 · 274 阅读 · 0 评论 -
【前端学习-10】响应式布局-Bootstrap框架
使用媒体查询区别:rem把屏幕划分成若干份 bootstrap是把容器划分成若干列原创 2020-05-08 17:08:42 · 142 阅读 · 0 评论 -
【前端学习-11】【day01】WebAPI编程/JS/DOM/获取、操作元素/执行、分析事件/常见属性/京东显示密码/关闭广告/循环精灵背景图/显示隐藏文本框内容/样式操作/密码框格式错误提示/
WEB原创 2020-05-09 11:15:13 · 245 阅读 · 0 评论 -
【前端学习-12】【day02】WebAPI编程/排他思想/百度换肤/表格隔行换色/表单全选和取消/自定义属性操作/移除属性/tab侧边栏切换/H5自定义属性/节点操作/下拉菜单/发布留言/
案例:百度换肤案例:表格隔行换色 Document </tbody></table><script> // 1.获取元素 获取的是tbody里面所有的行 var trs = document.querySelector('tbody').querySelectorAll('tr'); // 2.利用循环绑定注册事件 for (var i = 0; i < trs.原创 2020-05-09 21:32:34 · 241 阅读 · 0 评论 -
【前端学习-13】【day03】/删除节点/删除留言/复制节点/动态生成表格/创建元素/DOM重点核心/DOM增删查改/属性、注册、监听、鼠标事件/DOM事件流/事件对(属性/方法)/鼠标小天使
案例:删除留言小tips:javascripts:;不跳转案例:动态生成表格案例:跟随鼠标的小天使原创 2020-05-10 18:25:08 · 155 阅读 · 0 评论 -
【前端学习-14】【day04】键盘事件/按s自动跳转/快递单号查询/BOM/窗口加载事件/window对象事件/调整窗口大小事件/定时器/开始、停止/京东秒杀/this/发送验证/跳转页面对象
案例:用户按下s键鼠标自动跳转到输入框案例:模拟京东快递单号查询案例:京东秒杀倒计时案例:开始和停止计时器案例:发送短信案例(验证码)60s案例:5s后跳转页面案例:跳转页面页面1:index.html页面2:login.html...原创 2020-05-11 22:44:11 · 217 阅读 · 0 评论 -
【前端学习-15】【day05】元素偏移量offset/盒子内鼠标坐标/拖动的登录框/放大镜/元素可视区client/解析js/元素滚动scroll/固定侧边栏/鼠标事件/动画实现(函数封装)/缓动
案例:获取盒子内的鼠标坐标案例:拖动的登录框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>.原创 2020-05-13 17:39:01 · 222 阅读 · 0 评论 -
【前端学习-16】【day06】WebAPI编程/动画函数封装/回调函数/轮播图/自动播放/节流阀/返回顶部/筋斗云/触屏事件/触屏事件对象/
新增动画前进后退效果案例:轮播图1.显示隐藏功能2.动态生成小圆圈3.排他思想4.开始滚动5.右侧按钮6.克隆第一张图片7.小圆圈跟着右侧按钮变化8.序号和点击的要统一9.左侧代码以及代码优化10.自动播放——添加定时器节流阀返回顶部(侧边栏案例)修改对象!!!!案例:筋斗云...原创 2020-05-14 19:07:57 · 203 阅读 · 0 评论 -
【前端学习-19】【01】JQuery的基本使用/顶级对象$/DOM和JQuery对象的区别与转换/隐式迭代实现排他思想/新浪下拉菜单/淘宝精品/tab侧边栏/手风琴/高亮效果显示
基本使用:1.官网下载JQuery->引入JS->调用JQuery和DOM对象的区别两对象的相互转换使用:利用隐式迭代实现排他思想案例:新浪下拉菜单<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit..原创 2020-05-16 19:20:01 · 360 阅读 · 0 评论 -
【前端学习-20】【02】JQuery快速开发/jQuery属性操作/jQuery 文本属性值/元素操作/增删查改/购物车全选案例
文章目录一、jQuery属性操作:1. 元素固有属性prop()2. 元素自定义属性 attr()3. 数据缓存 data():4. 演示代码:二、jQuery 文本属性值:1 jQuery内容文本值1.1语法:1.2演示代码:三、jQuery元素操作:1. 遍历元素2. 语法:2.1 语法1:2.2 语法2:3.演示代码:2. 创建、添加、删除:2.1 创建:2.2 内部添加:2.3 外部添加:2.4 删除元素2.5 案例代码:3.购物车全选案例![在这里插入图片描述](https://img-blog.原创 2020-05-17 16:38:21 · 270 阅读 · 0 评论 -
【前端学习-06】HTML5+CSS3案例之旋转木马+浏览器私有前缀
案例图:思路:先搭建好盒子 然后旋转 加动画 鼠标放上去停止(6个盒子)浏览器私有前缀原创 2020-05-07 09:21:26 · 209 阅读 · 0 评论 -
【前端学习-03】CSS3之2D转换/移动/旋转/缩放
2D转换实现元素(盒子)的位移、旋转、缩放2D转换:改变标签在二维平面上的位置和形状的一种技术,与数学的坐标轴不一样1.2D转换移动Translate改变元素在页面中的位置,类似定位。语法:transform:translate(x,y)X为x轴上移动的位置,Y为Y轴移动位置若只移动X轴或Y轴,Y不能省略transfrom:translate(100px,0px)transfr...原创 2020-05-04 16:46:22 · 385 阅读 · 1 评论 -
【前端学习-01】HTML5新增语义标签/多媒体标签(视频)/表单
不同浏览器播放样式(显示)不同原创 2020-04-20 17:58:03 · 137 阅读 · 0 评论 -
HTML—项目实战(注册界面的设计以及实现)
代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>启迪数字学院</title> <link rel="stylesheet" type="text/css" href="css/reset1.css" /> <...原创 2019-10-09 21:02:41 · 737 阅读 · 0 评论 -
HTML:关于登录网站做法注意点
1.设置背景根据屏幕大小自己适应,铺满整个背景 body{ background:url(../img/back.png) no-repeat center center; background-size: 100% 100%; background-attachment: fixed; }2.居中 .box2{ background:url(../img/启迪LO...原创 2019-10-09 07:53:44 · 184 阅读 · 0 评论 -
HTML-POLO360项目实战
HTML-POLO360项目实战#使用HTML+CSS1. 引入reset.css清除默认样式 -2.解决高度塌陷问题3.引入外部CSS4.设置文字居中.行高等5.相对定位和绝对定位6.背景不重复 居中等等7.鼠标移入变色a:hover{}...原创 2019-09-26 20:43:52 · 880 阅读 · 2 评论