- 博客(15)
- 收藏
- 关注
RSS订阅原创 var、let和const的区别
var、let和const的区别这个也是前端老生常谈的问题了，那么这篇文章我将结合红宝书学到的内容和书上的案例来给大家讲解var关键字在ES6之前，我们最习惯使用的就是var关键字来定义一个变量，但是var关键字会带来一些问题var关键字存在变量的提升，比如下面的代码function test() { console.log(num); // undefined var num = 10;}test();如果是刚开始学javascript这门语言的同学可能会
2022-03-16 22:25:39
430
原创 为什么需要引入React?
为什么需要引入React?我们在编写React程序的时候，总会看到需要引入Reactimport React from 'react';这句代码大家是不是很熟悉了呢，事实上我们是否有考虑过为什么每次都需要引入react，原因就是因为jsx在babel编译过后会变成react.CreateElement，引入react，主要是预防找不到react而产生报错Tip: 但是react17以后就不需要引入react也可以噢...
2022-03-01 16:26:00
977
1
原创 eventloop(事件循环)超详细解析
eventloop的学习总结初见事件循环说到事件循环就是现如今的前端大环境来讲是一个老生常谈的话题了，我第一次听到这个概念的时候，是在去年考完插本考试之后找工作的面试题看到的，现在就来给大家总结记录一下前置知识在具体说事件循环之前我们先说一个操作系统的相关知识，那就是进程和线程的关系，我们在操作系统上开启一个应用程序的时候，就意味着我们开启了一个进程，那么这个进程里面会有一个线程来执行我们的代码，这个我们也称为主线程。我们也可以理解为进程是线程的容器。那么我们大家都知道JavaScript这门语言
2022-02-18 19:43:44
1229
原创 CommonJS和ES Module的学习记录
什么是模块化模块化开发的最终目的是将一个程序分成一个一个独立的模块，这个模块里面有自己的逻辑代码，有自己的作用域，可以将自己希望暴露出去的变量、函数、对象导出给其他模块使用，也可以通过某种方式，引入外部模块的变量、函数、对象在自己的模块中使用这个划分模块进行开发程序的过程就是模块化开发早期的JavaScript是没有模块化开发这个概念的，但是随着现在前端发展的越来越快，前端能做的事情不只是简单的表单验证了，SPA的出现，前端页面变得更加复杂，需要处理前端路由、状态管理等等一系列的复杂需求，Node的出
2022-02-17 22:21:58
798
原创 sourceMap的学习笔记
webpack中sourceMap的学习笔记今天学习了coderwhy的webpack课程，学到了sourceMap章节这个内容主要是说当我们在做项目的时候，代码有报错的时候，在开发者模式会显示报错信息点击进去会进入对应报错代码行，运行这个就是sourceMap插件做的事情设置sourceMap值的是devtool属性，devtool里面有26个值，这里只是简单记录一下使用，详细的可以查阅官方文档进行选择其他的值，官方文档链接如下:https://webpack.docschina.org/con
2021-08-06 11:43:44
94
原创 Vuex的学习笔记
Vuex的学习笔记今天学习了Vuex，所以就来记录一下吧我们传统的传递数据的三种方式是：父传子: 通过props属性，可以理解为通过v-bind绑定属性的方式进行传值，子传父: 通过$emit事件函数，可以理解为通过v-on绑定事件的方式进行传递非父子传递，即兄弟传值： 通过事件车(eventbus)的方式传递，emit传递参数，emit传递参数，emit传递参数，on接收参数以上三种仅限于小范围的传值使用，大范围传递的话会出现一种很麻烦的情况，这时候可以使用vuex了Vuex就是实现组件
2020-07-20 23:24:10
109
原创 Vue中对于插槽的理解
**Vue的插槽分为三种插槽，匿名插槽、具名插槽、作用域插槽**第一种是匿名插槽：匿名插槽的使用方法比较简单粗暴，直接在子组件中进行使用，然后运用到template模板当中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
2020-07-14 11:45:09
236
原创 vue使用组件时的注意点
vue使用组件的注意点注意点1. 当我们在使用子组件插入到像table、ul、ol等等这些标签的时候会出现一个H5的bug，如下图所示<div id="app"> <table> <tbody> <row></row> <row></row> <row></row>
2020-07-13 12:14:15
397
转载 git checkout切换分支时报错
今天自己将做好的vue项目推送到码云中git报错了，后来在网上找到了解决方案，那就分享给大家吧，希望可以帮到你们https://www.jianshu.com/p/1684c7eb1f10
2020-06-08 22:09:31
389
转载 vue-cli和element UI的安装步骤
vue-cli和element UI的安装步骤下载vue脚手架Vue 脚手架的基本用法Vue 脚手架用于快速生成 Vue 项目基础架构，其官网地址为：https://cli.vuejs.org/zh/1.安装 3.x 版本(3.0版本以上)的 Vue 脚手架：使用步骤npm install -g @vue/cli2.安装3.0版本以下的Vue脚手架npm install -g vu...
2020-04-06 20:22:08
392
原创 webpack的报错解决
webpack的报错解决filename的大小写报错问题：还有一个很奇怪的报错问题，就是我已经全局安装了webpack,但是还是报错了，再次安装居然又好了，如果有小伙伴看到这篇文章也可以留言告诉我噢...
2020-04-06 20:17:45
216
原创 webpack的配置和安装详细步骤(超详细)
webpack的配置和安装详细步骤今天安装了webpack，所以就记录一下安装步骤，webpack的安装步骤比较繁琐，希望各位耐心的看下去① 新建项目空白目录，并运行 npm init –y 命令，初始化包管理配置文件 package.json② 新建 src 源代码目录③ 新建 src -> index.html 首页④ 初始化首页基本的结构⑤ 运行 npm install j...
2020-04-06 20:11:00
1680
原创 Access to XMLHttpRequest at 'http://localhost:3000/axios' from origin 'null' has been blocked by COR
解决本地服务器发生跨域时，报错：Access to XMLHttpRequest at ‘http://localhost:3000/axios’ from origin ‘null’ has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-H...
2020-04-03 10:09:02
8328
8
原创 封装一个冒泡排序的函数及原理解析
封装一个冒泡排序的函数及原理解析冒牌排序的原理：就是通过相邻的两个数在进行比较，两个数中较大的数就后移一个位数，较小的一个数就前移一个位数，所以最后的那个数一定是最大的。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。function sort(arr) { ...
2020-03-31 09:44:25
1510
转载 Error: Cannot find module '@vue-devtools/build-tools'的解决方法
**Error: Cannot find module '@vue-devtools/build-tools’的解决方法**今天在装vue-devtools的发现前面都可以顺利安装。但是执行npm run build的时候就发生报错，在CSDN里面的这位博主的解决方法就很简单粗暴啦下面是地址：https://blog.csdn.net/yizufengdou/article/detai...
2020-03-28 23:13:27
4102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人