随笔分类 - vue
vue相关知识点
摘要：问题：在用 cnpm 命令的时候，突然出现无响应的情况（光标一直在闪，但是没任何反应） 解决步骤：（1）删除 .npmrc 文件全局搜索 .npmrc 文件并删除（建议先备份文件） 注意.npmrc位置一般在C:\Users\Administrator下 （2）重装 cnpm 命令 npm inst
阅读全文
摘要：JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。 1、扩展运算符（浅拷贝） 自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。 numbers = [
阅读全文
摘要：使用 BrowserRouter 的问题（方案：后台自定义中间件，前提：前台和后台不要有路径重复） a. 问题: 刷新某个路由路径时, 会出现 404 的错误 b. 原因: 项目根路径后的 path 路径会被当作后台路由路径, 去请求对应的后台路由，但没有 c. 解决: 使用自定义中间件去读取返回
阅读全文
摘要：SPA单页应用的2种类型分页技术，常见于React、Vue等基于组件化开发的项目 1、纯前端分页 2、基于后台的分页 （1）纯前端分页 1、请求获取数据：一次性获取所有数据，翻页时不再发送请求 2、请求接口：不需要指定页面（pageNum）和每页数量（pageSize） 3、响应数据：所有数据的数组
阅读全文
摘要：这里分享个常见的测试调试方案，相对于常用的console.log()提升了一些档次... ... 如图所示我们在react项目组件正式render之前，加了个debugger断点 接下来刷新页面如下 我们可以点击下一步继续往下执行代码 我们会看到，当执行玩openKeyPath赋值后，再往下执行时，
阅读全文
摘要：（1）跨域情况： 跨域情况： 1）、协议不同：http与https 2）、主机不同 3）、端口号不同 （2）跨域处理： 跨域处理： 1、JSONP处理跨域，缺点：只能处理GET请求 2、CORS后台处理（开发应用比较少） 3、服务代理（开发应用较为广泛） （3）代理服务器： 代理服务器会帮我们做一个
阅读全文
摘要：在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。 npm 目前支持以下几类依赖包管理： dependencies devDependencies peerDependencies optiona
阅读全文
摘要：熟悉一下基于React的新项目。按照以往，我的步骤都是： git clone xxx npm install npm run dev 这时，JJ给我来了下面一段 git clone xxx yarn yarn start “咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什
阅读全文
摘要：最近Github 10周年在朋友圈里沸沸扬扬刷屏，小编在工作中却惊讶的发现不少同事对版本号中的beta和rc没有概念，使用npm install package@next时，也不清楚next代表的含义。于是，决定写一篇文章科普一下由 Github 起草的Semver(语义化版本)的相关知识。 实际案
阅读全文
摘要：除了常见的mock.js，最近发现一款新的前端模拟数据工具easy-mock。 官网：https://www.easy-mock.com/ 登录成功后点击右下角+号，进行项目创建 输入项目名等相关信息，创建项目 创建接口 写入数据，创建接口 创建接口完毕后，复制链接 替换接口，然后将state置空
阅读全文
摘要：小结： React遵循从上到下的数据流向，即单向数据流。 1、单向数据流并非‘单向绑定’，甚至单向数据流与绑定没有‘任何关系’。对于React来说，单向数据流（从上到下）与单一数据源这两个原则，限定了React中要想在一个组件中更新另一个组件的状态（类似于Vue的平行组件传参，或者是子组件向父组件传
阅读全文
摘要：跨域解决方案可以分为开发模式和生产模式 git查看脚手架工具，如下所示 然后进入docusaurus文档，文档里有关于跨域的相关配置 如下所示进行配置 （1）第一种方案 配置后重新测试 （2）第二种跨域方案 先利用express框架搭建简单后台服务 接下来创建路由文件 接下来启动后台服务，做下测试。
阅读全文
摘要：前言： Mock模拟数据有多种方式，简单概括下 概括： 主体： 目前为止都是使用第二种方式，接下来测试下Mock依赖包，参考文章.Mock数据模拟 .
阅读全文
摘要：新建http.js文件用来封装get和post请求 1、封装get请求 2、封装post请求 3、测试 首先在其他组件引入，注意：分析 引入类和方法的区别： React等类直接写即可 方法需要在外面用{}包围 封装之前写法 封装完成后调用httpPost写法，这里data为对象格式即可 get方法与
阅读全文
摘要：本节介绍下React下fetch的post请求 （1）编写服务端代码 /*加载express模块*/ var express = require('express') /*加载path路径处理核心模块*/ var path = require('path') /*加载body-parser中间件*/
阅读全文
摘要：Ajax 是什么？ 答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。 Ajax 基于什么？ 答：它基于的是XMLHttpRequest（XHR）。
阅读全文
