- 博客(35)
- 收藏
- 关注
RSS订阅原创 JS作用域和闭包
1：作用域：javaScript作用域属于词法作用域，词法作用域又叫做静态作用域，它就是定义在词法阶段的作用域（变量和函数的可访问范围）。1-1：全局作用域：全局作用域，所声明的所有变量都会作为window对象挂载的值1-2：函数作用域函数内部申明的变量被称为函数作用域或者局部作用域1-3：块级作用域用let / const 申明的变量存在会计作用于，只在 大括号 {} 中有效闭包：函数内部的函数，能够读取其他函数内部作用域的值就会产生闭包function foo(){ le
2022-02-14 19:39:36
305
原创 ES6相关技术概要-函数的参数默认值+模板字符串+...运算符+解构赋值+对象的简写方式
函数的参数默认值+ 给函数的形参设置一个默认值 => 如果ni传递了实参，就使用你传递的实参 => 如果你没有传递实参，那么就使用默认值+ 直接在形参后面使用等于号(=) 进行赋值模板字符串+ ...
2021-07-07 19:32:11
144
原创 ES6相关技术概要-箭头函数
ES6的箭头函数+ 一种新的函数定义方式+ 对于匿名函数的简写方式+ 匿名函数 => var obj = { fn:function(){} } => var fn = function(){} => setTimeout(function{},0) => setInterval(function(){},0) => [].foreach(function(){}) => div.onclick = function(){} => div.
2021-07-05 19:11:13
130
原创 ES6相关技术概要-块级作用域
变量的块级作用域+ let 和 const 定义的变量，每一个可以书写的代码段的 {} 都会限制使用范围+ 特点：我们可以把循环过程中，每一次的变量限制在每一次的 {} 里面 代码示例： for (var i=0; i<3;i++){ console.log(i) // 0 1 2 } console.log(i) // 3 执行过程分析： var i = 0; // 1 2 3 { i = 0; console.log(i) //0 }
2021-07-03 16:21:00
68
原创 ES6相关技术概要-定义变量
ES6:+ ES2015(官方名称)+ 语法层面的更新 => 原先：var a => ES6：let a+ 我们书写代码 => 不需要考虑语法层面的兼容 => ES6 转换 ES5 的工具 我们叫做 babelES6定义变量：+ ES6 定义两个变量的关键字 1：let 变量 2：const 常量let/const 与 var 的区别1.var 会进行预解析 => let / const 不会进行预解析，必须先定义后使用 => let /
2021-07-03 15:53:01
198
原创 ES6相关技术概要-this指向
this 指向this 在字面量是这个的意思定义：this是一个使用在作用域内部（函数/全局）的关键字,全局很少用，大部分是在函数内部使用指向： 全局:this => window 函数内部使用:不管函数如何定义，只看函数的调用，箭头函数除外 ->普通调用/直接调用/全局调用 + 函数名() ->对象调用 + xxx.函数名() Math.random() -> .点前面是谁就是谁 ->定时器处理函数 + setTimeout(function
2021-07-03 15:19:06
87
原创 MVVM模式（设计模式）
开头:1：首先让我们先了解下MVP： View：是视图层 Presenter:是控制层 Model:是数据层代码演示：2：让我们看看MVVMM层V层就代表以下VM层：vue的好处就是在于让我们专注于数据的变化，而不用自己操作dom ！...
2021-01-13 17:25:06
232
原创 npx create-react-app 动不了？？？（解决方法）
1:解决npx create-react-app卡住的办法 一句话：外国不得行，还是靠国家2：看下设置的npm： npm config get registry3：改下npm！： npm config set registry https://registry.npm.taobao.org
2021-01-12 20:11:18
3243
2
原创 数据结构与算法一
什么是数据结构：？ 没有明确的定义！个人定义：数据结构是计算机存储和组织数据的方式常见数据结构：数组，栈，链表，图，散列表，队列，树，堆。常见的数据结构多：1：每一种都有其对应的应用场景，不同的数据结构的不同操作性能不一样2：有的查询特别快，有的插入头和尾的速度很快3：有的做范围查找快什么是算法（Algorithm）‘’定义:1:一个有限指令集，每条指令的描述不依赖于语言2：接受一些输入3：产生输出4：一定在有限步骤后终止通俗定义：解决问题办法的逻辑，步骤，方法...
2021-01-08 19:23:34
59
原创 API接口（项目开发流程）
Api全称：前后台交互API接口重要概念1.API（请求：请求地址url,请求方式，请求参数）（响应：响应格式）2. 接口文档（一般是word，md，txt，pdf）3. 对接口4. 联调5. 前后台分离6. mock数据（模拟数据，前端工程师自己干）开发流程1：熟悉一个项目的开发流程2：模块化，组件化，工程化开发3：初始化项目4：模拟后端数据，实现前后端分离开发5：es6+eslint开发6：项目优化...
2021-01-04 14:55:08
3086
原创 BFC,IFC,GFC,FFC
BFCBFC是块级格式上下文，block formatting context 就是页面的一个隔离的渲染区域，容器里面的子元素不会再布局上影响外面的元素IFCIFC是内联格式上下，inline formatting context IFC的线框高度由其包含行内的元素中最高的高度而计算而来GFCGFC是网格布局格式化上下文，GridLayout Formatting Context当一个元素被设为grid的时候，该元素会获得一个独立的渲染区域，我们可以通过网格容器定义行和列。FFCFFC是
2021-01-01 22:39:59
635
2
原创 微信小程序云开发创建数据库之基本操作
1：在数据库中创建集合（相当于关系型数据库中的数据表）2：在集合中添加记录3：进行数据库请求4：如果请求成功但是拿不到数据，那么就更改数据权限
2020-12-30 20:20:46
6606
1
原创 VUE跨域解决方案及代理服务器的配置
一：在前后台的配合中，由于有时候会出现后台不允许请求的问题，因为二者存在跨域问题，所以解决方案如下1：后台设置允许跨域。2：前台设置代理服务器。第二种的操作:1:新建一个vue.config.js的文件2：如下...
2020-12-21 09:32:54
191
原创 npm无法安装cnpm
解决办法：将地址端口设成代理端口第一步：npm config set prefix “D:\node.js\node_global”第二步: npm config set cache “D:\nodejs\node_cache”第三步：npm config set proxy 93.184.216.24:8080第四步：npm config set https-proxy 93.184.216.34.8080第五步:npm install -g cnpm --registry=https://
2020-12-17 20:27:26
635
原创 Ionic 项目总结
开始：一：当开始一个项目时，应该先分析该项目的组成，例如 某数据大屏，共分为八大模块 1. 头部header模块，包括是项目的title，一些时间的组成 2. 左边（line-area）三个echarts图模块，这三块echarts功能相似，都为折线图，所以可以将它作为一个组件复用，动态的传递不同的参数即可。 3. 中上部分模块（order-list）模块，该模块主要是一些简单的交互数据的展示。 4. 中中部分模块（weak-area）模块，该模块是一个柱形的echarts图模块，需要分析近几日
2020-12-01 11:24:07
259
原创 git基础
小知识：下载东西慢，找镜像淘宝http://npm.taobao.org/mirrors/git-for-windows/卸载：环境变量去掉，然后直接卸载。linux基本命令：1）、cd : 改变目录。2）、cd . . 回退到上一个目录，直接cd进入默认目录3）、pwd : 显示当前所在的目录路径。4）、ls(ll): 都是列出当前目录中的所有文件，只不过ll(两个ll)列出的内容更为详细。5）、touch : 新建一个文件 如 touch index.js 就会在当前目录下新建一
2020-11-29 21:45:05
58
原创 正则基本练习
** var reg1 = /^-?\d+(\.\d+)?$/; console.log(reg1.test("1")); // 匹配年月日的日期格式 2019-10-22 var reg2 = /^\d{4}-[01][0-2]-[0123][0-9]$/; console.log(reg2.test("2019-13-22")); //匹配qq 6位 12位的数字的内容 var reg3 = /\d{6,12}/; console
2020-11-28 09:47:14
325
1
原创 js高级 --- 闭包
闭包：闭包是指有权访问另一个函数作用域中变量的函数一个作用域可以访问另外一个函数的局部变量我们fn外面的作用域可以访问fn内部局部变量闭包的主要作用：可以延申变量的作用范围。 function fn() { var num = 10; return function() { console.log(num); } }; var f = fn(); f();...
2020-11-26 21:27:38
63
原创 正则表达式基础
字面量创建正则对象 var reg = /hello/i var str = "helloworld" console.log(reg); var result = str.match(reg); console.log(result); var result1 = reg.test(str); console.log(result1);构造函数创建正则对象 var reg1 = new RegExp("[axb]iaomi", "i")
2020-11-26 18:25:47
71
原创 ajax基础
Ajax是一种无需重新加载整个网页的情况下，能够给部分更新网页的技术同步：先做一件事，等这件事做完了在做另一件事异步：在等待第一件事做完的同时可以处理另一件事ajax同步请求数据 js发送一个请求去请求数据 js等待后台返回数据 js处理完数据再执行新的操作ajax js发送请求， js不等待是否返回数据 js直接执行后面的操作ajax流程 0：创建ajax对象 1：设置请求，发送请求地址，发送请求的方式 2：发送数据 3：设置监听事件，监听是否返回数
2020-11-25 18:16:38
73
原创 javascript高级应用
变量、作用域与内存JavaScript变量可以保存两种类型的值：原始值和引用值。原始值可能是以下6种原始数据类型之一：Undefined、Null、Boolean、Number、String和Symbol。原始值和引用值有以下特点。1：原始值大小固定，因此保存在栈内存上。2：从一个变量到另一个变量复制原始值会创建该值的第二个副本3：引用值是对象，存储在堆内存上。4：包含引用值的变量实际上只包含指向相应对象的一个指针，而不是对象本身。5：从一个变量到另一个变量复制引用值只会复制指针，因此结果是两个
2020-11-24 21:39:03
187
原创 Rem布局基础
Rem布局基础em回顾：1em相当于父元素的字体大小来说div{fontsize=14px;}；div>p{width = 10em}；也就是说p的宽度时140px;REM：它的基准是以根元素html的字体大小来基准的html{fontsize=14px}p{width = 10rem;//宽度为140px}rem优势：可以通过修改html的文字大小来整体控制页面元素。...
2020-11-24 21:11:38
102
原创 javascript高级应用
什么是javascript？1：javascript是一门用来与网页交互的脚本语言，包含以下三个部分。第一：ECMASCRIPT:是由ECMA-262定义并提供核心功能。第二：文档对象模型（DOM）：提供与网页交互的方法与接口。第三：浏览器对象模型（BOM）：提供与浏览器交互的方法与接口JavaScript的这三大部分基本都获得了五大浏览器的不同程度支持（IE Chrome Safari, Opear）,所有的浏览器基本都对es5有完善的支持，而对es6和es7的支持还在不断的完善HTML里面的
2020-11-20 21:29:00
432
原创 移动端与响应式
移动端与响应式*小知识点：随着时代的发展，pc已经无法满足人们的需求，于是出现了移动端viewport：视窗的设置 <meta name="viewport" content="width=device-width, 宽度等于设备的宽度，浏览器宽度等于系统分辨率initial-scale=1.0, 初始化比例是1minimum-scale=1, 最小的缩放比例maximum-scale=1, 最大的缩放比例user-scalable=no"> 是否允许用户缩放
2020-11-19 18:56:05
232
原创 flex基础学习2
flex弹性布局1：弹性换行：flex-wrap 默认flex-wrap:nowrap; 换行 flex-wrap：wrap；2:侧轴的多行内容设置：align-content 侧轴的多行内容向侧轴的开端靠拢 align-content:flex-start 侧轴的多行内容向侧轴的低端靠拢 align-content:flex-end 侧轴的多行内容向中心靠拢 align-content:center 侧轴的多行内容平均分布 align-conten
2020-11-19 18:13:00
52
原创 flex基础学习
flex基础学习弹性布局：1:弹性容器：设置了display：flex；这个元素为弹性容器，里面的子元素会按照弹性布局的方式进行布局2:弹性子元素：设置了display：flex；这个弹性容器的直接子元素就是弹子元素。3:弹性主轴方向：默认主轴从左到右: flex-direction:row/row-reverse(相反) 主轴从上到下: flex-direction:column 4:设置主轴的内容分布:默认从主轴的开始位置靠拢:flex-start
2020-11-19 09:29:08
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人