- 博客(28)
- 收藏
- 关注
RSS订阅原创 mac系统更新后code .命令打不开vs code
mac系统更新后code .命令打不开vs code前言：昨天mac系统更新后，出现了一些问题，首先，程序坞中找不到vs code这个软件，我还以为跟新后卸载了，有下了一个压缩包，就过在访达中的下载项，看到还在，搞笑。第二个问题就是，使用code . 命令打不开vs code，更新之前，使用code命令是正常的，就过更新后就不行了，查了好久，大致是说跟新后，shell命令配置路径可能与vs code中shell命令路径不一致，也没搞太懂，这运行环境问题花里胡哨的。因为code命令是从vs code中安装
2021-08-06 16:05:54
2090
1
原创 微前端之qiankun
qiankun前言bugqiankun实战前言qiankun 框架是基于single-spa框架的，所以遵循的协议都一样，也是向外暴露三个钩子函数，但是qiankun 在single-spa的基础上进行了改进：1，与技术栈无关2，解决了single-spa的隔离问题，css隔离，js隔离3，js沙箱机制4，可以预加载子应用5，主应用也无需构建请求，内部封装了fecth请求，只需要子应用配置跨域就行bug昨天晚上开始写，不断遇见bug，解决一个又会遇见另外一个，真好。今天早上才解决完成，主要
2021-08-05 14:00:45
15145
1
原创 微前端之single-spa
single-spa前言single-spa是啥single-spa实战总结前言其实早就想写一篇关于微前端实践的文章了，几个月之前就看过有关微前端的视频，也查过一些文档，但是好像没有总结，现在又忘记一些了，今天实操了一遍，这里就总结一下，正好实习公司工作小组项目采用的就是微前端。今天先讲解一下single-spa，后面在讲解qiankun。插曲：今天本来跟着别人一起敲代码，但是发现使用vue-cli脚手架创建项目老是报错，error403。昨天我在公司是可以使用的，通过npm是可以下载包的，但是今天打
2021-08-04 22:51:52
2020
原创 n模块切换node版本
n模块切换node版本n模块是什么？n模块的使用n模块是什么？node中的n模块是，node专门用来管理node版本的模块，可以进行node版本的切换，下载，安装。n模块的使用1，全局下载n 模块//windows环境npm install -g n//mac 环境sudo npm install -g n 2，查看n 模块的版本n --version3，显示下载所有下载的node版本n回车后将会显示所有的node版本，使用上下键，来选择node版本，然后回车即可4，下载最
2021-08-03 11:54:41
6081
原创 mac 安装nvm和nvm常见的命令
mac 安装nvmnvm 官网bug解决nvm常用命令nvm 官网nvm官方参考文档curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash安装最新版本的nvmbug解决报错：curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused最近两天遇到的这个问题，由于之前安装公司自己研发
2021-08-03 11:05:52
592
原创 从0构建一个cli
构建一个自己的cli前言脚手架作用是什么？cli中用到的基本js库接下来通过一个实例cli来介绍这一些库一，配置项目的运行环境二，搭建命令行命令三，封装一个文件用来执行命令四，创建其他命令五，命令行 代码美化六，询问用户，并获得用户的选择结果七，整合用户的选择结果八，通过axios发送请求，获得想要的数据（非必需）久，拉取远端库里面的项目模版十，cli创建完成，发布commander介绍inquirer介绍总结前言其实很早我就想了解vue-cli react-cli 的工作原理了，想了解本质是什么，作用
2021-07-30 23:15:58
1036
原创 HTML5知识点总结
HTML知识点总结前言：最近在闲暇时间重新看了一遍HTML5的知识，主要是从W3school上面学习。最近的感悟，知识点得不断巩固才能牢记于心。HTML不知看过几遍了，但是过一段时间就会忘记一点，所以这次又看了一遍。可能是我记忆力不咋地，不过好记性不如烂笔头。温故而知新。HTML5中的语义标签...
2021-07-30 11:27:08
336
原创 Nginx实现反向代理
Nginx知识点总结和简单demo1,Nginx概念Nginx是什么？正向代理反向代理负载均衡动静分离2,Nginx常用命令和配置文件下载Nginx软件Nginx目录和Nginx.conf配置文件常见的几个Nginx命令3,Nginx demo反向代理Demo负载均衡Demo动静分离Demo总结1,Nginx概念Nginx是什么？百度百科：Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯
2021-06-21 00:49:06
1259
原创 什么是微前端
绪论最近收到了好未来的实习offer，也加了小组的开发人员，问了我的实习任务，说要学习微前端，这几天都在网上学习微前端的内容，今天来说一下我个人对微前端的认识，如有错误的地方，请敬请指出，哈哈！微前端出现的时机及概念在了解微前端之前，我认为的前端项目都是一整个应用的项目，使用的都是同一种框架。移动端，web网页也好都是一个打包好的整体项目，不存在分离。我想应该也不在少数的朋友们和我想的一样，毕竟之前确实没有接触过微前端，哈！那么为什么会出现微前端这个技术呢？技术的迭代：随着项目采用的技术越来越丰
2021-05-18 15:06:56
472
原创 春招实习前端面试题汇总
经历了两个月的复习，笔试，面试。现在总结一下，前端面试中我认为经常被问及的问题。计算机网络部分tcp/udp的区别三次握手，四次挥手谈谈你对http协议的理解（这里可以深入学习一下HTTPS，http1,2,3,ws协议也可以了解）状态码http协议中的一些重要字段要了解（这里面可有好多东西要学啊，哈）HTML部分包含h5HTML中的块级元素，行内元素？h5的一些新特性，新标签input的类型有哪一些，举例，越多越好form表单css部分包含css3flex布局说一下（几
2021-05-13 14:14:22
337
原创 谈谈cdn
前言这次为什么想讲解一下cdn呢？前段时间不是一直在面试吗，面了几次都问到了cdn有关的问题，但是可惜的的我只知道用cdn，知道项目中什么采用了cdn（js远程加载库文件）。所以这次痛定思痛，通过网上的学习，在这里总结一下。什么是cdn？大家都知道，前后端分离的项目，数据资源都是来自服务器，所以就必然存在客户端向服务端发送请求获得数据。大家有没有想过，一个知名的APP，用户量肯定是非常大的，这么大的客户量去请求一个服务器，这肯定会爆，而且客户端的效果也不佳。所以就有了cdn的存在。这里通过一个生活中
2021-05-13 00:27:49
229
转载 常见的几种服务器代理
同源策略什么是同源策略？同源策略是浏览器安全的基石，它是一种规则，具体是同网站下，必须具有相同的协议名，域名，端口号。只有符合这三点要求的URL才可以在可以出现在网站下。为什么要实行同源策略呢？是不是一开始感觉同源策略完全没有必要，太多的拘束。其实这是非常重要的在浏览器中，这是预防他人恶意盗取网站信息的基础。如果没有这个规范，那么第三方网站就可以随便获得该网站的cookie。但是现在的应用都是前后端分离，这也就有问题了，前端和后端两部分违反了同源策略，未了解决这样的问题，就有了代理，接下来介
2021-05-12 00:19:45
1278
原创 vuex基础知识
vuex是什么？vuex是什么呢？首先来看一下vuex官网上对vuex的介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。从总体可以理解，vuex是一个管理状态的工具，如果你学过redux那
2021-05-10 14:25:21
222
原创 2021年金三银四春招实习回顾
好久没写博客了，没有消失哦，只是准备春招实习去了，哈哈，一下子两个月就过去了，春招经历了很多，面试了多家公司，下面说一下百度，腾讯，好未来者三家公司的面试经历！一：百度一二面这是我第一次经历面试，面试还是有点紧张的，面试之前记得很多东西，面试的时候脑子一遍空白，哈哈，可惜了。其实吧，百度的面试难度还不算难吧，相比后面的腾讯的面试简单一点，哈。接下来分别说一下一面和二面吧，一面众所周知问‘八股文’，这里就不详细说了，说一下一面面试官的评语吧，js基础不错（唯一的亮点了），网络的知识点还行，但是HTML，c
2021-05-09 21:13:46
176
原创 js中常用的数组和字符串方法
一：js中常用的数组方法<script> //函数声明式中的方法 const arr=[1,3,6,9,15,19,16]; //函数的所有方法 map(),reduce(),filter(),find() //findIndex(),every(),some() //产生一个每一个元素都比原来的大10的新数组 //map函数接收一个回调函数作为参数，遍历数组中的每一个元素，返回一个新的数组 let result=arr.map((item
2021-03-08 14:05:04
330
原创 typeScript知识点总结
一：typeScript是什么？1. TypeScript是JavaScript的超集。2. 它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。3. TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。4. TS完全兼容JS，换言之，任何的JS代码都可以直接当成TS使用。5. 相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境
2021-01-30 20:38:45
392
1
原创 Promise处理前端异步事件
一：理解两种类型的回调函数 1，同步回调函数：立即执行，完全执行完才结束，不会放入回调队列中。例如：数组遍历相关的回调函数/Promise的excutor函数 2，异步回调函数：不会立即执行，会放入回调队列中将来在执行。例如：定时器回调/Ajax回调/Promise成功或者失败的回调。（异步回调在实际中使用的比较多）二：错误的几种类型 1，Error：所有错误类型的父类 2，ReferenceError：引用的变量不存在 3，TypeError：数据类型不正确的错误 4，RangeError
2021-01-28 22:11:46
324
原创 webpack(2)--开发环境基本配置
webpack1，打包样式资源以css/less/sass结尾的就是样式资源处理样式资源是通过loader进行处理下载资源：npm i style-loader -D //在html文件中生成style标签并将其插入head标签中npm i css-loader -D //将打包后中的js文件中的样式资源，转化为css字符串npm i less-loader -D //将less资源以commonjs格式压缩在打包后的js文件中npm i sass-loader -D //将sass资
2021-01-27 15:11:14
107
原创 webpack(1)-简介和基础知识
webpack一：webpack是什么本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。二：webpack的作用webpack用来将项目中的各个引用模块进行打包封装。由于浏览器只能识别特定的js，html，css，当项目使用到了其他浏览器不能识别的语言时
2021-01-27 14:19:08
86
原创 react招聘项目——使用cookie实现项目自动登录功能
cookie实现自动登录功能最近在项目中使用了cookie实现自动登录的功能，下面我将使用项目中的例子来对cookie进行简单的分析。功能需求是：在用户访问网址的时候，使用cookie对用户的操作进行处理，使用户的访问得到响应。项目背景条件：使用node+express编写的后台，在后台处理登录请求的时候，会将要保存在浏览器端cookie中的数据通过响应发送过去。服务器端操作：//设置登录后台路由router.post('/login',function(req,res){ const {u
2020-12-18 00:59:02
882
原创 MD5加密解密简介和应用
MD5原理和应用一：什么是md5MD5信息摘要算法（MD5 Message-Digest Algorithm）,一种 被广泛使用的密码散列函数，可以产生一个128位（16字节）的散列值，用于确保信息传输的一致。MD5 是一种不可逆的加密算法。MD5是一种常用的加密解密的算法，但是在1996年被证明该算法 存在弱点，在2004年证实该算法无法防止碰撞（概论很低），因此不适用于 安全认证。在一些安全系数不需要很高的应用中还是可以应用的。二：MD5在前端项目中的应用1）加密最近在写一个react应用，其
2020-12-12 22:20:25
4786
原创 mongoose知识点总结
mongoose一：什么是mongoose，mongoose的作用是干什么？mongoose是一种对象模型工具，mongodb里面就是对象模型，因为是BSONmongoose就是使数据库服务器端与项目产生联系的一种工具。mongoose中的三个重要部分：schemas（模式）model（模型）document（文档）//方便记忆，结合已经学过的mongodb SQL，可以将schemas认为是一种规范，规定了集合（表）中的各个属性，model可以认为是mongodb中的集合，或者SQL中的
2020-12-08 20:09:17
399
原创 MongoDB常用操作总结
MongoDB一：Mongodb是什么？数据库主要分类：关系型数据库：mysql,oracle,db2,sql,server关系型数据库中全都是表非关系型数据库：（no SQL）MongoDB，Redis键值对数据库文档数据库MongoDBMongoDB简介：MongoDB是为快速开发web应用而设计的数据库系统MongoDB的设计目标识极简、灵活、作为web应用栈的一部分MongoDB的数据模型是面向文档的，所谓文档就是一种类似与json的结构，简单理解MongoDB这个数据库中
2020-12-08 19:27:45
99
原创 Ajax知识点总结
Ajax知识点总结下面我将通过几个方面来简单总结一下ajax中的基础知识点：一 ajax简介：ajax的全称是Asynchronous Javascript And XML（异步的js和xml），是前端项目与后台服务器产生联系的一种技术。ajax通过http协议发送请求给对应的服务器，服务器进行处理然后发送响应给浏览器端进行数据上的处理。二 ajax-http协议的请求报文构成：请求报文的构成：http请求报文分为三部分：请求行，请求头，请求体1）请求行：请求行包括三个部分method
2020-12-03 22:15:55
628
原创 配置React项目的运行环境
两种配置react项目运行环境的方法第一种方法，一步步配置项目的运行环境：1）下载node，在官方网站可以下载，安装步骤不难，差不多一步步意点next就行；2）运行cmd 输入node -v npm -v两行命令检查是否安装成功；3）接下来在cmd下输入npm install -g webpack (最好使用cnpm命令进行下载，快一点)，全局安装webpack打包软件；4）然后输入npm install -g webpack-cli 全局安装webpack-cli脚手架；5）接下来安装
2020-11-28 22:59:49
2008
原创 webpack4.x版本与webpack-cli高版本之间存在的bug
今天在执行webpack-dev-server命令时，一直报Error: Cannot find module ‘webpack-cli/bin/config-yargs’在执行npm run dev命令时报：通过查看学习，尝试了很多方法，最后通过对webpack-cli进行降级处理，成功解决问题。步骤：一：npm uninstall webpack-cli //这是进行局部删除webpack-cli脚手架二;npm install [email protected] //@后
2020-11-28 00:51:52
5528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人