自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 鼠标事件

双击二下鼠标 :dblclickartEler.addEventListener(“dblclick”, function () {//双击二下鼠标console.log(“dblclick”);})单击一下鼠标 :clickartEler.addEventListener(“click”, function () {//单击鼠标console.log(“click”);})鼠标移入移出鼠标移入V1 :mouseenterv1 不会考虑子元素:鼠标移入子元素,不会触发父元素的事件a

2020-11-01 21:32:27 166

原创 函数

函数:把可以实现一定功能的代码,封装成一个函数。【声明函数】 函数声明了不代表调用,什么时候调用取决于您什么时候调用1,字面量声明 (可以先使用后声明)书写格式:关键字 标识符/(函数名) 小括号 {代码块}/{函数体}function f70(自定义) () {代码块}//创建函数function f70(){console.log(‘你’)}调用函数(执行函数体)书写格式:函数名 小括//调用函数f70();2.构造函数声明书写格式:关键字

2020-10-26 17:37:17 85

原创 JS基础

JSECMA制定JS规范ECMAscript ES5 ES6 版本号开发语言分类解释性语言:翻译一行,执行一行。JS,python翻译性语言:通篇翻译后执行。Java,c,c++,c#代码报错1,语法错误2,逻辑错误3,运行错误开发流程1.功能设计2.需求分析3.功能开发(确定数据结构和算法)4.功能测试5.功能维护6.功能上线软件—程序—数据结构和算法数据结构:存储数据的方式算法:解决问题的方法和步骤算法的特点1.有穷性:一个算法的操作步骤,是在有限的范围内

2020-10-23 12:00:07 108

原创 HTML基础

客户端网页编程HTML :根元素-页面上的根元素:文档章节transition:过渡(CSS在一定时间内从一个值变成另一个值)transition-property:告诉浏览器那些需要动画效果transition-duration:变化效果持续时间(简写:transition)all:全部例如:tranition: all 1s颜色尺寸透明度都可以有过度效果opacity:透明旋转transform:rotateCSS hack技术:(解决兼容性问题,方式加前缀)原理;浏览器内核

2020-10-23 11:54:56 95

原创 数据类型转换

一个“=”表示赋值,从右到左赋值两个“==”表示等于两个“**”表示乘方数据类型:1.基本数据类型(原始数据类型||简单值):1.undefined:声明的变量没有赋值,函数没有返回值(如果连声明都没有,报错:变量没有定义)查看数据类型:var number ;console.log(typeof number);下列情况会返回 undefined:1.访问未赋值的变量2.任何被设置为 undefined 的变量3.没有定义 return 表达式的函数4.return 里没有显示的

2020-10-22 11:13:06 156

原创 集合

初始化二步1声明2赋值集合set (全等匹配)一个标识符(集合),可以存储多个数据,但是数据不能重复。集合与数组的区别:集合的内容具有唯一性。声明集合 构造函数适用场景1去重:声明集合,构造函数。let f71=[1,2,3,3,3,4]let f70= new Set(f71);//集合赋值// f70.add(1);// f70.add(2);// f70.add(“3”);//不全等,颜色不一样//使用集合/**集合转数组方式1 */// let f72=f71.spli

2020-10-21 17:27:58 72

原创 BOM

BOMBrowser Object Model 浏览器对象模型DOMDocument Object Model 文档对象模型window 只要打开浏览器,就会创建一个window对象window是一个全局对象,(属性只识别var声明的)let全局变量和var全局变量的区别let 全局变量是无法被window使用 delete可以删除var全局变量可以被window使用 delete不可以删除即var声明变量(非函数内部)为window的属性window的属性和方法window.

2020-10-08 21:49:21 75

原创 DOM

DOMDocument Object Model 文档对象模型功能:操作HTML元素DOM历史DOM 0DOM 1 1998年DOM 2 2000年DOM 3 2004年DOM 4 2015年节点:(Node) NodeName NodeType NodeValue 元素节点 标签名 1 null属性节点 属性名 2 属性值文本节点 #text 3 文本内容快速获取节点的方式根据

2020-09-26 21:16:32 103

原创 JS-数据结构-数组

数组功能:一个标识符,存储多个数据。获取一个不存在值的下标,会得到undefined。声明数组的方式1【字面量声明】(推荐)书写格式:关键字 表示符 赋值符号 中括号 分号let F70 =[];赋值注:每个值之间的分隔符是逗号F70=[1,“ABC”,undefined,null,true];使用数组中的值书写格式:数组名称[下标/索引]console.log(F70[2]);数组中的值,每个都有对应的下标(索引)可以通过下标(索引)获取数组当中的值。下标的起始值是0。因此

2020-09-20 16:42:08 124

原创 CSS动画

动画变形 transform:scaletransform变形scale缩放比例1不变小于1缩小大于1放大 改变位置或者用定位居中 :transform:translate不占用位置 设置某一个方向移动的偏移量 书写格式: transform:translate(x轴,y轴(百分比是子元素设置的值的百分之50%)); 数值倾斜 transform:skewskew倾斜取值:角度deg ,角度可以是正,也可以是负值(倾斜方向)例子skew(45deg)旋转 transform: rot

2020-09-06 21:18:04 73

原创 表单

表单 (什么情况下给name:用户输入的需要给name(所有的input都需要给name),用户选择的即要给name又要给value(注:键值对是成对出现的 (键名 键值是成对出现))适用场景1.注册,登录,搜索书写格式:父元素:fromaction属性:提交地址method:提交方式 (取值:get/post)子元素:inputinput标签的内的取值:type值:text: 单行文本输入框password: 密码输入框radio :单选框checkbox: 多选框submit :提交

2020-08-16 18:26:06 132

原创 CSS选择器

基础选择器1.元素选择器1.元素选择器书写格式:标记名{/声明块/}2.适用范围:只要选择了这个元素可改变此类元素样式2.类选择器1.类选择器书写格式:.类名{/声明块/}2.适用范围:所有class属性值相同的标签3.冒号左侧属性名,冒号右侧声明(组成声明)3.ID选择器1.id的选择器书写格式:#id值{/声明块/}2.写CSS时不允许用,预留给JS用3.锚点可用id的选择器4.在同一个HTML页面中,元素的id值必须唯一4.通配符选择器禁用此选择器5.组合选择器,并集选.

2020-08-08 02:14:07 237

原创 a标签的使用

a标签代表一个超链接,有页面跳转的*功能1.a标签做页面跳转*:herf输入跳转页面路径,当鼠标点击a标签页面跳转到相应页面2.a标签做锚点:页面内跳转位置,当鼠标点击a标签,页面内跳转描点的操作步骤:1.添加a2.添加跳转标签3.给跳转标签添加id属性值4.a添加href的值跳转标签添加id的属性值,前面在加#3.a标签做功能连接:mailto:邮箱地址tel:电话号码(设备具备拨打电话号码)4.target:页面的打开方式_blank:(新开页面)当前窗口打开新页面_se

2020-08-05 08:30:34 433

原创 什么是CSS

CSSCSS概念:用于定义HTML的样式(解释:给写的HTML添加样式,例如:文字大小,背景颜色,图片大小等样式)Cascading style sheets:层叠样式表页面表现的基础,可以控制布局,控制元素的渲染如何将CSS引用到HTML中?方法一:使用外部样式表link:(CSS代码在一个独立的文件中HTML通过link元素引入到页面)1.实现了内容结构和表现形式代码分离,方便复用和维护2.使HTML代码更加纯净,有利于程序员和搜索引擎的阅读3.是开发页面的常见做法方法二:使用内部样式

2020-08-02 17:26:52 255

原创 什么是HTML

html概念:用于定义文档的内容结构(一个页面(网页)就是一篇文档)Hyper Text超文本:不只包括文本,也包括图片,链接,音乐,视频等非文本元素Markup Language 标记语言:是一套标记标签,HTML使用标记标签来描述网页中文名:超文本标记语言...

2020-08-01 20:45:29 174

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除