- 博客(51)
- 收藏
- 关注
RSS订阅原创 js 深浅拷贝原理
1：数据类型：① 基本数据类型：Number、string、null、undefined、boolean② 引用数据类型： Object =>{object、Array、Function}2：栈(stack)、堆(heap)：① 基本数据类型是直接存储在栈中的数据，栈的存取速度比堆要快，存在栈中的数据大小是确定的问：为什么基本数据类型存储在栈中？ 存储结构不一样，引用数据类型一般占空间大答：(http://www.javashuo.com/article/p-gkhlbedc-gg.htm
2022-01-24 17:12:57
1130
1
原创 前端系列课程之VUE生命周期
原创作者在这里: https://segmentfault.com/a/1190000011381906.一、钩子函数vue生命周期中会有很多钩子函数提供给我们vue生命周期不同的时刻进行操作，钩子函数具体包含以下八个：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed代码：<!DOCTYPE html><html la
2021-06-24 13:58:42
205
原创 VUE 中页面跳转的方式
VUE 中页面跳转的方式一、使用router-link标签跳转 （声明式）<router-link to='xxx.html'><button>点击跳转新页面</button></router-link>二、绑定点击事件跳转 （编程式）1、先绑定newPage()方法<button @click="newPage">点击跳转</button>2、在script模块里加入newPage方法，并用this.$router.p
2021-06-23 09:48:09
427
原创 vue中用 async/await 来处理异步
一篇非常好的关于VUE中async/await的异步请求文章，推荐！原文作者: https://www.cnblogs.com/SamWeb/p/8417940.html.
2021-06-21 10:27:14
156
原创 git push 没有权限：remote: You are not allowed to push code to this project.
问题：git push代码提示没有权限remote: You are not allowed to push code to this project.首先判断当前git账号是否真的有该工程的操作权限没有权限在git工程下加上权限有权限可能是git凭证出现了错误，如果是，你可以看看下面步骤：进入“控制面板” => “用户帐户” => “管理您的凭证” => “Windows凭据 / 普通凭据” ，到此发现在普通凭据中有多个git凭证，点击你所push的网址进行编辑查看用户名
2021-06-18 10:39:39
22597
原创 git常用命令
git add添加文件到暂存区git add xxx//添加某个文件到暂存区，后面可以跟多个文件，以空格区分git add .//添加当前更改的所有文件到暂存区git commitgit commit//提交暂存的更改，会重新开编辑器进行编辑git commit-m "you message"//提交暂存的更改，并记录下备注git commit -am//等同于git add . && git commit -m git commit --amend//.
2021-06-17 19:43:24
73
原创 函数的扩展
函数的扩展1. 函数参数的默认值1. 函数参数的默认值基本用法：在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方式。下面写法的缺点是：如果参数y赋值了， 但是对应的布尔值为false，则该赋值不起作用。function log(x,y){ y = y || 'World'; console.log(x,y);}log('Hello')//Hello Worldlog('Hello','China')//Hello Chinalog('Hello','')//Hello
2021-06-17 19:15:03
82
原创 ECMAScript6简介——正则的扩展
文章目录正则的扩展：RegExp构造函数字符串的正则方法u修饰符RegExp.prototype.unicode属性y 修饰符RegExp.prototype.sticky 属性RegExp.prototype.flags 属性s 修饰符：dotAll模式后行断言Unicode属性类具名组匹配String.prototype.matchAll正则的扩展：RegExp构造函数在ES5中，RegExp构造函数的参数有两种情况。（1）参数是字符串。这时第二个参数表示正则表达式的修饰符（flag）。v
2021-01-04 18:44:27
117
原创 ECMAScript6简介——字符串的扩展
文章目录字符串的扩展字符串的遍历器接口字符串的扩展ES6加强了对Unicode的支持，并且扩展了字符串的对象。字符串的Unicode表示法JS允许采用\uxxxx形式表示一个字符串，其中xxxx表示字符串Unicode码点。"\u0061"//"a"但是这种形式只限于码点在\u0000~\UFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。"\uD842\uDFB7"// "????""\u20BB7"// " 7"上面的代码表示，如果直接在\u
2021-01-04 11:03:55
141
原创 ECMAScript6简介——变量的解构赋值
文章目录变量的解构赋值默认值对象的解构赋值变量的解构赋值基本用法：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。以前，为变量赋值，只能直接指定值：1. let a = 1;2. let b = 2;3. let c = 3;ES6允许写成下满这样：可以从数组中提取值，按照对应位置，对变量赋值。1. let [a,b,c] =[1,2,3];本质上，这种写法属于“模式匹配”，只要等号两边模式相同，左边的变量就会被赋予对应的值。let [foo
2020-12-31 19:26:21
113
原创 ECMAScript6简介——let和 const命令
ECMAScript6简介Babel转码器let和 const命令块级作用域const命令本质ES6声明变量的六种方法顶层对象的属性Babel转码器babel是一个广泛使用的ES6转码器，可将ES6转化为ES5，从而在现有的环境执行：实例命令行转码babel-cliBabel提供babel-cli工具,用于命令行转码安装命令如下(全局):1 $ npm install --global babel-cli安装命令如下(安装在项目中:):1. #安装2. $ npm install
2020-12-30 21:20:40
463
4
原创 React-基础铺垫
react的特点采用组件化模式，声明式编码，提高开发效率及组件复用率。在react native中可以使用React语法进行移动开发。使用虚拟的DOM+优秀的Fiffing算法，尽量减少与真实DOM的交互。jsx语法规则：定义虚拟的DOM时，不要用引号。标签中混入JS表达式时要用{}。样式的类名指定不要用class，要用className。内联样式，要用style={{key:value}}的形式去写。只有一个根标签。标签必须闭合。标签首字母：1.若小写字母开头，则将该标签
2020-12-29 22:39:20
102
原创 React-1
React：要求：具有HTML、CSS、JAVASCRIPT基础基础内容：ReactJS是FaceBook推出2013年开源建议直接阅读英文文档引入：通过.js文件来引用React通过脚手架工具编码Create-react-app首先需要安装node.js1.全局安装Reactnpm install -g create-react-app2. 构建项目3.安装完成后进入所创建文件目录4.使用VSCode打开创建的目录...
2020-11-17 21:07:19
68
原创 前端系列课程之微信小程序实战
微信小程序基础目标:了解微信小程序工作原理掌握微信小程序开发环境的搭建掌握微信小程序开发的基础语法初识微信小程序:微信小程序是一种不需要安装即可使用的应用,用户只需扫一扫或搜一下即可打开应用,无需安装或卸载.微信小程序和同类产品的关系:跨平台与微信紧密结合微信小程序应用范围:微信小程序工作原理:...
2020-11-15 14:01:36
285
原创 web前端开发面试题之HTML+CSS
1. HTML和CSS分别是什么？HTML：超文本传输协议层叠样式表2. XHTML和HTML的区别是什么？HTML是一种基本的web网页设计语言，XHTML是一个基于XML的置标语言。主要的区别：XHTML元素必须被正确的嵌套XHTML元素必须被关闭标签名必须用小写字母XHTML文档必须拥有根元素3.Doctype 严格模式和混杂模式如何触发？区别他们有什么意义？用在文档开始位置，声明使用哪种规范（html/xhtml），一般为严格 过度 基于框架的html文档，加入x
2020-11-15 13:59:40
392
原创 ‘cross-env‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
‘cross-env’ 不是内部或外部命令，也不是可运行的程序或批处理文件。npm install
2020-11-15 13:56:21
3628
原创 箭头函数和普通函数有什么区别
普通函数：this总是指向它的直接调用者，在默认情况下，没有找到直接调用者。this指向window。严格模式下，this没有找到直接调用者，this是undefined可以使用call、apply、bind、改变this的指向。箭头函数：在使用箭头函数时，捕获它定义所在的区域this，而不是使用时所在的对象。call、apply、bind无法改变this的指向。不能用作构造函数，也就是不能new ，否则会抛出错误。能不能使用arguments对象，但是可以使用r
2020-10-27 11:50:50
161
原创 web前端系列课程之jQuery(一)
jQuery简介:jquery可以通过简单的标记被添加到网页中.需要具备HTML CSS Javascript基础知识.一 什么是jQuery?jQuery是一个’轻量级的’javaScript函数库.jQuery库包含以下功能:HTML元素选取HTML元素操作CSS操作HTML事件函数Javascript特效和动画HTML DOM 遍历和修改AJAXUtilities**提示:**除此之外,jQuery还提供了大量插件二 为什么使用jQuery?提供了大量的扩
2020-10-23 00:39:15
181
原创 ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
将文件包导入VScode,运行时发生错误:‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方法:(1) 检查**.json**文件中是否含有’vue-cli-service’依赖包,没有则需要安装:(2)执行: npm install 进行安装,(3-1)(情况一:)安装完成后,执行: npm run serve 启动成功!(3-2)(情况二:)安装完成后,运行依旧提示错误,此时删除目录中的node_modules 文件夹,使用 ..
2020-10-21 08:21:40
1180
原创 前端基础之CSS3基础学习(一)
css3最新的CSS标准完全向后兼容CSS3模块：css3被划分为模块重要的模块包括：（1）选择器（2）框模型（3）背景和边框（4）2D/3D转换（5）文本效果（6）动画（7）多列布局（8）用户界面CSS3边框：通过 CSS3，您能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框。常见属性：（1）border-radius（2）box-shadow（3）border-image浏览器支持：css3圆角边框：<!DOCTYPE html>
2020-10-19 21:27:24
347
原创 HTML+CSS方法使元素居中
方法一:通过固定定位,使元素居中:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styles
2020-10-18 14:01:03
174
原创 前端基础之CSS基础（一）
CSS基础文章目录CSS基础CSS简介：CSS基础语法：样式的继承：样式单位：颜色:文档流:盒模型:CSS简介：网页分为三个部分：结构（HTML）、表现、行为表现：CSS ：层叠样式表（网页是一个多层的结构，通过CSS可以给网页的每一层设置样式）使用CSS修改元素的样式<p style="color:red;font-size:60px;">这是一个段落</p>(上面样式是内联样式，不方便维护)开发时不要用内联样式样式写入到head的style标签中
2020-10-17 21:27:35
237
1
原创 前端基础之HTML基础详细（一）
HTML（一）文章目录HTML（一）标题：块元素（block）：行内元素(inline):HTML5语义化标签：列表：**内联框架：（很少使用）**如何引入音频和视频？网页中三要素之一：结构HTML：超文本标记语言自结束标签：<img>、<input>等等属性，在标签中（开始标签或自结束标签）还可以设置属性属性是一个名值对（X =‘y’）属性用来设置标签中的内容如何显示属性和标签名或其他属性应该使用空格隔开属性不能乱写，应该根据文档中的规定来编写，
2020-10-17 11:40:25
484
原创 前端基础之网页结构
网页结构根据W3C标准，一个网页主要由三部分组成：结构、表现、还有行为。结构： HTML用于描述页面的结构表现： CSS用于响应用户操作行为： Javascript用于响应用户操作
2020-10-17 07:43:22
143
原创 前端基础之HTML基础（二）
HTML基础文章目录HTML基础HTML组合标签HTML5标签目标：掌握HTML组合标签的应用掌握HTML5标签的应用HTML组合标签HTML组合标签_常见类型列表表格表单列表标签什么是列表列表的分类（1）无序列表（2）有序列表（3）定义列表无序列表_标签结构无序列表无序列表_标签属性无序列表的类型（1）type取值无序列表_组合嵌套无序列表可以嵌套（1）在列表项li 内部嵌套其他的标签有序列表有序
2020-10-16 22:05:43
112
原创 前端基础之HTML基础（一）
HTML基础（一）文章目录HTML基础（一）标题web工作原理：HTML概述：HTML常用标签标题web工作原理：因特网和万维网：网站是什么？1. 网站是一个资源的集合，包含各种网页文件和资源文件。网页类型？网站的工作原理：URL：1. URL(Uniform Resource Locator):统一资源定位符2. URL的基本组成（1）. 协议名（2）. 服务器名（3）. 文件名（4）.参数服务器和客户端交互：1. web服务器：2. we
2020-10-16 20:58:11
155
原创 前端系列课程之axios应用（一）
axios应用：目标：掌握axios的安装和引用掌握axios服务器的请求方法掌握axios拦截器的设置掌握axios实战应用Axios概述：axios是一个第三方库，支持前后端发起的http请求官网http://www.axios-js.com/安装npm install axios –Saxios引用方法：全局引用组件引用在组件的script中导入axiosaxios的服务器请求
2020-10-15 11:38:11
311
1
原创 JS高级之构造函数
1. Object构造函数模式：套路：先创建Object对象，再动态添加属性/方法适用场景：起始时不确定对象内部数据问题：语句太多<script>var a = new Object()p.name = 'tom'p.age = 18p.setName = function(name){this.name = name}p.setName('JACK')console.log(p.name,p.age)</script>2
2020-10-14 19:17:08
173
原创 前端系列课程之Vue单页面应用（一）
Vue单页面应用目标：掌握单页面文件组建的语法掌握单页面应用的开发单文件组件概述：单文件组件是指将组件用独立文件的方式进行创建，文件扩展名是.vue单文件组件的构成（1）.Template模板（2）.实例对象（3）.CSS样式单页面应用创建vue单页面应用：Vue-cli是一个Vue脚手架，可以快速构造项目结构vue-cli2.0包含了多个项目模板Vue-cli3简化了webpack配置最新版本Vue-cli4，目录结构有调整，整体与上一版本差别不大创
2020-10-14 18:37:38
1102
1
原创 前端系列课程之Vuex
Vuex为什么使用Vuex例子：(使用Vue方法：)新建（一）：新建（二）：将新建的两个文件导入 About中，做子组件：事件总线：（全局定义）在新建（一）添加：在新建（二）中添加：（上面适用于小项目开发）Vuex原理：一、安装 vuex二、创建仓库文件1.创建文件夹2. 在文件夹中创建文件：3.在新建文件中导入：4.导入到main.jsVuex原理> store中通过state管理数据，实现数据在组件之间共享> V
2020-10-14 09:54:48
153
1
原创 JS高级之内存溢出与内存泄漏
内存溢出与内存泄漏内存溢出一种程序运行出现的错误当程序运行需要的内存超过了剩余的内存时，就会抛出内存溢出的错误内存泄漏占用的内存没有及时释放内存泄漏积累多了就容易导致内存溢出常见的内存泄漏：（1）意外的全局变量（2）没有及时清理的计时器或回调函数（3）闭包...
2020-10-13 19:31:01
175
原创 JS高级之闭包
闭包如何产生闭包？当一个嵌套的内部函数引用了嵌套的外部函数的变量时，就产生了闭包。闭包到底是什么？闭包是嵌套的内部函数闭包存在于嵌套的内部函数中，包含被引用的对象产生闭包的条件？函数嵌套内部函数引用了外部函数的数据（变量/函数）例子：...
2020-10-13 18:22:38
79
原创 前端系列课程之前端项目构建
前端项目构建目标：了解前端项目构建的用途掌握前端模块导入的语法掌握Webpack构建工具的使用前端项目构建：前端项目的构建可以理解为编译，是要将源代码转化成宿主浏览器可以执行的代码，核心是对资源的管理，输出包括JS,CSS,HTML等资源前端项目构建的作用：解决语言问题（1）ES6（2）Sass（3）HTML模板语言解决性能优化问题（1）打包文件模块（2）压缩资源文件常见前端项目构建工具：GulpGruntwebpackWebp
2020-10-13 16:22:09
308
1
原创 前端系列课程之样式预处理（sass）（一）
样式预处理目标：了解样式预处理的作用掌握Sass的语法应用CSS存在的不足代码重复，维护不便CSS样式预处理CSS预处理器定义了一种“中间语言”，将CSS作为目标生成文件，为CSS增加了“编程“的特性，开发者使用这种语言进行编码，然后在编译成正常的CSS文件供项目使用。sass的概念sass是最早的CSS预处理语言，采用Ruby语言编写，诞生于2007年，刚开始不被大众接受，使用率不高，由于其强大的功能和Ruby on Rails 的大力推动，很多人选择了Sass。Sass
2020-10-13 15:02:48
562
1
原创 前端系列课程之Vue路由和动画制作
Vue路由和动画制作- 目标:了解路由原理掌握路由的安装和使用掌握路由的参数传输方式掌握动画的制作vue路由对路由的理解什么是路由?路由是根据不同的 url 地址展示不同的内容或页面什么是前端路由?a. 页面不刷新,项目使用期间页面不会重新加载.b. 把不同路由对应不同的内容或页面的任务交给前端什么时候使用前端路由？在单页面应用，大部分页面结构不变，只改变部分内容的使用- 前端路由和后端路由的区别- Vue路由的作用单页面应用需要实现不同的显
2020-10-13 08:23:28
163
原创 JS高级之执行上下文
执行上下文代码分类：全局代码函数（局部 ）代码全局执行上下文：在执行全局代码前将window确定为全局执行上下文对全局数据进行预处理（1）var 定义的全局变量= = >undefined，添加为window的属性。（2）function声明的全局函数 = =>赋值（fun），添加window的方法（3）this ==>赋值（window）开始执行全局代码函数执行上下文：在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象对局部数据进
2020-10-12 23:23:15
158
原创 JS高级之变量提升与函数提升
变量提升与函数提升变量声明提升：通过Var定义（声明）的变量，在定义语句之前可以访问到值：undefined例子：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2020-10-12 20:57:32
79
原创 前端系列课程之Vue组件（一）
组件目标：掌握Vue组件的定义掌握动态组件和父子组件的应用掌握组件间的通信方式组件概述：组件是什么？Vue组件是Vue.js最强大的功能之一，用于扩展HTML元素，封装可重用的代码。组件的创建通过构造器创建组件直接创建（常用）组件命名必须全部使用小写例子：组件的类型全局组件（1）在Vue实例外部创建（2）可以在任意Vue实例挂载的DOM元素中使用例子：局部组件（1）在Vue实例内部，通过components选项创建（2）
2020-10-11 17:35:11
292
原创 前端系列课程之计算属性&侦听器和自定义指令（一）
计算属性&侦听器和自定义指令目标：掌握计算属性的应用掌握监听器的应用掌握自定义指令的应用计算属性为什么需要计算属性？（1）模板语法可以使用表达式，但是不便于实现复杂的业务逻辑功能，也不利于维护如何对绑定的title倒序？例子：（倒序）或者：（2）计算属性可以解决模板语法的缺点， 完成复杂的逻辑，便于代码维护。计算属性的语法：计算属性通过computed选项进行设置，以函数的方式实现业务功能，需要返回一个结果。计算属性和方法的区别：
2020-10-10 23:07:33
152
原创 前端系列课程之Vue事件机制和实例对象(二)
Vue过滤器过滤器是什么过滤器用于一些常见的文本格式化，可以自定义。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>过滤器的定义
2020-10-10 19:24:26
90
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人