- 博客(25)
- 收藏
- 关注
RSS订阅原创 var let const的区别
var let const的区别var声明的变量会挂载在window上，而let和const声明的变量不会var声明变量存在变量提升，let和const不存在变量提升**let和const声明形成块作用域同一作用域下let和const不能声明同名变量，而var可以暂存死区一、var声明的变量会挂载在window上，而let和const声明的变量不会var a = 100;console.log(a,window.a); // 100 100let b = 10;console
2021-12-22 13:36:42
283
原创 this以及apply,call,bind之间的区别
**this以及apply,call,bind之间的区别关于this对象每个函数都有自己的执行环境。全局执行环境是最外围的一个执行环境。this指向的就是当前代码所在的执行环境。它们之间的关系在浏览器里，在全局范围内this 指向window对象在函数中，this永远指向最后调用他的那个对象构造函数中，this指向new出来的那个新的对象call、apply、bind中的this被强绑定在指定的那个对象上箭头函数中this比较特殊,箭头函数this为父作用域的this，不是调
2021-12-22 13:36:15
131
原创 数据类型判断
**数据类型判断**1 typeof判断基本数据类型：有typeof(表达式)和typeof变量名两种方式(对于复杂数据类型统一返回object)（返回字符串类型）第一种判断表达式 第二种判断变量 字符串类型2 instanceof判断引用数据类型：instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性 第一个参数是要检测的对象 第二是另一个构造函数（返回true或者false）3 constructor
2021-12-22 13:35:54
80
原创 node.js笔记
node.js安装：1、nodejs的安装 1.1 检测nodejs的版本 node -v (version:版本) 1.2 path配置nodejs 的环境变量（当前版本都是自动安装配置环境变量）指令： path 1.3 npm（node package mangment）node包管理工具node之前版本是和npm分开的，两个模块是分别安装的，现在把npm打包到了node安装程序里面2、什么是nodejs？nodejs是javascript的运行环境，是一个执行js文件的平台。no
2021-12-22 13:35:26
639
原创 Vue生命周期的执行过程（极简版）
Vue生命周期的执行过程（极简版）简单粗暴的答案直接走起：1、创建vue实例，new Vue();2、在创建Vue实例的时候，执行了init()，在init(初始化)过程中首先调用了beforeCreate钩子函数；3、同时监听data数据，初始化vue内部事件，进行属性和方法的计算；4、以上都干完了，调用Created钩子函数(一般axios请求会在这个周期内进行)；5、模板编译，把data对象里面的数据和vue语法写的模板编译成HTML。编译过程分三种情况：1）实例内部有template属性
2021-12-22 13:29:25
757
原创 ES6数组中的方法
一、fromArray.from的设计目的是快速便捷把一个类似数组的可迭代对象创建成一个新的数组实例。二、of当参数个数大于1时，Array() 才会返回由参数组成的新数组。当参数个数只有一个时，实际上是指定数组的长度。Array.of 总是返回参数值组成的数组。如果没有参数，就返回一个空数组。三、copyWithin可以在当前数组内部，将指定位置的数组项复制到其他位置，会覆盖原数组项，然后返回当前数组。使用该方法会修改当前数组。它接受三个参数： target（必需）：从该位
2021-12-22 13:28:40
204
原创 vuex简介
**vuex**一、什么是vuex介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。理解：核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。二、我们什么时候应该用到Vuex呢？1.小应用不建议使用Vuex,因为小项目使用 Vuex 可能会比较繁琐冗余；2.中大型单页应用，因为要考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择；三、vuex里面都有些什么内容？state：存储状态。也就是变量；getters：派生状态
2021-12-22 13:28:06
129
原创 js基础篇对象运用
1.2-对象取值与赋值<template></teplate><script>// 1.对象作用 ： 一个变量存储多个数据 /* 1.对象作用 ： 一个变量存储多个数据 a:数组和对象的异同点 相同点：都是复杂数据类型，一个变量存储多个数据 不同点：存储方式不一样 数组 ： 连续存储，元素与下标
2021-12-22 13:26:04
163
原创 vue,的原理
vue文件有三大模块（template）(script)(style)//template写html<template> </template>//写JS<script>为什么在js里面写输出呢？ 输出到哪里呢？ （1）路由```javascript { path: '/login', //输出代码，在路由import component: () => import('@/views/login/index'
2021-08-31 21:41:09
97
原创 我们聊聊computed和watch区别在哪
我们聊聊computed和watch区别在哪什么是watch？举个例子，苹果，吃一口苹果，我怎么知道已经吃了一口呢，用watch去监听吃了一口（1）2个apple 1个bananawatch{//苹果apple(){},banana(){}}如多一个值我那我没每个值都需要写watch？什么是计算属性？computeddata(){ return{ apple:2, banana:1 }},...
2021-08-29 18:46:07
113
原创 javascript继承
js继承的6种方式想要继承，就必须要提供个父类（继承谁，提供继承的属性）一、原型链继承重点：让新实例的原型等于父类的实例。特点：实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：新实例无法向父类构造函数传参继承单一所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）二、借用构造函数继承重点：用.call()和.apply()将父类构造函数引
2021-08-23 16:04:06
64
原创 javascript数据类型
**JS数据类型有哪些**JS数据中一共有8种ES5中有6种：Number、String、Boolean、Undefined、Null、ObjectES6新增了Symbol：这种类型的对象永不相等，即始创建的时候传入相同的值，可以解决属性名冲突的问题，做为标记谷歌67版本中还出现了一种 bigInt。是指安全存储、操作大整数。（但是很多人不把这个做为一个类型）。8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。
2021-08-23 16:03:05
64
原创 H5新增特性,齐全版
**H5新增特性**语义化标签：header、footer、section、nav、aside、article增强型表单：input 的多个 type新增表单元素：datalist、keygen、output新增表单属性：placehoder、required、min 和 max音频视频：audio、videocanvas地理定位拖拽本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗
2021-08-22 14:26:01
266
原创 Vue封装网络模块齐全
**Vue封装网络模块第一步在scr里面创建一个network文件夹第二步在network文件夹里面创建三个文件第一个文件夹 config.js，在里面写入以下// 定义请求方式export const Method = { GET:"get", POST:"post"}export const PATH = { // 首页接口 shouye_list:"/home/multidata"}第二个文件夹 core.js ， 在里面
2021-08-18 22:53:06
105
原创 很多人不知道上传文件流程，来了来了他真的来了
1-拿到文件服务器的API接口，（地址）2-用FormData oppend文件上传–>文件服务器3-文件服务器返回标识4-标识有到sql
2021-08-10 00:09:59
266
原创 div水平/垂直居中
**div水平/垂直居中**在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;） 图片展示：代码如下:div{ background:red; position: absolute; left:50%;
2021-08-09 23:26:25
64
原创 ES6学习笔记
ECMAScript61、ES6简介1.1、什么是ES6ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1.2、ECMAScript和JavaScript的关系一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript
2021-08-09 23:23:56
80
原创 flex布局
flex布局Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。文章目录flex布局一： flex布局和传统布局的对比1.1 传统布局1.2 flex布局二： flex弹性盒模型三： 主轴3.1 主轴的方向3.2沿主轴的排列处理3.3 复合属性四： 元素如何弹性伸缩应对**4.1 flex-shrink:缩小比例****4.2 flex-grow:放大比例*
2021-08-09 01:45:10
65
原创 params 和 query 的区别
params 和 query 的区别name可以和params、query两个一起使用；path只能和query使用；使用params传参刷新后不会保存，使用query传参刷新可以保存；params不会再地址栏显示，query会在地址栏显示；params能和动态路由一起使用，而query不能...
2021-08-09 01:43:12
163
原创 超详细的移动端flex布局
flex布局Flex 布局，可以实现各种页面布局。目前，它已经得到了所有浏览器的支持。Webkit 内核的浏览器，必须加上-webkit前缀。**一、flex布局是什么Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。二、flex布局的概念采用Flex布局的元素，称为Flex容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，成为flex项目（flex item）
2021-08-09 01:41:24
230
原创 vue路由传参和取参,四种方法,包会
路由传参两种形式1、name可以和params、query都可以一起使用；2、path只能和query使用；3、使用params传参 刷新后不会保存，使用query刷新后可以保存；4、params不会在地址栏显示，query会在地址栏显示；5、params能和动态路由一起使用，而query不能...
2021-08-09 01:37:49
362
原创 一些常用的页面布局（两栏布局、三栏（圣杯、双飞翼）布局）
常用的页面布局（两栏布局、三栏（圣杯、双飞翼）布局）1. 两栏布局左边左浮动 ， 右边设置为overflow:hidden 变成BFC清除左侧浮动元素的影响2.圣杯布局两侧固定宽度，中间自定义比如一个大盒子里面嵌套了三个小盒子，分别为左边右边和中间先给大盒子一个paddind：0 200px左/右边分别为200px中间100%宽度里面的小盒子都浮动 （这个时候中间的盒子撑满了一行，把两个小盒子撑到下面）给左边小盒子 margin-left : -100% (这个时候左边小
2021-08-09 01:19:29
146
原创 原型&原型链
原型&原型链一、原型在javaScript每个函数都有一个prototype属性，这个属性就叫原型二、原型链当一个对象调用自身不存在的属性/方法时，那么它会去它的原型__proto__上去找，如果还查不到，就去找原型的原型，一直找到最顶层(Object.prototype)为止。...
2021-08-09 01:17:31
59
原创 js作用域
作用域一、什么是作用域变量作用域：就是一个变量可以使用的范围。作用域分为：全局作用域在javaScript最外层就是全局作用域局部作用域每个函数都是一个局部作用域块级作用域块级作用域是ES6新增的if判断 、switch语句 、for循环 等let和const是块级作用域，而var和function是变量提升自由变量...
2021-08-09 01:16:53
66
原创 为何组件的data必须是一个函数
为何组件的data必须是一个函数首先定义的 xx.vue文件在编译之后是一个类，每个地方使用这个组件的时候，相当于对这个类实例化，在实例化的时候执行data，如果不是一个函数的话，每个组件的实例的data都是同一个引用数据，当该组件作为公共组件共享使用，一个地方的data更改，所有的data一起改变。如果data是一个函数，每个实例的data都在闭包当中，就不会各自影响了简单来说就是：因为vue是可复用组件，如果data不是一个函数，那么在一个组件中修改数据会造成所有组件中数据都会改变，很容易造成
2021-08-09 01:15:04
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人