前端
f输入关键字
这个作者很懒,什么都没留下…
展开
-
web基础知识
目录1、状态码2、服务雪崩2、服务雪崩服务雪崩的本质:线程没有及时回收。 不管是调用成功还是失败,只要线程可以及时回收,就可以解决服务雪崩。原创 2022-06-02 23:08:32 · 138 阅读 · 0 评论 -
Vue3基本使用
目录1、与vue2对比2、setup、ref、reactive3、computed、watch、watchEffect4、hook、toRef、shallowReactive 与 shallowRef、readonly 与 shallowReadonly、toRaw与 markRaw、customRef、provide 与 inject5、响应式数据判断函数、Fragmen、Teleport、Suspense6、其他1、与vue2对比//入口文件与Vue2的区别.原创 2022-05-29 00:17:01 · 2696 阅读 · 0 评论 -
Js常用语法
1、Js常用语法/*Js常用语法 *///弹窗#if(confirm('确定删除吗?')){} 弹窗,根据用户的选择是或否,来返回布尔值//数组常见操作 1、foreach 2、filter 3、reduce【统计】#1、check(id){//勾选或取消勾选 this.items.forEach((item)=>{ if(item.id===id) item.done=!item.done }) }#2、delet原创 2022-05-22 19:41:57 · 224 阅读 · 0 评论 -
vue2基础配置、基本语法、经验
目录1、vue.config.js相关配置1、vue.config.js相关配置lintOnSave:false/*用途设置是否在开发环境下每次保存代码时都启用eslint验证。value: false:关闭每次保存都进行检测true:开启每次保存都进行检测,效果与warning一样‘warning’:开启每次保存都进行检测,lint错误将显示到控制台命令行,而且编译并不会失败。‘error’:开启每次保存都进行检测,lint错误将显示到浏览器页面上,且编译失...原创 2022-05-19 16:07:19 · 946 阅读 · 0 评论 -
webpack、nodejs常用命令
1、npm基础命令npm-v:查看npm版本。npm view XXX versions: 查看XXX的所有发行版本号npminit:初始化后会出现一个package.json配置文件。可以在后面加上-y,快速跳过问答式界面。npminstall:会根据项目中的package.json文件自动下载项目所需的全部依赖。npminstall包名--save-dev(npminstall包名-D):安装的包只用于开发环境,不用于生产环境,会出现在package.json文件中的d...原创 2022-05-19 00:02:01 · 243 阅读 · 0 评论 -
webpack【2】相关loader,plug配置
目录1、css-loader与style-loader配置书接上篇链接:1、css-loader与style-loader配置官方网站文档跟随操作Loaders | webpack点击进去复制安装命令在VsCode终端中输入,如图两个命令然后配置webpack.config.js:输入如图命令然后测试:终端中输入npm run start 成功...原创 2022-05-09 12:08:48 · 212 阅读 · 0 评论 -
webpack【1】node.js、cnpm、webpack、webpack-cli,vue-cli安装与环境变量配置;VsCode中js文件打包
1、下载安装node.jsIndex of /dist/v16.15.0/选择.msi结尾的安装文件。可以自己找别的版本的进行安装。下载好后根据教程安装即可,可以自定义安装路径和选择是否安装相应工具【最好勾选上】,这里不配图了。安装成功后打开cmd,管理员身份运行,输入命令可查看安装版本信息。2、自定义配置npm安装模块时的路径和缓存的路径找到node.js安装文件,并新建两个文件夹如图。cmd运行如图命令,将路径设为刚刚新建的两个文件夹的路径:3、环境变量.原创 2022-05-08 18:34:32 · 417 阅读 · 0 评论 -
HTML+CSS基础知识【1】
目录1、CSS选择2、 标签常用3、边距与table的border-collapse1、CSS选择器基本选择器层次选择器锚点伪类选择器a:link {color:} /* 未访问的链接 */a:visited {color:} /* 已访问的链接 */a:hover {color:} /* 鼠标划过链接 */a:active {color:} /* 已选中的链接 *//*元素:hover 表示聚焦后改变自己元素:hover 元素 表示聚焦后改变其.原创 2022-05-05 23:43:51 · 258 阅读 · 0 评论