咸鱼one-CSDN博客

原创 JavaScript的事件执行机制

文章目录一、js的内存模型二、js事件执行机制1.执行的整个流程：2.宏任务和微任务：常见案例：一、js的内存模型对于js内存模型的介绍，将会在接下来事件循环有更好的理解。二、js事件执行机制1.执行的整个流程：所有同步任务都在主线程上的栈中执行。主线程之外，还存在一个“任务队列”（task queue）。主要异步任务有了运行结果，就在“任务队列”之中放置一个事件。一旦“栈”中所有同步任务执行完毕，系统就会读取“任务队列”，选择出需要首先执行的任务（由浏览器决定，并不按序）。2.宏任

2021-12-05 15:33:23 1915

原创原型和原型链（二）

文章目录前言一、_proto_(上文提到)1、定义：2、小测试：二、原型链1、定义及相关解释：2、原型链图：前言在上篇文章中对构造函数和原型对象进行了相应的总结。此文章将会对原型链进行详细的阐述。希望大家对原型和原型链的理解有较大的帮助。一、proto(上文提到)1、定义：JS在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做_proto_的内置属性，用于指向创建它的构造函数的原型对象。对象person1有一个_proto_属性，创建它的构造函数是Person，构造函数的原型对象

2021-11-28 17:18:50 373

原创原型和原型链（一）

文章目录前言一、构造函数二、使用步骤1.引入库2.读入数据总结前言此文章在描述原型和原型链的基础上，首先要复习构造函数（原型出现的原因）一、构造函数定义：构造函数就是一个普通的函数，创建方式和普通函数没有太大的区别，不同的是构造函数习惯上首字母大写,普通函数是直接调用，但构造函数需要使用new关键字来调用。目的：构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，实例与实例之间相互独立的。示例：pandas 是基于NumPy

2021-11-27 15:26:04 484

原创 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 302

原创 Bootstrap 布局组件（上篇）

