首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端-进阶
caizy
创建于2022-05-01
订阅专栏
记录前端进阶知识
暂无订阅
共50篇文章
创建于2022-05-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端进阶9 - Nginx - 2.正向代理和反向代理
2.正向代理和反向代理 概念: 正向代理:局域网中的电脑用户想要直接访问网络是不可行的,只能通过代理服务器(Server)来访问,这种代理服务就被称为正向代理。 反向代理:客户端无法感知代理,因为客户
前端进阶9 - Nginx - 1.Nginx是什么?
1.Nginx是什么? Nginx是一个拥有高性能HTTP和反向代理服务器,其特点是占用内存少,并发能力强,并且在现实中,nginx的并发能力要比在同类型的网页服务器中表现要好 Nginx专为性能优化
前端进阶6-ESLint + Prettier - 在Typescript项目中,如何优雅的使用ESLint和Prettier
在Typescript项目中,如何优雅的使用ESLint和Prettier 一、用ESLint来规范Typescript代码 npm i -d eslint @typescript-eslint/pa
前端进阶6-ESLint + Prettier - 三、各项配置
三、各项配置 parser(指定解析器) parserOption(额外配置解析器参数) ecmaVersion:2021(指定要使用的 ECMAScript 版本:设置为) 指定全局变量 可以在配置
前端进阶6-ESLint + Prettier - 二、配置解析器和解析参数
二、配置解析器和解析参数 ESLint 是一个集代码审查和修复的工具,它的核心功能是通过配置一个个规则来限制代码的合法性和风格。 ESLint 的解析器,早期的时候用的是 Esprima,后面基于 E
前端进阶6-ESLint + Prettier - 一、安装ESLint
一、安装ESLint npm install eslint --save-dev(npm i eslint -D) 初始化配置文件,根目录生成.eslintrc.js(npx eslint --ini
前端进阶6-ESLint + Prettier - Prettier 是什么
Prettier 是什么 一、安装Prettier npm install --save-dev --save-exact prettier 二、文件准备 .prettierrc.js(配置文件) .
前端进阶6-ESLint + Prettier - Ⅴ、总结规范流程(vue3-vite-ts项目)
Ⅴ、总结规范流程(vue3-vite-ts项目) 第一步 1 - 初始化项目(yarn create vite [项目名称])yarn create vite my-vue-app --templat
前端进阶6-ESLint + Prettier - Ⅳ、Prettier - 工作中用到的规则
Ⅳ、Prettier - 工作中用到的规则 *****1 - 创建.prettierrc.js配置 printWidth: 100——单行长度 tabWidth: 2——缩进长度 useTabs: f
前端进阶6-ESLint + Prettier - Ⅲ、ESLint - 工作中用到的规则
Ⅲ、ESLint - 工作中用到的规则 注意提醒:每个规则对应的0,1,2分别表示off, warning, error三个错误级别 no-unused-vars(定义了变量却没有在代码中使用)这是防
前端进阶6-ESLint + Prettier - Ⅱ、实际中配置整个Vue项目(vite-vue3-ts项目)
Ⅱ、实际中配置整个Vue项目(vite-vue3-ts项目) 快速创建 vue3-ts 项目(yarn create vite my-vue-app --template vue-ts) 安装依赖(y
前端进阶6-ESLint + Prettier - Ⅰ、配置JS文件 - eslint-plugin-prettier
四、eslint-plugin-prettier 介绍: eslint和prettier重合的规则有很多,如果需要每个都配置一样的话,就会很繁琐,所有eslint出了一个eslint-plugin-p
前端进阶6-ESLint + Prettier - Ⅰ、配置JS文件 - 冲突配置
三、冲突配置 关于.eslintrc.js和.prettierrc.js的配置,按照团队的需求自定义,或者在网上找一份配置就行了。因为大家的配置都不一样,我也不展示了。 稍微提一下,eslint默认是
前端进阶6-ESLint + Prettier - Ⅰ、配置JS文件 - Prettier(解决代码格式问题)
二、Prettier(解决代码格式问题) 1 - 安装(npm i prettier -D) 2 - 执行(npx prettier --write 文件名.js) 3 - 此时格式问题就修复了,获得
前端进阶6-ESLint + Prettier - Ⅰ、配置JS文件 - ESLint(解决代码规范问题)
一、ESLint(解决代码规范问题) 1 - 安装(npm i eslint -D) 2 - 初始化配置文件,根目录生成.eslintrc.js(npx eslint --init) 3 - 执行规范
前端进阶5 - Nuxt.js - 11-NuxtJS内置的API
11-NuxtJS内置的API ESSENTIAL - 基本 context(上下文对象) PAGES - 页面配置 asyncData(异步请求) 在渲染组件之前异步获取数据 fetch(异步请求,
前端进阶5 - Nuxt.js - 10-NuxtJS使用中间件进行路径判断
10-NuxtJS使用中间件进行路径判断 实际开发中,这里更多的是权限的判断 在middleware(中间件)目录中,创建对应的的authenticated.js文件(已验证) export defa
前端进阶5 - Nuxt.js - 9-静态资源文件、生产静态html
9-静态资源文件、生产静态html 开发环境 1-直接引入 nuxt可以使用 ~ 引用全局文件 2-使用css引入 style里写背景图片引入 background-image: url('~stat
前端进阶5 - Nuxt.js - 8-异步请求asyncData方法
8-异步请求asyncData方法 常见格式 async asyncData() { const { data } = await axios.get( 'XXXXXX' ) console.log(
前端进阶5 - Nuxt.js - 7-NuxtJS错误页面、个性meta标签设置
7-NuxtJS错误页面、个性meta标签设置 NuxtJS错误页面 layouts目录下,创建error.vue文件 判断不同错误,显示 个性meta标签设置 不同网页标题要不一样,不能nuxt.c
下一页