![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
易烊千鹤
前端爱好者,希望大家多多支持
展开
-
node-sass 下载失败
node-sass 下载失败解决方案在项目的根目录下面新建个文件.npmrc,里面加入如下内容。sass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org原创 2021-07-30 17:38:07 · 239 阅读 · 0 评论 -
yarn create @umijs/umi-app success Installed “@umijs/create-umi-app@3.4.21“
点这篇博客1.问题描述根据官网指示,使用 @umijs/umi-app 为模板,创建一个项目:yarn create @umijs/umi-app一直创建失败,报错原因如下:在这里插入图片描述解决方案网上很多这个问题的解决方案是通过 yarn global bin指令查看yarn命令的目录,然后把这个目录路径配置到系统环境变量中,然后再重新执行yarn create @umijs/umi-app命令,但还是报了同样的错误。问题没有解决。在这里插入图片描述其实bin文件的环境变转载 2021-05-19 13:40:30 · 1219 阅读 · 0 评论 -
拖拽式Vue组件代码生成平台
网址拖拽式Vue组件代码生成平台网址使用方法原创 2021-05-17 12:27:53 · 1253 阅读 · 0 评论 -
react中按需引入ant的样式
创建项目create-react-app react-ant安装antdnpm install antd --save暴露隐藏文件npm ejectnpm add react-app-rewired customize-cra然后在项目根目录创建一个 config-overrides.js 用于修改默认配置。接着npm add babel-plugin-importbabel-plugin-import 是一个用于按需加载组件代码和样式的 babel 插件(原理),现在我们原创 2021-05-12 14:25:56 · 506 阅读 · 0 评论 -
npm install antd --save npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
npm 版本太高,需要降低版本npm install npm@3.8.6 -g原创 2021-05-12 14:13:08 · 1395 阅读 · 1 评论 -
Resource interpreted as stylesheet but transferred with MIME about:7 type text/html解决react样式丢失的三种办法
问题方法一加上%PUBLIC_URL%。意思是public绝对路径下的目录方法二去掉点<link rel="stylesheet" href="/css/bootstrapp.css>//<link rel="stylesheet" href="/css/bootstrapp.css>错误加点的意思是在当前同级别文件下的路径,不加点的意思是在localhost:3000下的路径/css/bootstrap.css...原创 2021-05-10 18:29:35 · 212 阅读 · 0 评论 -
react的单页面应用SPA及路由组件
SPA的理解单页Web应用(sigle page web application,SPA)。整个用用只有一个完整的页面.点击页面中的链接不会刷新,只会做页面的局部刷新。数据都需要通过ajax请求获取,并在前端异步展现。路由的理解1. 什么是路由?一个路由就是一个映射关系(key:value)key为路径,value可能就是function或者component2. 路由分类. 后端路由:理解:value 是function,用来处理客户端提交的请求。注册路由:router原创 2021-05-10 18:14:46 · 704 阅读 · 0 评论 -
axios中的拦截器
保存token值将登录成功之后的token,保存到客户端的sessionStorage中项目中除了登录之外的其他API接口,必须登录成功之后才能访问token只应在当前网站打开期间生效,所以将token保存在sessionStorage中res.data是登录成功后获取的数据window.sessionStorage.setItem(“token”,res.data.token); 注意:为什么要把token 保存在sessionStorage而不是localStorage中?因为sess原创 2021-05-02 23:18:15 · 298 阅读 · 0 评论 -
Express.js介绍与基本使用
介绍原生的http在某些方面表现不足以应对我们的开发需求,所以我们就需要适用框架来加快我们的开发效率,框架的目的就是提高效率,让其们的代码更高度统一。在Node中,有很多Web开发框架,我们这里以学习epress为主。Express创建创建文件夹 mkdir myapp cd myapp初始化项目 npm init //npm init -y 会一步到位项目入口文件 entry point:(index.js)安装Express np原创 2021-04-29 14:05:11 · 1867 阅读 · 0 评论 -
路由导航守卫
路由导航守卫控制访问权限如果用户没有登录,但是直接通过URL访问页面,需要重新导航到新页面。// 挂载导航守卫router.beforeEach((to,from,next)=>{ // to将要访问的路径 // from代表从哪个路径跳转而来 // next是一个函数,表示放行 // next 放行 next('/login')强制跳转 if(to.path==='/login') return next(); // 获取token const tokenStr原创 2021-05-02 22:55:12 · 241 阅读 · 0 评论 -
React脚手架搭建
创建项目并搭建第一步:全局安装:npm i -g create-ract-app第二步:切换到想创建项目的目录,使用命令:create-react-app hello-react第三步:进入此昂木文件夹:cd hello-react第四步:启动项目:npm start原创 2021-04-25 15:02:57 · 271 阅读 · 2 评论 -
cmd窗口突然不能运行node,npm命令
之前运行node,和npm命令还好好的,突然不可以运行了,运行就是不是内部命令也不是外部命令。只要在系统变量的path里加一条C:\Program Files\nodejs\node_global 就行了 其他的在用户变量和系统变量里的操作都浪费时间...原创 2021-04-25 12:55:46 · 3492 阅读 · 0 评论 -
react/vue中的key
经典面试题1). react/vue中的key有什么作用?2). 为什么遍历列表是,key最好不要用index?1. 虚拟DOM中key的作用:1). 简单的说:key是虚拟DOM对象的标识,在更新显示时key起着极其重要的作用2).详细的说:当状态中的数据发生变化时,react会根据【新数据】生成【新的虚拟DOM】 ,随后React进行【新虚拟DOM】与【旧虚拟DOM】的diff比较,比较规则如下:a. 旧虚拟DOM中找到了与新虚拟DOM相同的key: (1).若虚拟DOM中内容没变,直原创 2021-04-24 16:38:07 · 264 阅读 · 0 评论 -
React组件的生命周期
组件的生命周期理解组件对象从创建到死亡它会经历特定阶段。React组件对象包含一系列勾子函数(生命周期回调函数),在特定的时刻调用。我们在定义组件时,在特定的生命周期回调函数中做特定的工作。生命周期流程图初始化阶段:HReactDOM.render( )触发—初次渲染1. constructor()2. componentWillMount()3. render()4. componentDidMount()更新阶段:由组件内部this.setSate()或父组件render原创 2021-04-24 15:16:15 · 205 阅读 · 0 评论 -
高阶函数和函数的柯里化
高阶函数高阶函数:如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。若A函数,接收的参数是一个函数,那么A就可以称之为高阶函数。行A函数,调用的返回值依然是一个函数,那么A就可以称之为高阶函数。函数的柯里化函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。...原创 2021-04-22 21:31:23 · 250 阅读 · 0 评论 -
严格模式下的this指向
概述严格模式是由ECMA-262规范定义的新兴JavaScript标准,旨在改善错误检查功能并且标识可能不会延续到未来JavaScript版本的脚本。ES5严格模式是限制性更强的JavaScript变体,它与常规JavaScript的语义不同,其分析更为严格。严格模式下类中的this指向类中所有的方法,在局部默认开启了严格模式,它不敢指向window所以指向了undefined <script> class Person{ construct原创 2021-04-21 14:08:07 · 1531 阅读 · 1 评论 -
React组件三大核心属性:state,refs,props
组件实例的三大核心属性:state1. 理解state 是组件对象最重要的属性,值是对象(可以包含多个key-value的组合)组件被称为“状态机”,通过更新组件的state来更新对应的页面显示(重新渲染组件)...原创 2021-04-20 21:28:47 · 409 阅读 · 0 评论 -
jsx
jsx简介全称:JavaScript XMLreact定义的一种类似于XML的js扩展语法JS+XML本质是React.createElement(component,props,…children)方法的语法规范作用:用来创建虚拟DOM标签名任意:HTML标签或其他标签jsx语法核心规范定义虚拟DOM是,不要写引号。标签嵌入JS表达式时要用{ }样式的指定类名不要用class,要用className内联样式,要用style={{key:value}}的形式去写只有一个根标签原创 2021-04-18 19:33:46 · 108 阅读 · 2 评论