- 博客(39)
- 收藏
- 关注
RSS订阅
3原创 Promise
ES6是一个非常重要和好用的特性就是PromisePromise作用Promise 是异步编程的一种解决方法什么时候需要处理异步事件一种很常见的场景：网络请求当我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能将结果简单的返回所以往往我们会传入另外一个函数，在数据请求成功时，将数据通过传入的函数回调出去如果只是一个简单的网络请求，那么这种方案不会带来很大麻烦但是，当网络请求非常复杂时，回调就会很麻烦使用的就是链式编程，可以是代码更加具有逻辑性new Prom
2022-05-16 16:33:05
132
原创 gitee打包
第一步：首先找到对应的文件夹，右键打开 Git Bash Here第二步：点击 + （加号），新建仓库第三步：输入仓库名，仓库名与路径同步一致第四步：点击创建这时候会跳出一个创建仓库的步骤，首先打开刚刚打开过的Git Bash Here第五步：输入git init，用以初始化git打开文件夹后，会出现.git第六步：输入 git add .将全部项目添加至git中如果是第一次创建仓库的话，则需要输入账号密码，即这里面的内容第七...
2022-04-18 20:27:02
1684
原创 Vue的路由
路由是什么路由是一个网络工程里面的术语路由(routing) 就是通过互联网的网络把信息从源地址传输到目的的地址活动路由器的两种机制~路由是决定数据包从来源到目的地的路径~转送将输入端的数据转移到合适的输出端...
2022-04-17 17:18:29
2961
原创 Vue CLI
俗称为脚手架如果只是简单的写几个 vue 的 demo程序，那么就不需要 Vue CLI但是如果在开发大型项目，那么就需要使用Vue CLI~使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构的部署、热加载、代码单元测试等事情~如果每个项目都要手动完成这些工作，那无疑效率是比较低的，所以通常我们会使用一些脚手架工具来帮助完成这些事情Vue CLI 使用前提Node安装 node.jswebpack~对所有的资源会压缩等优化操作~它在开发过程中提供了一套
2022-04-12 20:56:52
2949
原创 Webpack内容
从本质上讲，webpack 是一个现代的JavaScript 应用的静态模块打包工具就是：模块 和 打包前端模块化：AMD、CMD、CommonJS、ES6
2022-04-11 15:11:31
89
原创 ES模块化
导入和导出export基本使用用于导出变量，//info.js export let name = 'hhh' export let age = 20 export let height 170另一种写法：//info.js let name = 'kkk' let age = 23 let height = 170export {name,age,height}以上主要是输出变量，也可以输出函数或者输出类可以写成一下这种形
2022-04-07 21:44:18
563
原创 Vue 的插槽 slot
为什么使用 slotslot 翻译为插槽，插槽的目的是让原来的设备具备更多的扩展性组件的插槽组建的擦超是为了让封装的组件更加具有扩展性让使用者可以决定组件内部的一些内容的展示当需要传入不同的参数时：<div id="app"> <cpn><button>按钮</button></cpn> <cpn><span>哈哈哈哈</span></cpn> <cp
2022-04-07 18:11:11
716
原创 Vue组件化的内容
组件化如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展但是如果我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了Vue组件化思想组件化是 Vue.js中的重要思想，它提供了一种抽象，让我么可以开发出一个个独立可服用的小组件来构造我们的应用任何的应用都会被抽象成一颗组件树组件化思想的应用：有了组件化思想，我们在之后的开发中就要充分利用它...
2022-04-04 11:49:23
572
原创 Vue 中的MVVM
View层：1、视图层2、在前端开发中，通常就是 DOM 层3、主要的作用是给用户展示 各种信息Model层：1、数据层2、数据可能是我们固定的死数据，更多的是来自服务器，从网络上请求下来的数据3、在计数器案例中，就是后面取出来的obj，当然，里面的数据可能没有这么简单VueModel层：1、试图模型层2、视图模型层是View和 Model 沟通的桥梁3、一方面它实现了Data Binding，也就是数据绑定，将Model 的改变实时的反应到 View中4、另
2022-03-31 17:58:17
1732
原创 Git的基本内容
版本控制（版本迭代，新的版本）是一种在开发过程中用于管理我们对文件、目录或工程等内容的修改历史，方便查看更改历史记录，备份以便恢复以前版本的软件工程技术。常见的版本控制器有如下这些：GitSVN（Subversion）CVS（Concurrent Versions System）VSS（Micorosoft Visual SourceSafe）TFS（Team Foundation Server）Visual Studio Online版本控制分为三类1、本地版本控制
2022-03-22 20:00:53
319
原创 Vue基础
1、JavaScript框架2、简化Dom操作3、响应式数据驱动文档传送门https://cn.vuejs.org1、导入开发版本的 Vue.js2、创建Vue 实例对象，设置 el 属性 和 data 属性3、使用简洁的模板语法把数据渲染到页面上el：挂载点<div id = "app"> {{message}}</div>var app = new Vue({ el:"#app", data:{
2022-03-18 16:19:04
56
原创 PC端网页特效
offset概述offset 就是偏移量，我们使用offset 系列相关属性可以动态得到该元素的位置（偏移）、大小等-获得元素距离带有定位父元素的位置-获得元素自身的大小注意：返回的数值都不带单位offset 系列常用的属性：offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素 如果父级元素都没有定位则返回body element.offsetTop 返回元素相对带有定...
2022-03-15 18:54:05
103
原创 BOM的内容
什么是BOMBOM 即浏览器对象模型，它提供了独立于内容而而与浏览器窗口进行交互的对象，其核心对象是windowBOM 由一系列相关对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是 ECMA ，DOM的标准化组织是W3C， BOM最初是Netscape 浏览器标准的一部分BOM 包含了 DOMDOM BOM 文档对象模型 DOM 就是把[文档] 当做一个[对象] 来看待 DOM的顶级对象是document
2022-03-11 12:11:25
1309
原创 高级事件的内容
注册事件概述给元素添加事件，称为注册事件或者绑定事件注册事件有两种方式：传统方式和方法监听注册方式传统注册方式利用on 开头事件 onclick(1)<button onclick = "alert('hi~')"></button>(2)btn.onclick = function(){ ........ }特点：注册事件的唯一性：同一个元素同一个事件 只能
2022-03-10 15:46:12
89
原创 Web APIs
JS的组成JavaScriptECMAScript (JavaScript语法） DOM(页面文档对象类型） BOM(浏览器对象模型)JavaScript基础 Web APIsJS 基础存息 ECMAScript 基础语法为后面做铺垫，Web A...
2022-03-09 17:41:00
99
原创 JS的数据类型
简单数据类型 和 复杂数据类型简单类型又叫做基本数据类型 或者值类型复杂类型又叫做引用类型值类型：简单数据类型/基本数据类型 ，在存储时变量中存储的是值本身，因此叫做值类型string ，number， boolean， undefined， null引用类型：复杂数据类型，在存储是 变量中存储的仅仅是地址（引用），因此叫做引用数据类型通过new 关键字创建的对象（系统对象、自定义对象），比如Object、Array、Date等堆 和 栈堆栈 空间分配区别;1、栈（操作.
2022-03-02 22:10:46
178
原创 对象的创建
对象的含义在现实中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物，一个数据库，一张网页、一个远程服务器的连接也可以是‘对象’。在JavaScript 中，对象是一组无序的相关属性和方法的集合，所有实物都是对象，例如：字符串、数值、数组、函数等属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）为什么需要对象保存一个值时，可以使用变量，保存多个值（一组值）时，可以用数组。但是要保存一个人的完整信息呢？例如：将‘张三’的个人信息
2022-03-02 19:29:25
3221
原创 预解析的内容
JavaScript 代码是由浏览器中的JavaScript 解析器来执行的，JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。预解析js引擎 会把js 里面所有的 var 还有 function 提升到当前作用域的最前面代码执行按照代码书写顺序从上往下执行预解析分为：变量预解析（变量提升） 和 函数预解析（函数提升）变量提升：把所有的变量声明提升到当前的作用域最前面 不提升赋值操作...
2022-02-28 11:37:00
302
原创 JavaScript作用域
作用域的概念通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局限性，增强了程序的可靠性，减少了名字冲突JavaScript的两种作用域（全局作用域 局部作用域）全局作用域：整个script标签 或者是一个单独的js文件局部作用域（函数作用域）：在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用变量的作用域在JavaScript中 根据作用域不同，变量可分为两种：全局变量：在
2022-02-23 13:39:33
58
原创 函数的内容
函数的概念在js里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用，虽然for 循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用JS中的函数函数：就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使用...
2022-02-23 11:11:35
74
原创 数组的含义
数组(Array)的概念数组是指一组数据的集合，其中的每个数组被称作元素，在数组中可以存放任意类型的元素，数组是一种将一组数据存储在单个变量名下的优雅方式//普通变量一次只能存储一个值var num = 10;//数组一次可以存储多个值var arr = [1,2,3,4,5];创建数组js中 创建数组有哦两种方式1、利用 new 创建数组var arr = new Array(); //创建一个空数组2、利用数组字面量创建数组// 1、使用数组字...
2022-02-18 16:18:51
857
原创 循环的内容
循环的目的 在实际问题中，许多具有规律的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句JS中的循环在程序中，一组被重复执行的语句称之为循环体，能否继续重复执行，取决于循环的终止条件，由循环体及循环的终止条件组成的语句，被称为循环语句 for 循环（重点） for循环主要用于把某些代码循环若干次，通常跟计数有关系for(var i = 1 ;i <= 100; i++){ console.log('你...
2022-01-28 15:41:49
780
原创 流程控制语句
在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的，很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要分为三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序顺序流程控制顺序结构是程序中最简单的、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的分支流程控制由上到下执行代码的过程中，根据不同的条件，执行不
2022-01-21 17:09:24
228
原创 运算符的基本内容
运算符运算符也被称为操作符，是用于实现赋值，比较和执行算数运算等功能的符号JavaScript中常用的运算符有：-算数运算符运算符 描述 实例 + 加 10+20=30 - 减 10-20=-10 * 乘 10*20=200 / 除 10/20=0.5 % 取余数（取模） 返回除法的余数9%2=1 console.log(1 + 1);//2 console.log(1 - 1);//0
2022-01-20 15:51:54
504
原创 数据类型转换
@[TOC]什么是数据类型的转换使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型，通俗来说，就是把一种数据类型的变量转换成另一种的数据类型转换为字符串类型转化为数字型转化为布尔型转化为字符串方式 说明 案例 toString() 转成字符串 var num=1; alert(num.toString(); String()强制转换 转成字符串 var num=1; al.
2022-01-18 10:39:51
91
原创 数据类型介绍
为什么需要数据类型在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型简单来说，数据类型就是数据的类别型号变量的数据类型变量是用来存储值的所在处，它们有名字和数据类型，变量的数据类型决定了如何将代表这些值的位置存储到计算机内存中，JavaScript是一种弱类型或者说动态语言，这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定var agr=10;//这是一个数字型var areYouO
2022-01-17 15:24:59
1226
原创 变量（小结）
为什么需要变量因为一些数据需要保存，所以需要变量变量是什么变量是一个容器，用来存放数据的，方便以后使用里面的数据变量的本质是什么变量是内存的一块空间，用来存放数据变量怎么使用的1、使用变量的时候，一定要先声明变量，再赋值变量2、声明变量本质是去内存申请空间什么是变量的初始化声明变量并赋值，我们称之为变量的初始化变量命名规范有哪些变量名尽量要规范，见名思意----驼峰命名法区分哪些变量名不合法交换两个变量值的思路学会交换2个变量...
2022-01-10 16:06:12
179
原创 JavaScript简介
1、是什么 谁在哪，什么时候用多长时间开发，是一门什么样的语言 美国 布莱登·艾奇 1995年 100天 JavaScript 是一门动态的、弱类型的、解释型的脚本语言动态：只有在执行的时候才能确定数据类型弱类型：变量数据的类型是不确定的，可以随意进行改变解释型：相对于编译型来说，编译型计算机在执行之前需要把程序进行编译，完事之后才执行 解释型，不需要编译，执行的时候，一行一行的去解释执行...
2022-01-04 15:32:35
269
原创 编译器的压缩操作
配置webStorm的代码的压缩 1、将yucompressor-2.4.8.jar 放到硬盘中能找到的位置 2、打开webstorm的找到file的settings下的tools下的file watchers选择路径
2021-12-19 11:00:03
124
原创 背景相关样式
背景相关样式 background-image 背景图片 background-color 背景颜色 background-repeat 背景的重复方式 -可选值： repeat 水平垂直双方向重复 repeat-x 水平方向重复 repeat-y 垂直方向重...
2021-12-06 15:17:28
73
原创 字体和文本样式
字体相关样式 字体颜色 color 字体大小 font-size 相关单位 em 1em=1个font-size(当前元素的font-size) rem ...
2021-12-01 16:10:14
52
原创 【无标题】
定位（position） -定位是css中一种高级的布局手段，通过定位可以将元素摆放到页面中的任意位置 -position的可选值 static 默认值，元素是静止的，没有开启定位 relative 开启元素的相对定位 absolute 开启元素的绝对定位 fixed 开启元素的固定定位 -相对定位 ...
2021-11-29 12:47:37
35
原创 盒子模型补充
1、盒子模型的样式 border-radius 圆角（圆角的半径，半径越大，圆角越大，最大是圆形） -通过指定半径来设置盒子的圆角 -值越大，角越园 -border-radius：50% 圆形box-shadow 阴影 -box-shadow：【inside（内阴影）】水平偏移量 垂直偏移量 模糊半径 阴影颜色 -box-shadow：inside 0px 0px 20px rgba（0，0，0，...
2021-11-21 16:53:11
284
原创 2021-11-10
盒模型的相关属性 -overflow 设置元素如何处理溢出的问题 可选值： visible 默认值，不处理溢出的内容在盒子的外部显示 hidden 溢出的内容会被裁剪，不会在页面显示 scroll 生成水平和垂直方向的滚动条 ...
2021-11-11 16:49:08
38
原创 css的基础
选择器 -属性选择器 根据元素的属性来获取元素 语法:.[属性名].[属性名=属性值].[属性名^=属性值](三角代表以什么字母为开头的).[属性名$=属性值](以什么结尾的).[属性名*=属性值]伪元素 伪元素用来表示一些特殊位置的元素为元素使用::(双冒号)开头 ::before元素内部开始的位置<div></div>div::...
2021-11-03 16:09:19
35
原创 列表的内容
一:列表-无序列表<ul><li></li><li></li></ul>-有序列表<ol><li></li><li></li></ol>-定义列表<dl><dt></dt><dd></dd></dl>二:css-层叠样式表-css用于设置网页中元素的样式
2021-10-27 16:54:30
74
原创 html的常用标签
常用标签mate标签,表示网页中的一些元数据属性:name:要设置的数据的名字content:要设置的数据的值http-equiv:设置html协议的相应头常用的功能1:设置网页的描述信息<meta name='descrip' content='这是一个网站'>2:设置网页的关键字<meta name='keywords' content='HTML Jave,大数据'>3:设置网页的重定向<meta http-equiv='.
2021-10-23 21:27:29
150
原创 网页的基础框架
<!DOCTYPE html><html lang='en'><head><title>网页标题</title><mate charset='utf-8'></head><body>用户看到的部分<body></html>网页分成三部分，结构，样式，行为html负责结构，css负责样式，JavaScript负责行为一个优良的网页是要将
2021-10-18 15:36:40
1018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人