weixin_49697978-CSDN博客

原创 Jquery库

Jquery库类：浏览器端的库操作节点1.安装 npm install jquery 可在package.json中查看是否下载完成2.在第三方包中找到 jquery 下的dist中的 jquery.min.js 然后复制到public 中的 lib 包中3.在HTML中在自己的书写的上面进行引入jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装。基础语法：$(*selector*).*a

2020-11-29 21:50:29 298 1

原创 HTTP协议

HTTP (HyperText Transfer Protocol, 超文本传输协议)服务器传输超文本到本地浏览器的传送协议。基于TCP/IP（http是TCP/IP的子协议（基于））通信协议（7层协议）（属于传输层）来传递数据（ HTML 文件, 图片文件, 查询结果等）。HTTP属于应用层的面向对象的协议有数据时层层封装到服务端后层层解开然后得到数据浏览器作为 HTTP 客户端通过 URL 向 HTTP 服务端即 WEB 服务器发送所有请求。特点：1.简单快速（只需请

2020-11-22 22:17:29 95

原创 JS执行上下文

代码编译过程：1.检查通篇的语法错误，若有错误则不编译执行2.预编译3.解释一行，执行一行栈和堆：栈区域：存储数据为基本数据类型，当调用堆中的数据时，调用的是地址栈遵循"先进后出，后进先出"的规则，或称LIFO (“Last In First Out”) 规则。堆区域：存储数据为引用数据类型，也可是基本数据类型（为赋值时数据在堆中重新开辟新地址）执行上下文 EC （execution context）分类：1.全局上下文：打开一个新的窗口就会创建一个全局上下文（关闭即销毁）只能创建

2020-11-15 22:23:25 115

原创 DOM事件

事件事件三要素：1、事件源:绑定事件的节点2、事件处理函数：点击事件触发时，执行的代码（函数体）3、事件类型：（单击；hover，move）书写方式：DOM1：不建议使用// 获取要点击的元素let divEle=document.querySelectorAll("div")[0];// 点击并执行事件处理函数divEle.onclick=function(){ window.alert("结束")}// DOM1删除事件divEle.οnclick="";DOM2：事件

2020-11-01 21:32:18 128

原创 js函数内容整理

函数：函数不是数据结构，是可以实现一定功能即把可以实现一定功能的代码，封装成一个函数。声明函数的方式：1.字面量函数声明书写格式:关键字标识符（函数名）小括号 {函数体}function f70 () {代码块}function serach() { let i = 1; let j = 2; console.log(`您的余额为1000`); let num1 = i + j; let num2 =

2020-10-26 21:56:00 141

原创五星评分

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>星星评分</title></head><style> body {

2020-10-18 22:09:36 68

原创全选全不选反选

html代码： <form action="#"> <label for="pingguo">苹果</label><input type="checkbox" id="pingguo"> <label for="xiangjia">香蕉</label><input type="checkbox" id="xiangjia"> <label for="juzi">橘

2020-10-11 22:47:18 178

原创 js 实现二级城市联动

let province = ["北京", "上海", "天津", "重庆", "河北", "山西", "内蒙古", "辽宁", "吉林", "黑龙江", "江苏", "浙江", "安徽", "福建", "江西", "山东", "河南", "湖北", "湖南", "广东", "广西", "海南", "四川", "贵州", "云南", "西藏", "陕西", "甘肃", "宁夏", "青海", "新疆", "香港", "澳门", "台湾"]let cities = new Array();cities[

2020-10-08 21:34:31 263

原创 js代码实现许愿墙

使用js简单完成许愿墙let bodyEle = document.getElementsByTagName("body")[0];let secEle = document.querySelector("section");let inputEle = document.querySelectorAll("input")[0];function fasong() { let arr = inputEle.value //获取输入 // console.log(arr);

2020-09-26 22:51:02 840

原创 javascript 中数组内容

数组：功能:一个标识符，存储多个数据人任何数据类型都可以存入数组书写格式：声明数组的方式：1.字面量声明：关键字标识符赋值符号中括号分号let f70 = [] ;let f70 = [];console.log(f70); //[]console.log(typeof f70); //object(数据类型为symbol)赋值：注：每个值字间的分隔符是,f70 = [1, "bvd", undefined,

2020-09-20 22:27:28 222

原创动画

动画简单动画通常称为过渡：transition（css属性在一定时间内从一个值变化到另一个值）支持过渡效果的属性：颜色尺寸透明度类transition：transition-property：指定CSS属性的name，transition效果transition-duration：transition效果需要指定多少秒或毫秒才能完成transition-timing-function：指定transition效果的转速曲线linear规定以相同速度开始至结束的过渡效果（等于

2020-09-13 23:03:15 308

原创表单元素

表单适用场景：注册登录搜索书写格式：父元素 form action=“提交的地址” method=“提交的方式（属性值有get(默认值) /post）”子元素：input文本内容与input关联 lable的for属性值与input的id值相同即可由input的type取值来决定框的类型设置键值对：（由健名和键值组成）用户做选择时应加 name="" 和value="" 值输入时加name=""设置默认值：用户做选择时应加

2020-09-06 19:16:04 103

原创视觉格式化模型

视觉格式化模型：视觉格式化模型要求，所有的元素必须放置在他的包含块中1.盒模型：设置标签的尺寸组成部分：（由外到内）margin（外边距）盒子与盒子之间的距离（或两个标签之间的距离）border（边框）由粗细表现形式颜色组成padding（内边距）内容和边框之间距离content（内容）展示在页面上的内容盒子的分类：不同的元素产生的盒子类型可能不同一个元素，产生什么样的盒子，，取决于它css的display属性（盒子的展示方式）属性：diisplay 不能继承默

2020-09-06 19:09:31 155

原创弹性布局知识点总结

弹性布局是一种十分方便的，只需要依赖于CSS样式的实现响应式布局的方式，也是现在用到最多的一种实现响应式的方法。flex布局：display设置为flex，则当前标签为容器子元素为项目功能：所有子元素在一行显示Flex 容器（flex container）：采用 Flex 布局的元素简称容器它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边

2020-08-09 21:50:13 434

原创 CSS选择器整理

CSS选择器整理根据w3c定义：在css中，选择器是一种模式，用于选择HTML中需要添加的样式的元素css选择器分为五个大类：一：基础选择器：1.元素选择器：书写格式：标签{声明块} 适用范围：页面内所有相同元素都会被选中2.类选择器：书写格式：.类名{声明块} 适用范围：选中所有class属性值相同的标签3.ID选择器预留给JS 书写格式：id（属性）=" #自定义命名" 在同一个页面中，元素的id值必须唯一4.组合选择器/并集选择器/并列选择器书写格式：p，span{

2020-08-02 20:13:11 152

weixin_49697978的博客