文章目录前言一、按钮1 .代码如下（如下所示）：二、使用步骤1.引入库前言本篇文章继续进行Bootstrap知识的更新，这次Bootstrap布局组件的知识，主要的内容是按钮，进度条，分页，列表，下拉菜单，折叠，导航，导航栏。一、按钮1 .代码如下（如下所示）： `C < div class = " container " > < button type = " button " class = " btn " >基本</ button > < butto

2021-07-12 23:04:53 576

原创 Bootstrap CSS(图片，表格，文字排版，颜色)

文章目录前言一、偏移列（补充）1.概念：2.代码示例：二、图片1.``类：2.代码如下（示例）：三、文字排版1.代码如下（示例）：四、表格1.表格类，`和类`2.代码如下（示例）：五、颜色1.代码如下（示例）：前言本篇文章主要是对Bootstrap CSS进行相应的总结，其中常用的就是图片、表格、文字排版、颜色等一些内容。同时对上篇文章缺失的的内容（偏移列）进行补充。一、偏移列（补充）1.概念：偏移是一个用于更专业的布局的有用功能。它们可以用来给列腾出更多的空间。为了在大屏幕显示器上使用偏移，

2021-07-11 19:07:55 803

原创 Bootstrap概念和基本结构（网格系统）

文章目录前言一、Bootstrap概念及优点（使用Bootstrap的原因）二、Bootstrap基本结构1.Bootstrap网格系统2.媒体查询3.网格选项（网格系统如何跨多个设备工作）总结前言本篇文章开始对Bootstrap的简述及它所包含内容的大致了解。对于Bootstrap概念的理解，对于学习这块知识起着非常重要的作用。一、Bootstrap概念及优点（使用Bootstrap的原因）1.概念：首先，Bootscript是目前比较受欢迎的前端框架。其次，它是基于HTML、CSS、JA

2021-06-24 07:43:03 1822

原创 jQuery基础（事件，动画，工具，事件对象）

文章目录前言一、jQuery的事件二、jQuery的动画三.jQuery的自定义动画（.animate()）四.jQuery的动画案例（淡入淡出）五.jQuery的工具（常用）六.jQuery的事件对象（常用）前言对于jQuery基础的更新，这篇文章是最后一篇。对于本章的内容我认为比较重要的知识点，在此梳理和总结。主要从jQuery的事件，动画，工具和事件对象这几个方面来进行。一、jQuery的事件1.内容常用事件描述.off()移除一个事件处理函数.on()在选

2021-06-23 00:10:29 163 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 181

原创 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 7184

原创 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 742

原创 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 1041

原创 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 1567

原创 TypeScript基础(上)

文章目录前言一、TypeScript概念二、基础语法1.从ts文件到js文件的流程图2.TypeScript与面向对象（`重点`）三、基础类型四、变量声明1.声明方式：2.类型断言：五、总结前言此篇文章开始新的内容：TypeScript基础的归纳和总结。主要是一些基础的语法，基础类型等进行一些归纳。一、TypeScript概念TypeScript是JavaScript的一个超集，支持ECMAScript6标准；它由微软开发的自由和开源的编程语言。同时它的设计目标是开发大型应用，可以编译成纯J

2021-05-17 21:11:50 104

原创 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 209

原创面向对象之创建对象方式，原型对象

文章目录前言一、自定义对象1.创建对象方式二、使用步骤1.引入库2.读入数据总结前言这篇文章是既上篇DOM模型进行总结。基础的知识将会在这篇文章中完结。本篇的主要内容是自定义对象和闭包。这两个知识点很重要的。一、自定义对象1.创建对象方式1.内容a.采用new函数的方式（用的多）b.采用创建类的方式c.采用var p = {}构造器（构造函数）：来初始化一个对象的属性的值的函数。通过new构造器的方式来创建对象（1）通过function来创建对象其中，属性和方法又可以分为私有

2021-05-12 19:54:17 119

原创 DOM模型（上）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2021-05-11 20:33:52 214

原创 BOM模型---事件（事件属性）

文章目录前言一、鼠标的单击，悬停，移动事件1.内容2.代码如下：（部分示例）二、使用步骤1.引入库2.读入数据总结前言在BOM模型中事件属性比较多，而且重要，所以这篇文章专门对于事件属性做一梳理。一、鼠标的单击，悬停，移动事件1.内容事件属性描述onclick鼠标的单击事件onmouseover鼠标移动到某元素之上onmouseout鼠标从某元素移开onmousemove鼠标被移动onmouseup鼠标按键被松开onmousedow.

2021-04-23 21:32:59 279

原创 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 239

原创 BOM模型（window对象）

文章目录前言一、BOM模型对象--Window对象1.window对象属性：二、window对象方法1.引入库2.读入数据总结前言本文将会总结JavaScript中重要的知识点-----BOM模型（浏览器对象模型）。它的作用是将相关的元素组织包装起来，提供给程序设计人员使用，从而减轻开发人员的工作量，提高设计Web页面的效率。实现功能：1.弹出新的浏览器，2.移动，关闭浏览器窗口以及调整窗口的大小，3.页面的前进，后退提示：以下是本篇文章正文内容，下面案例可供参考一、BOM模型对象–Window

2021-04-06 09:03:46 211

原创 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 160

原创 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 105

原创 JavaScript的变量定义，数据类型之间的转化，函数定义

文章目录前言一、JavaScript的概述、特点、组成、注释二、JavaScript与HTML的结合方式1.内容（在HTML中的书写位置有三个位置）2.代码如下(示例)三、JavaScript的变量、数据类型、程序控制结构1.内容2.代码如下(示例)四、JavaScriptde的函数定义(`重点`)1.内容2.代码如下(示例)五、JavaScriptde的代码块1.内容2.代码如下（示例）前言这篇文章是对JavaScript的概念，语法，变量的定义，数据类型之间的转化，函数定义等；文章题目只列出一部分

2021-03-10 21:06:07 138

weixin_45921263的博客