- 博客(49)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端看了这些面试题,大厂面试不是问题
包含了腾讯、字节跳动、百度、阿里、滴滴、美团、58、拼多多、360、新浪、 搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加 通过前两轮技术面试的几率。资料请点击我的头像---->资源管理----免费下载...
2021-05-21 12:51:38
276
原创 一篇文章让你搞懂各种压缩,gzip压缩,nginx的gzip压缩,Minification压缩,让你的项目速度飞起
同学们可能听过这些压缩,但是可能不是了解,这篇文章让你弄清他们- webpack的gzip压缩和nginx的gzip压缩有什么区别?怎样开启gzip压缩?Minfication压缩又是什么鬼?怎样使项目优化的更好?
2022-12-06 20:42:21
1238
1
原创 阿里巴巴朝扬计划前端面试题
简介本人还是一名大三的的学生,一次偶然的机会看到阿里巴巴的朝扬计划,于是就想投下简历试试,没想到经过测试后,有一个面试的计划,但是自己啥也没有准备,面试的很不理想,今天就把面试问到的问题分享给大家1.箭头函数与普通函数的this指向// 回调函数var Person = { 'age': 18, 'sayHello': function () { setTimeout(function () { console.log(this.age);//没有找到直接
2021-12-02 21:18:52
2091
4
原创 Classic mode for store/ is deprecated and will be removed in Nuxt
// 3.挂载Vue实例上export default store改为// 3.挂载Vue实例上export default {store}
2021-10-10 19:12:45
274
原创 nuxt中看板娘引入保姆级免费教程
第一步 script: [ { src: "https://l2dwidget.js.org/lib/L2Dwidget.min.js", body: true }, { src:"/kanban.js",body:true} ],引入这两个js文件第二个js文件代码L2Dwidget.init({ dialog: { // 开启对话框 enable: true, script: {
2021-10-06 19:42:11
452
1
原创 nuxt中nuxt.config.js引入js找不到,亲测有效
head: { title: 'nanjustar', htmlAttrs: { lang: 'en' }, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: '' }, ..
2021-10-06 19:27:24
1441
原创 nuxt.js实战asyncdata服务端渲染
Nuxt扩展了Vue的生命周期:export default {middleware () {}, //服务端,中间件validate () {}, // 服务端asyncData () {}, //服务端fetch () {}, // store数据加载beforeCreate () { // 服务端和客户端都会执行},created () { // 服务端和客户端都会执行 },beforeMount () {},mounted () {} // 客户端}asyncData首次渲
2021-09-16 10:54:04
828
转载 vscode 快速编写代码的整理
快速编辑HTML代码1、添加类、id、文本和属性 (1)输入 .box(2)输入p#text(3)类和id一起输入 .box.text(4)元素和内容一块输出 p{你好}你好(5)输出属性 a[href=#]2、嵌套(1)输入div+p <div></div> <p></p>(2)输入ul>li*3>a <ul> <li><a href=""></a>&
2021-09-01 18:07:01
1925
1
原创 flex弹性布局
为什么用flex用来为盒状模型提供最大的灵活性,任何一个容器都可以指定flex布局。更加符合响应式设计的特定。flex-direction代码演示:justify-content剩余空间分布align-items交叉轴的排列方式align-items交叉轴: 不是主轴的排列方式。代码示例:align-content交叉轴的排列方式align-items和align-content的区别align-items:是单行(列)的排列方式align-content:是交叉轴方向
2021-08-12 20:49:27
264
原创 使用less不成功出现的问题
首先可能报如下错误这是由于可能你使用的是webpack5以上的版本,webpack5以上版本可能会出一些问题,版本4更加稳定一些,这是需要我们降低版本,在package.json中,添加如下的webpack然后,npm install就可以了然后也可能出现如下问题,less-loader 安装不上。因为最新版本的less-loader版本10,需要响应的webpack5以上的版本,所以我们应该可以安装一下的版本 "less": "^3.0.0", "less-loader":"
2021-08-06 13:52:10
1132
2
原创 nuxt.js以及SSR和SPA区别及应用
Nuxt.jsNuext.js通用vue.js,是一种用服务端渲染。通过对客户端/服务端基础的抽象组织,Nuxt.js主要关注的是应用的UI渲染。那什么是服务端渲染SSRSSR:服务端渲染html,返回给浏览器。之前vue中的SPA(单页面应用),对搜索引擎不太友好,只能抓去一个页面,其他的页面抓取不到,比如我们的新闻网站,主要的流量都是搜索引擎,搜索引擎抓取不了,那我们就写不了了。SPA:他是首屏打开速度,把所有的东西都加载到客户端,然后再打开,SSR是在服务端渲染完所有的页面,再给浏览器,
2021-08-03 13:58:25
820
原创 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
252
原创 vscode中导入flutter项目后很多报红报错
原因是你的依赖没有安装,下面划线的基本都是需要这些依赖的通常vscode会在打开一个flutter项目的时候问你要不要安装依赖,不过你也可以手动来:在项目的根目录下,在terminal执行:$ flutter pub get依赖安装完以后vscode应该就不会报这些错了...
2021-06-02 10:54:56
1948
原创 小程序云开发从云开发平台上传图片云存储
存储多张图片<button bindtap="upimage">上传图片</button> upimage:function(){ wx.chooseImage({ success: chooseResult => { // 指定要上传的文件的小程序临时文件路径 var filePath= chooseResult.tempFilePaths//数组形式 filePath.forEach((item,id
2021-05-26 18:29:47
342
原创 微信小程序云开发云数据库增删查改
传统查询与es6查询使用doc查询单条数据添加数据第一种写法addStudent(){ console.log('添加数据'); DB.add({ data:{ sno:sno, name:name, classname:className, teacher:teacher, course:course }, success(res) { conso
2021-05-25 15:47:13
329
转载 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
1249
原创 ‘yarn‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
配置好node_global文件请看我另一片文章全局安装配置node_global和node_cache(node缓存文件夹)
2021-05-18 17:27:59
1137
转载 全局安装配置node_global和node_cache(node缓存文件夹)
使用npm安装模块分为本地安装和全局安装。本地安装:npm install express 会安装到当前项目全局安装:npm install express -g 会安装到指定的目录(node_global)另外,如果没有设置全局目录node_global,那么全局安装的文件将会保存到 C:\Users\hades\AppData\Roaming\npm (hases是自己设置的计算机名字)所以,安装好node后,要设置一下node_global和node_cache(node缓存文件夹)
2021-05-18 17:22:29
8773
原创 npm安装太慢的话解决方法
设置淘宝镜像,然后再执行命令npm config set registry http://registry.npm.taobao.org
2021-05-15 20:46:33
743
原创 node管用npm报错npm Error: Cannot find module ‘are-we-there-yet‘
第一步卸载node第二步重新安装node记得配置环境变量第三步去C:\Users\用户\AppData\Roaming中找到 npm 和 npm-cache文件夹 删除(保险点可以剪切放到别处)这两个文件夹。然后就好了
2021-05-12 21:06:47
870
1
原创 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
525
原创 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
1411
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
221
原创 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
713
原创 EJS简介及简单使用
EJS 是什么?“E” 代表什么?可以表示 “可嵌入(Embedded)”,也可以是“高效(Effective)”、“优雅(Elegant)”或者是“简单(Easy)”。EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。安装npm install ejs用法let ejs = require('ejs'), people = ['g
2021-05-06 20:24:31
648
原创 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
310
原创 路由导航守卫
路由导航守卫控制访问权限如果用户没有登录,但是直接通过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
246
原创 Node中模板引擎渲染错误解决方法
TemplateError: D:\VSCODE\VS文件\node\server-demo\views\index.html:1:1 >> 1| <!DOCTYPE html> 2| <html lang="en"> 3| <head> 4| <meta charset="UTF-8">解决方法npm install ejs app.engine('html', require('ejs').re
2021-04-29 21:35:03
717
1
原创 Node.js
一、Node.js是什么Node.js是一种JavaScript运行环境1.特性Node.js可以解析JS代码(没有浏览器安全级别的限制)提供很多系统级别的API,如:文件的读写进程的管理网络通信(HTTP/HTTPS)…2. 举例...
2021-04-29 14:06:11
216
原创 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
1896
原创 reac创建项目失败npm install --save --save-exact --loglevel error react react-dom react-scripts cra-templat
之前用的是淘宝的镜像,之前是创建成功的,但是我再次创建项目的时候,又是不成功,所以我换了镜像,npm config set registry https://registry.npmjs.org/使用这个镜像居然创建成功了。和我有同样问题的小伙伴可以试试...
2021-04-27 08:52:01
1806
原创 React脚手架搭建
创建项目并搭建第一步:全局安装:npm i -g create-ract-app第二步:切换到想创建项目的目录,使用命令:create-react-app hello-react第三步:进入此昂木文件夹:cd hello-react第四步:启动项目:npm start
2021-04-25 15:02:57
282
2
原创 cmd窗口突然不能运行node,npm命令
之前运行node,和npm命令还好好的,突然不可以运行了,运行就是不是内部命令也不是外部命令。只要在系统变量的path里加一条C:\Program Files\nodejs\node_global 就行了 其他的在用户变量和系统变量里的操作都浪费时间...
2021-04-25 12:55:46
3519
原创 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
269
原创 React组件的生命周期
组件的生命周期理解组件对象从创建到死亡它会经历特定阶段。React组件对象包含一系列勾子函数(生命周期回调函数),在特定的时刻调用。我们在定义组件时,在特定的生命周期回调函数中做特定的工作。生命周期流程图初始化阶段:HReactDOM.render( )触发—初次渲染1. constructor()2. componentWillMount()3. render()4. componentDidMount()更新阶段:由组件内部this.setSate()或父组件render
2021-04-24 15:16:15
213
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人