- 博客(111)
- 收藏
- 关注
RSS订阅原创 面试题：项目中如何封装axios请求
请求拦截器和响应拦截器是 axios 提供的拦截器机制，用于在 HTTP 请求和响应的过程中，对请求和响应进行统一的处理。
2023-03-17 18:12:12
1363
1
原创 Node.js-----使用express写接口
cros(Cross-Origin Resource Sharing，跨域资源共享)由一系列HTTP响应头组成，这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源浏览器的同源安全策略默认会阻止网页"跨域"或缺资源，但是如果接口服务器配置了CROS相关的HTTP响应头就可以接触浏览器端的跨域访问限制。
2023-03-14 18:14:54
740
原创 Express的详细教程
什么是Express官方给出的概念：Express是基于Node.js平台，快速，开放，极简的Web开发框架通俗的理解：Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的Express能做什么对于前端程序员来说，最常见的两种服务器，分别是:Web 网站服务器:专门对外提供 Web 网页资源的服务器。API接口服务器:专门对外提供API接口的服务器。使用Express，我们可以方便、快速的创建Web 网站的服务器或API接口的服务器。
2023-03-09 09:11:00
4866
1
原创 安装了nodemon无法使用
以管理员的身份打开powerShell。安装成功了nodemon之后，报错。重新运行nodemon,就可以了。安装了nodemon无法使用。
2023-03-07 13:26:00
293
原创 初识Node.js
(1) 什么是Node.jsNode.js 是一个基于Chrome V8引擎的JavaScript运行环境Node.js的官网地址：https://nodejs.org/zh-cn/浏览器是JavaScript的前端运行环境Node.js是JavaScript的后端运行环境Node.js无法调用DOM和BOM等浏览器内置API(2) node.js可以做什么基于Express框架(http://www.expressjs.com.cn/)，可以快速构建Web应用。
2023-03-06 15:58:25
379
原创 ES6中类的实现和继承
ES6提供了更接近面向对象语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。注意：生成类的实例对象的写法，要使用new命令。如果忘记加上new，像ES5函数那样调用Class，将会报错。取值函数(getter)和存值函数(setter)在“类”的内部可以使用和关键字，对某个属性设置存值函数和取值函
2022-12-05 11:09:58
482
原创 用npm安装扩展包的时候 报错 解决办法
原因：自己用vue cerate 创建的vue脚手架的项目 里面的node_module的版本和自己本机上面的npm的版本不一样。用npm安装扩展包的时候 报错，升级npm版本也不行，卸载重新安装node.js也不可以 ，琢磨了很久。解决办法：删掉项目文件中的node_module文件 ，重新执行。然后再继续使用npm安装拓展包。
2022-11-17 15:01:00
377
原创 react-routerV6版本和V5版本的详细对比
在V5中当我们希望给当前的路由添加一个样式的时候，我们可以使用NavLink模块来代替Link模块，给NavLink添加activeClassName属性，属性名为class名，在样式中定义active样式。在V6中NavLink组件会自动给当前的匹配到的路由NavLink添加一个class名为active，要实现高亮效果设置active样式。直接写所需要嵌套的路由，在二级路由里面通过Outlet组件实现嵌套路由的视图显示。在V6中需要在那个路由下面嵌套路由，就直接在。在V6中有两种方法进行路由重定向。
2022-11-12 09:21:00
1769
原创 React-RouterV6版本的使用
核心模块‘ react路由的大部分的核心功能，包括路由匹配算法和大部分的核心组件和钩子react-router-dom React组件中用于路由的软件包，包括react-router的所有内容，还添加了一些特定的Dom的apireact-router-native 开发reactNavite应用，包括react-router的所有内容，添加了一些react-native的api。
2022-11-11 22:21:58
1218
原创 React Hooks从 基础到进阶
Hooks 是什么为什么要有 Hooks问题：Hook 是什么?一个 Hook 就是一个特殊的函数，让你在函数组件中获取状态等 React 特性使用模式：函数组件 + Hooks特点：从名称上看，Hook 都以 use 开头// 触发时机：1 第一次渲染会执行 2 每次组件重新渲染都会再次执行 // componentDidMount + ComponentDidUpdate useEffect(() => {
2022-11-11 20:59:50
141
原创 一篇文章学会React
React的基本介绍，脚手架的安装，jsx，类组件和函数组件，事件处理，组件通信（父传子，子传父，跨组件通信），生命周期，React路由（二级路由，动态路由，路由守卫，路由懒加载）
2022-11-11 09:21:13
1409
原创 在小程序中使用vant，应用Mobx实现全局数据共享
Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库，助力开发者快速搭建小程序应用。它所使用的是MIT 开源许可协议，对商业使用比较友好。官方文档地址 https://youzan.github.io/vant-weapp扫描下方的小程序二维码，体验组件库示例API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于Promise 的异步 API，从而提高代码的可读性、维护性，3. 实现 API Promise 化。
2022-10-31 18:25:06
643
原创 小程序组件的生命周期，插槽，父子组件之间的通信，组件实例，behaviors
小程序组件的生命周期，插槽，父子组件之间的通信，组件实例，behaviors
2022-10-31 18:21:12
643
原创 小程序的自定义组件
① 在项目的根目录中，鼠标右键，创建 components -> test 文件夹② 在新建的 components -> test 文件夹上，鼠标右键，点击“新建 Component”③ 键入组件的名称之后回车，会自动生成组件对应的 4 个文件，后缀名分别为 .js，.json， .wxml 和 .wxss注意：为了保证目录结构的清晰，建议把不同的组件，存放到单独目录中/*** 组件的初始数据*/data: {rgb:{ // 定义颜色对象的值r:0,g:0,b:0},
2022-10-31 18:15:09
1011
原创 小程序-网络数据请求
此时为了不耽误开发的进度，我们可以在微信开发者工具中，临时 开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项， 跳过 request 合法域名的校验。Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所。需求描述：假设在自己的微信小程序中，希望请求 https://www.escook.cn/ 域名下的接口。在很多情况下，我们需要在页面刚加载的时候，自动请求一些初始化的数据。② 必须将接口的域名添加到信任列表中。
2022-10-31 09:57:05
334
原创 小程序页面导航和页面事件
页面导航指的是页面之间的相互跳转。① 链接下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。
2022-10-31 09:42:48
1075
原创 小程序的生命周期和本地生活案例(附源码)
生命周期（Life Cycle）是指一个对象从创建-> 运行-> 销毁的整个阶段，强调的是一个时间段我们可以把每个小程序运行的过程，也概括为生命周期： 小程序的启动，表示生命周期的开始 小程序的关闭，表示生命周期的结束 中间小程序运行的过程，就是小程序的生命周期。
2022-10-31 09:19:53
742
原创 小程序的基本语法和全局配置
小程序中的 API 是由宿主环境提供的，通过这些丰富的小程序 API，开发者可以方便的调用微信提供的能力，例如：获取用户信息、本地存储、支付功能等小程序 API 的 3 大分类小程序官方把 API 分为了如下 3 大类：① 事件监听 API特点：以 on 开头，用来监听某些事件的触发举例：wx.onWindowResize(function callback) 监听窗口尺寸变化的事件② 同步 API特点1：以 Sync 结尾的 API 都是同步 API。
2022-10-31 09:00:54
786
原创 小程序注册过程及配置文件介绍
只需要调整 app.json -> pages 数组中页面路径的前后顺序，即可修改项目的首页。小程序会把排在第一位的页面，当作项目首页进行渲染。只需要在 app.json -> pages 中新增页面的存放路径，小程序开发者工具即可帮我们自动创建对应的页面文件，小程序中的每一个页面，可以使用 .json 文件来对本页面的窗口外观进行配置，，包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等。的 .json 配置文件，可以对小程序项目进行不同级别的配置。app.json 是当前小程序的。
2022-10-30 22:57:12
280
原创 ES6常问面试题（Promise，async和await 等）
Promise 是es6引入的异步编程的新解决方案 ，语法上Promises是一个构造函数，用来封装异步操作并可以获取其成功或者失败的结果，实例化一个Promise对象，里面有一个参数，参数是函数类型值，有两个形参，一个是resolve,一个是reject，然后执行一个异步 操作，会得到一个数据，然后调用resolve方法，然后promise的状态就会变成一个成功，然后调用promise对象的.then方法，里面有两个函数，一个是成功的时候调用，一个是失败的时候调用。它类似于对象，也是键值对的集合。
2022-10-29 09:58:01
2713
原创 Git/Gitee--- 分支管理
如果在两个不同的分支中，对同一个文件进行了不同的修改，Git就没法干净的合并它们，我们需要打开这些包含冲突的文件然后手动解决冲突。第一次推送分支需要 -u 参数，后面可以直接使用git push 推送代码到远程分支。功能分支的代码开发测试完毕之后，将完成的代码合并到master分支上。如果第一次将本地分支推送到远程仓库。切换到master分支上删除。
2022-10-26 14:52:37
1090
原创 Gitee/GitHub使用SSH下载文件时报错：The authenticity of host ‘gitee.com (212.64.63.215)‘ can‘t be established.
问题出现原因：和平常一样的输入ssh -keyen -t rsa -C “xxxxx@qq.com” 然后三次回车 ，然后在gitee上上次ssh公钥。就可以成功下使用ssh克隆文件了。输入上面的代码后，如果提示。就是怎么都克隆不了。
2022-10-26 09:54:23
3148
1
原创 Git使用和基本命令的使用
配置了用户名和邮箱地址，会被写入到c:/users/用户名文件夹/.gitconfig 文件中，该文件是Git的全局配置文件，配置一次永久生效。一般我们总会有些文件无需纳入git的管理，也不需要它们总出现在未跟踪文件列表 这种情况下 我们创建一个名为.gitignore的配置文件。现在有两个文件等待被提交到GIt仓库中，git commit命令提交 -m 本次的提交信息 对提交内容做描述。把对工作区对应的文件修改 还原成git仓库中所保存的版本。修改过的，没有放入暂存区文件前面有红色的M标记。
2022-10-25 22:26:13
641
原创 解决跨域的方案：JSONP，cors方式 ，vue-cli反向代理（最常用的方法）
Vue.config.js的配置(配置反向代理)----在module.exports中。
2022-10-19 10:31:30
338
原创 fetch和axios的使用
XMLHttpRequest是一个设计非常粗糙得API，配置和调试方式非常混乱，而去基于事件得已不模型邪气来不友好。url参数是必须要填写的，option可选，设置fetch调用时的Request对象，如method、headers等。Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js。请求，但是与XMLHttpRequest不同的是，，相比较XMLHttpRequest更加的简洁。接收的才是后台传过来的真正的数据，一般第一个。实例，值得注意的是fetch方法的第二个。
2022-10-18 22:36:51
237
原创 前端开发必须知道的状态码（面试常见题）
http状态码由**三个十进制数字**组成**，第一个**十进制数字定义**了状态码的类型**，**后两个数字用来对状态码进行细分**
2022-10-14 10:56:10
512
原创 报错： vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run t
对于已经用了那么久得2.9.6版本而言，我显然是舍不得得 ，但是迫于无奈 ，还是更新了版本。此处应为vue的版本存在更新，需要先卸载vue cli2,然后重新安装vue cli 3。最近打开用vue create demo 时 ，遇到以下报错，提示让我更新脚手架。
2022-09-29 22:22:40
5239
1
原创 Vuex使用和v-model语法详细教程
/ 初始化vuex对象state: {// 管理数据count: 0,},})如何在组件中获取count？state: {// 管理数据},// d定义mutations}})mutations是一个对象，对象中存放修改state的方法// 方法里的参数 第一个参数是当前store的state属性// 第二个参数payload 运输参数 调用mutations的时候 可以传递参数},},},如何在组件中调用mutations？actions: {
2022-09-29 21:43:32
1091
原创 VUE路由案例（商品列表）---vue练习必选项目(附原码)
练习VUE基础知识点，练习了组件封装，父子组件之间得通信，组件插槽和组件路由，是一个很不错得练习项目。
2022-09-28 22:23:21
1110
原创 vue路由---超级详细，通俗易懂(完整版)
vue集成路由vue-router模块包，它和vue.js深度集成定义映射规则-----模块化—提供2个内置全局组件。
2022-09-28 22:14:21
1421
原创 前端常见面试题---flex:1 是什么？
如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。含义：将剩下得600-100-200=300px 平分为3份，flex-grow :1 占1份 、flex-grow :2 占2份。flex-shrink:定义了项目得缩小比列，默认值为1，即如果空间不足，将该项目缩小。
2022-09-27 09:14:13
3074
原创 组件插槽和自定义属性
除了核心功能默认内置的指令(v-model和v-show)，vue允许我们注册自定义指令。v-xxxxhtml+css的复用的主要形式是组件你需要对普通DOM元素进行底层操作，这时候就会用到自定义指令目标：获取标签 扩展额外的功能使用自定义指令，传入一个值需求:定义color指令，传入一个颜色，给标签设置文字颜色。
2022-09-26 10:19:24
640
原创 $refs 、$nextTic、动态组件、name的使用
我们封装的组件，可以自己定义name属性组件名 让使用者有个统一的前缀风格。使用vue内置的keep-alive组件，可以让包裹的组件保存在内存中不被销毁。 Vue内置的keep-alive组件，包裹要频繁切换的组件。vue内置component组件，配合is属性，设置要显示的组件。使用keep-alive内置的vue组件，让动态组件缓存。组件切换会导致组件被频繁的销毁和重新创建，性能不高。多个组件使用一个挂载点，并动态切换，就是动态组件。可以用组件的name属性值，来注册。
2022-09-26 10:16:00
535
原创 vue注册了却没有使用的错误： component has been registered but not used
如果执行了上面的操作，还是运行不了vue文件。解决办法2：修改项目的package.json。即可：然后关闭vscode，重新启动项目。在package.json中找到。
2022-09-21 15:39:49
4847
原创 前端面试题---JavaScript基础
变量提升（hoisting），是负责解析执行代码的 JavaScript 引擎的工作方式产生的一个特性。JS引擎在运行一份代码的时候，会按照下面的步骤进行工作：首先，对代码进行预解析，并获取声明的所有变量然后，将这些变量的声明语句统一放到代码的最前面最后，开始一行一行运行代码JS引擎将var a = 1分解为两个部分：变量声明语句和变量赋值语句a = 1JS引擎将放到代码的最前面，而a = 1保留在原地变量的这一转换过程，就被称为变量的声明提升。
2022-09-21 11:55:38
102
java音乐播放器（KW音乐接口）
2022-09-30
vue商品车列表小练习
2022-09-28
JS课程设计项目+答辩ppt+答辩worr+六个网页（PEXELS景色网站）
2022-09-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人