![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
QNAN-
这个作者很懒,什么都没留下…
展开
-
【前端学习-25】【前后端交互Node】
前后端交互Node一、Node开发概述1.1 为什么要学习服务器端开发基础1.2 服务器端要做的事情1.3 为什么选择Node1.4 Node是什么二、Node.js安装三、Node.js快速入门3.1 Node.js组成3.2 Node.js的基础语法四、Node.js模块化开发4.1 JavaScript开发弊端4.2 生活中的模块化开发4.3 软件中的模块化开发4.4 Node.js中模块化开发规范4.5 模块化对象导出4.6 模块成员导出的另一种方式4.7 模块导出的两种方式和区别五、系统模块5.1原创 2020-05-27 21:05:13 · 165 阅读 · 0 评论 -
【前端学习-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 · 190 阅读 · 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 · 334 阅读 · 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 · 301 阅读 · 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 · 264 阅读 · 0 评论 -
【前端学习-10】响应式布局-Bootstrap框架
使用媒体查询区别:rem把屏幕划分成若干份 bootstrap是把容器划分成若干列原创 2020-05-08 17:08:42 · 127 阅读 · 0 评论 -
【前端学习-11】【day01】WebAPI编程/JS/DOM/获取、操作元素/执行、分析事件/常见属性/京东显示密码/关闭广告/循环精灵背景图/显示隐藏文本框内容/样式操作/密码框格式错误提示/
WEB原创 2020-05-09 11:15:13 · 234 阅读 · 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 · 225 阅读 · 0 评论 -
【前端学习-13】【day03】/删除节点/删除留言/复制节点/动态生成表格/创建元素/DOM重点核心/DOM增删查改/属性、注册、监听、鼠标事件/DOM事件流/事件对(属性/方法)/鼠标小天使
案例:删除留言小tips:javascripts:;不跳转案例:动态生成表格案例:跟随鼠标的小天使原创 2020-05-10 18:25:08 · 143 阅读 · 0 评论 -
【前端学习-14】【day04】键盘事件/按s自动跳转/快递单号查询/BOM/窗口加载事件/window对象事件/调整窗口大小事件/定时器/开始、停止/京东秒杀/this/发送验证/跳转页面对象
案例:用户按下s键鼠标自动跳转到输入框案例:模拟京东快递单号查询案例:京东秒杀倒计时案例:开始和停止计时器案例:发送短信案例(验证码)60s案例:5s后跳转页面案例:跳转页面页面1:index.html页面2:login.html...原创 2020-05-11 22:44:11 · 200 阅读 · 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 · 209 阅读 · 0 评论 -
【前端学习-16】【day06】WebAPI编程/动画函数封装/回调函数/轮播图/自动播放/节流阀/返回顶部/筋斗云/触屏事件/触屏事件对象/
新增动画前进后退效果案例:轮播图1.显示隐藏功能2.动态生成小圆圈3.排他思想4.开始滚动5.右侧按钮6.克隆第一张图片7.小圆圈跟着右侧按钮变化8.序号和点击的要统一9.左侧代码以及代码优化10.自动播放——添加定时器节流阀返回顶部(侧边栏案例)修改对象!!!!案例:筋斗云...原创 2020-05-14 19:07:57 · 191 阅读 · 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 · 342 阅读 · 0 评论 -
【前端学习-18】【day07】轮播图/无缝滚动及跳转/移动端常见特效
轮播图js无缝滚动以及跳转注:这里的应该改为index>=3开关灯小圆圈跟着变化手指滑动轮播图手指离开:原创 2020-05-15 17:23:12 · 158 阅读 · 0 评论 -
【前端学习-22】【day01】JS高级-面向对象和类的继承/Tab栏案例
JS高级-面向对象和类的继承一、.面向对象编程介绍1.1面向过程1.2面向对象1.3两者对比二、ES6中的类和对象2.1对象2.2类class2.3创建类2.4constructor构造函数2.4.1代码演示:2.5类中添加方法2.5.1代码演示:2.7继承2.7.1代码演示:2.8super2.9注意:2.9.1代码演示:三、面向对象的Tab栏切换案例3.1案例展示与分析:3.2代码演示一、.面向对象编程介绍1.1面向过程1.2面向对象1.3两者对比二、ES6中的类和对象2.1对象原创 2020-05-19 16:31:13 · 252 阅读 · 0 评论 -
【前端学习-21】【03】/事件注册、委托、解绑/自动触发事件trigger/事件对象/拷贝对象/多库共存/JQ插件-瀑布流、懒加载、全屏滚动/尺寸、位置操作/链式编程/微博留言/返回顶部
一、事件注册1.知识点2.代码演示:<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .div {原创 2020-05-19 13:19:38 · 210 阅读 · 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 · 255 阅读 · 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 · 722 阅读 · 0 评论 -
javascript② 常用关键字大全
javascript:1.变量和常量的知识2.基本数据类型3.运算符4.基本数据类型间的转换5.流程控制语句笔记:1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,h...原创 2019-10-06 21:50:21 · 752 阅读 · 0 评论 -
javascript ①
1.设置一个按钮 点击后可显示当前时间<script>//headfunction displayDate(){ document.getElementById("demo").innerHTML=Date();}</script><button type="button" onclick="displayDate()">显示日期</b...原创 2019-09-29 21:15:00 · 103 阅读 · 0 评论