- 博客(28)
- 收藏
- 关注
原创 JavaScript的事件执行机制
文章目录一、js的内存模型二、js事件执行机制1.执行的整个流程:2.宏任务和微任务:常见案例:一、js的内存模型对于js内存模型的介绍,将会在接下来事件循环有更好的理解。二、js事件执行机制1.执行的整个流程:所有同步任务都在主线程上的栈中执行。主线程之外,还存在一个“任务队列”(task queue)。主要异步任务有了运行结果,就在“任务队列”之中放置一个事件。一旦“栈”中所有同步任务执行完毕,系统就会读取“任务队列”,选择出需要首先执行的任务(由浏览器决定,并不按序)。2.宏任
2021-12-05 15:33:23
1975
原创 原型和原型链(二)
文章目录前言一、_proto_(上文提到)1、定义:2、小测试:二、原型链1、定义及相关解释:2、原型链图:前言在上篇文章中对构造函数和原型对象进行了相应的总结。此文章将会对原型链进行详细的阐述。希望大家对原型和原型链的理解有较大的帮助。一、proto(上文提到)1、定义:JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做_proto_的内置属性,用于指向创建它的构造函数的原型对象。对象person1有一个_proto_属性,创建它的构造函数是Person,构造函数的原型对象
2021-11-28 17:18:50
395
原创 原型和原型链(一)
文章目录前言一、构造函数二、使用步骤1.引入库2.读入数据总结前言此文章在描述原型和原型链的基础上,首先要复习构造函数(原型出现的原因)一、构造函数定义:构造函数就是一个普通的函数,创建方式和普通函数没有太大的区别,不同的是构造函数习惯上首字母大写,普通函数是直接调用,但构造函数需要使用new关键字来调用。目的:构造函数模式的目的就是为了创建一个自定义类,并且创建这个类的实例。构造函数模式中拥有了类和实例的概念,实例与实例之间相互独立的。示例:pandas 是基于NumPy
2021-11-27 15:26:04
522
原创 Bootstrap布局组件(下篇)
文章目录前言一、分页1.使用原因:2.创建分页:3.代码显示:二、模态框(Modal)1.定义2.创建模态框3.代码显示:(参考Bootstrap4菜鸟教程)三、轮播1.效果2.使用的类四、面包屑导航1.概述:2.代码显示:前言这是对Bootstrap内容总结的最后一篇。内容包括:分页、模态框、轮播、面包屑导航。一、分页1.使用原因:在网页开发的过程中,如果内容显示的过多,一般就会做分页处理。2.创建分页:在<ul>元素上添加 .pagination类在<li&g
2021-07-27 00:52:20
403
原创 Bootstrap 布局组件(上篇)
文章目录前言一、按钮1 .代码如下(如下所示):二、使用步骤1.引入库前言本篇文章继续进行Bootstrap知识的更新,这次Bootstrap布局组件的知识,主要的内容是按钮,进度条,分页,列表,下拉菜单,折叠,导航,导航栏。一、按钮1 .代码如下(如下所示): `C < div class = " container " > < button type = " button " class = " btn " >基本</ button > < butto
2021-07-12 23:04:53
759
原创 Bootstrap CSS(图片,表格,文字排版,颜色)
文章目录前言一、偏移列(补充)1.概念:2.代码示例:二、图片1.``类:2.代码如下(示例):三、文字排版1.代码如下(示例):四、表格1.表格类,`和类`2.代码如下(示例):五、颜色1.代码如下(示例):前言本篇文章主要是对Bootstrap CSS进行相应的总结,其中常用的就是图片、表格、文字排版、颜色等一些内容。同时对上篇文章缺失的的内容(偏移列)进行补充。一、偏移列(补充)1.概念:偏移是一个用于更专业的布局的有用功能。它们可以用来给列腾出更多的空间。为了在大屏幕显示器上使用偏移,
2021-07-11 19:07:55
944
原创 Bootstrap概念和基本结构(网格系统)
文章目录前言一、Bootstrap概念及优点(使用Bootstrap的原因)二、Bootstrap基本结构1.Bootstrap网格系统2.媒体查询3.网格选项(网格系统如何跨多个设备工作)总结前言本篇文章开始对Bootstrap的简述及它所包含内容的大致了解。对于Bootstrap概念的理解,对于学习这块知识起着非常重要的作用。一、Bootstrap概念及优点(使用Bootstrap的原因)1.概念:首先,Bootscript是目前比较受欢迎的前端框架。其次,它是基于HTML、CSS、JA
2021-06-24 07:43:03
1989
原创 jQuery基础(事件,动画,工具,事件对象)
文章目录前言一、jQuery的事件二、jQuery的动画三.jQuery的自定义动画(.animate())四.jQuery的动画案例(淡入淡出)五.jQuery的工具(常用)六.jQuery的事件对象(常用)前言对于jQuery基础的更新,这篇文章是最后一篇。对于本章的内容我认为比较重要的知识点,在此梳理和总结。主要从jQuery的事件,动画,工具和事件对象这几个方面来进行。一、jQuery的事件1.内容常用事件描述.off()移除一个事件处理函数.on()在选
2021-06-23 00:10:29
267
4
原创 jQuery基础(选择器,jQuery对象,文档操作)
文章目录前言一、jQuery的选择器二、dom对象和jQuery对象的转化(重点)1.dom对象和jQuery对象的概念2.dom对象与jQuery对象之间的转化三.jQuery的核心四.jQuery的文档操作(方法)前言由于上篇文章对于jQuery的基本的概念及原理做了阐述,这篇主要是其中的重要内容总结,比如说,选择器,jQuery对象,核心,文档操作,筛选一、jQuery的选择器1.id选择器console.log($('#p').html()); //写在<script>&l
2021-06-10 11:11:09
234
原创 jquery和JavaScript之间的联系和区别
文章目录前言一、本质区别二、用法区别1.获取内容2.设置css样式3.属性(增删查)总结前言在学习jQuery的之前,就对JavaScript已经进行了深入的学习。但是,对jQuery的学习中有很大的迷惑。这篇文章将会总结jQuery和js的区别一、本质区别1.概念及功能(两者之间的联系):JavaScript是用于Web客户端开发的脚本语言jQuery是js的框架,基于js语言。功能:集合Ajax技术开发出来的js库,封装js和Ajax的功能,提供函数接口,简化js的操作。(注:在大多数
2021-06-09 10:26:29
7807
原创 less基础(全)
文章目录前言一、less概述二、新功能(以示例为主)1.变量、变量数组2.函数(颜色,数学函数)3.less语法之作用域4.混合(案例)5.匹配模式6.运算(案例)7.嵌套规则(案例)三.less语法之避免编译(案例)总结前言本篇文章就是对less作一基本的总结。其中从它的使用环境,变量,函数,作用域,运算,嵌套规则等这些方面来总结。一、less概述1.Less是一种CSS的扩展和动态样式表语言,CSS预处理器,可以在客户端或服务器端运行,帮助我们自定义,管理和重用网页的样式表。2.Less
2021-06-03 21:02:39
813
原创 flex布局(flex容器,flex属性)
文章目录前言一、flex(Flexible Box)概述二、flex容器,flex属性1.flexBox弹性模型2.基本概念详解3.弹性容器的属性4.弹性元素的属性5.圣杯布局6.垂直居中对齐总结前言本篇文章中主要归纳flex布局弹性元素的属性和弹性容器的属性,以及使用flex布局制作导航栏。一、flex(Flexible Box)概述1.概述:Flex是Flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性。2.1 任何一个容器都可以指定为flex布局。.box{
2021-05-31 00:12:14
1081
原创 typescript的String、Array、Map对象
文章目录前言一、String对象二、Array(数组)1.数组的声明和初始化2.Array对象2.数组方法(部分)三、`Map对象`1.基本内容2.函数和属性四、TypeScript对象1.对象实例前言本篇文章将会结束typescript中我认为比较重要的知识点的总结。主要的内容是String,Array,Map对象和TypeScript 对象一、String对象String对象属性属性&描述实例constructor:对创建对象的函数的引用var str1
2021-05-26 20:42:12
1743
原创 TypeScript基础(上)
文章目录前言一、TypeScript概念二、基础语法1.从ts文件到js文件的流程图2.TypeScript与面向对象(`重点`)三、基础类型四、变量声明1.声明方式:2.类型断言:五、总结前言此篇文章开始新的内容:TypeScript基础的归纳和总结。主要是一些基础的语法,基础类型等进行一些归纳。一、TypeScript概念TypeScript是JavaScript的一个超集,支持ECMAScript6标准;它由微软开发的自由和开源的编程语言。同时它的设计目标是开发大型应用,可以编译成纯J
2021-05-17 21:11:50
212
原创 DOM之闭包(closure)
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言此篇文章是DOM的最后一个板块,闭包模块。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn
2021-05-14 19:01:07
229
原创 面向对象之创建对象方式,原型对象
文章目录前言一、自定义对象1.创建对象方式二、使用步骤1.引入库2.读入数据总结前言这篇文章是既上篇DOM模型进行总结。基础的知识将会在这篇文章中完结。本篇的主要内容是自定义对象和闭包。这两个知识点很重要的。一、自定义对象1.创建对象方式1.内容a.采用new函数的方式(用的多)b.采用创建类的方式c.采用var p = {}构造器(构造函数):来初始化一个对象的属性的值的函数。通过new构造器的方式来创建对象(1) 通过function来创建对象其中,属性和方法又可以分为私有
2021-05-12 19:54:17
187
原创 DOM模型(上)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-05-11 20:33:52
310
原创 BOM模型---事件(事件属性)
文章目录前言一、鼠标的单击,悬停,移动事件1.内容2.代码如下:(部分示例)二、使用步骤1.引入库2.读入数据总结前言在BOM模型中事件属性比较多,而且重要,所以这篇文章专门对于事件属性做一梳理。一、鼠标的单击,悬停,移动事件1.内容事件属性描述onclick鼠标的单击事件onmouseover鼠标移动到某元素之上onmouseout鼠标从某元素移开onmousemove鼠标被移动onmouseup鼠标按键被松开onmousedow.
2021-04-23 21:32:59
395
原创 BOM模型(this关键字,Location对象,History对象,event对象)
文章目录前言一、this关键字二、Location对象(Window对象的一部分)1.Location对象属性2.读入数据总结前言本篇文章是继上篇BOM模型的梳理和总结,主要内容是this关键字,location对象,history对象,鼠标的单击,悬停,移动事件一、this关键字this关键字:代表的是一个对象1.如果把this写在了标签中,那么this关键字就是标签对象2.在函数中使用时,如果定义属性,那么代表的就是函数对象1.标签对象: <script>
2021-04-10 19:25:19
294
原创 BOM模型(window对象)
文章目录前言一、BOM模型对象--Window对象1.window对象属性:二、window对象方法1.引入库2.读入数据总结前言本文将会总结JavaScript中重要的知识点-----BOM模型(浏览器对象模型)。它的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而减轻开发人员的工作量,提高设计Web页面的效率。实现功能:1.弹出新的浏览器,2.移动,关闭浏览器窗口以及调整窗口的大小,3.页面的前进,后退提示:以下是本篇文章正文内容,下面案例可供参考一、BOM模型对象–Window
2021-04-06 09:03:46
237
原创 javaScript内置对象之Array对象、正则表达式
文章目录前言一、javascript内置对象之Array对象1.数组的定义方式,特点及属性2.数组的方法3.数组元素的获取二、javascript内置对象之正则表达式总结前言本文将会对于Javascript内置对象之数组对象,正则表达式进行详细的说明总结。一、javascript内置对象之Array对象1.数组的定义方式,特点及属性数组的定义方式(两种):(1)采用new的方式:var arr = new Array();(2)采用中括号的方式:var arr2 = [1,2,3,4,5
2021-03-25 19:51:44
172
原创 javaScript的全局函数,内置对象(部分)之Date、String、Math对象
文章目录前言一、全局函数二、内置对象1.Date对象:获取时间对象的部分属性:getxxx2.String对象3.Math对象3.`innerHTML属性和innerText属性`(补充)前言本文将会介绍javaScript的全局函数,内置对象;内置对象包括Date对象,string对象,Math对象,Array对象,正则表达式;后面两个对象(Array对象,正则表达式)将会在下篇文章中更新,其中也会插入一些与之相关的内容。一、全局函数说明:javaScript中定义一些函数,可以直接使用。
2021-03-18 19:12:04
123
原创 JavaScript的变量定义,数据类型之间的转化,函数定义
文章目录前言一、JavaScript的概述、特点、组成、注释二、JavaScript与HTML的结合方式1.内容(在HTML中的书写位置有三个位置)2.代码如下(示例)三、JavaScript的变量、数据类型、程序控制结构1.内容2.代码如下(示例)四、JavaScriptde的函数定义(`重点`)1.内容2.代码如下(示例)五、JavaScriptde的代码块1.内容2.代码如下(示例)前言这篇文章是对JavaScript的概念,语法,变量的定义,数据类型之间的转化,函数定义等;文章题目只列出一部分
2021-03-10 21:06:07
184
原创 css基础梳理(属性选择器,动画,过渡属性等)
文章目录一、前言二、css属性选择器1.内容三、css伪类(伪类选择器),表单伪类选择器1.内容2.代码如下(示例)四、css圆角、渐变、过渡属性、图像透明/不透明1.内容五、css动画1.内容2.代码如下:六、总结一、前言此篇文章是css基础中对css伪类、css过渡属性、css属性选择器、css动画、css渐变等知识的梳理。二、css属性选择器1.内容名称描述属性选择器选择了所有写了title(title代表的是标签的某种属性)的元素属性和值选择器 — 多值属
2021-03-05 20:18:40
244
1
原创 css的精灵技术,选择器扩展
文章目录前言一、margin叠加情况1.内容2.代码如下(只展示情况一)二、精灵技术(雪碧技术)1.内容2.代码如下(示例)3.结果如下(页面显示多个)三、css3的选择器扩展1.基本选择器(回顾)2.基本选择器的扩展3.代码如下(示例)前言在上篇文章对css盒子模型知识的总结中,对margin属性有遗漏,此篇将会做以补充,并对精灵技术和选择器的扩展进行总结一、margin叠加情况1.内容情况一:上下叠加情况二:左右叠加情况三:空元素的margin叠加补充:前两种情况是标签中有内容的情
2021-03-04 10:12:06
136
1
原创 css的盒子模型及应用
一、盒子模型内容具体描述padding控制内容与边距之间的距离margin控制元素与元素之间的距离,使元素之间达到相互隔开的效果border(边框)围绕在内边距和内容外的边框。content(内容)所要填充的内容(文本,图片等)补充1:为使上面所描述的内容更容易理解。因此附加图片补充2:margin和padding在写的过程中有两种写法:写法1:依次分为4个方向写:margin-left,margin-right,margin-top,marg.
2021-02-20 23:17:23
357
原创 css基础(部分)
文章目录css概念一、选择器二、使用步骤1.引入库2.读入数据总结css概念1.css的概念:层叠样式表。2.特征:一处写,处处用。一、选择器语法:选择器{属性:属性值}作用:关联html和css的一个中间枢纽类型(重点):(1)通用选择器 {属性:属性值}(2)id选择器 2-1.在开始标签写 id=属性值 2
2021-01-31 18:46:46
114
1
原创 HTML标签及属性
HTML标签及属性一、HTML标签 其标签分为单标签和双标签1.单标签标签描述<img scr = "图片所在的路径" alt = "描述图片的信息(在图片发生损毁或者受其他影响时,作为描述)" width = "设置图片的宽" height = "设置图片的高" title = "图片的标题"/>行内块标签(图片的引入)<br/>换行<hr/>也叫空标签,没有元素内容,只
2021-01-27 08:37:21
841
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人