Angular 初探官网 基础指令*ngFo(循环)123<div *ngFor="let item of List"> <h3>{{item.name}}</h3></div> *ngIf (如果)12345678<div *ngFor="let item of List"> 2022-03-12
从 0 构建自己的脚手架原帖 搭建脚手架的目的就是快速的搭建项目的基本结构并提供项目规范和约定。目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等,都是通过简单的初始化命令,完成内容的快速构建。 脚手架是我们经常使用的工具,也是团队提效的重要手段。所以系统性的掌握脚手架相关知识,对前端开发者来说是非常重要的,即使很多人今后不一定都会参与到各自部门或者公司的基 2022-03-11
vue-cli-service: command not found最近升级了 vue-cli,从 2.x 版本跳到了 4.x 的 @vue/cli: 文档中有这么一段: 12345678910111213141516171819202122232425在一个 Vue CLI 项目中,@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./ 2022-03-08
Delete `␍`eslint(prettier/prettier)错误今天提交代码的时候,控制台报的错误就有点吓人,一下子所有文件都有问题,吓死宝宝了,不要慌,接下来我们来解决这个问题吧 解决方案:方案一:一个一个文件的选择,具体操作如下,手动把 CRLF 换成 LF。缺点:文件太多,换不过来,太鸡肋。 方案二:yarn run lint --fix比上面省事,eslint错误消失,但暂存区多了 n 个文件改动记录,对比 Working tree 也没发现任何不同 2022-03-07
node.js、 nginx 、 dockernode.js 和 nginx 和 docker 的区别 node.js 是 js 的运行环境,跑 js 代码的。“Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时” nginx 用来做代理和静态资源托管,可以代理 node.js 起的 http 服务。 docker 可以认为是虚拟机,虚拟机里可以安装 node.js 或者 nginx。是一种类似容器的东西,里 2022-03-02
window 远程桌面使用 cpolar 映射内网,实现远程连接运行远程链接,且运行空密码 远程连接 就是直接操作其他的电脑,远程操作 可拥有本来用户同样的权限 >cmd 中输入 mstsc >输入需要连接的 ip >点击显示选项 映射本地资源到 远程上 >选择 需要映射的磁盘,然后输入用户名密码即可连接 >映射过来的资源如下所示: 2022-03-02
Docker更适合前端宝宝的 Docker 教程CentOS 中安装 dockerWindows 中安装 docker docker hub使用 docker bash:Windows 配置:需要先开启 hyper-V 或手动追加环境变量 PATH 路径 C:\Program Files\Docker\Docker\resources\bin。重启后生效 Dockerfile 用法 docker 可以理解成 2022-03-02
flex 弹性布局flex 容器 父元素容器有两个方向。主轴和交叉轴(align-items) display:flex -子元素会变成行内块级元素,默认子元素沿着主轴排列。 子元素的高度没有设置的情况下,高度就是父元素的高度 flex-direction: column; 转向 纵轴 纵向布局 flex-direction: row; 转向 横轴 横向布局 默认 flex-direct 2022-03-02
Vue 代码风格指南原帖 一、命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写) PascalCase(大驼峰式命名法 —— 首字母大写) kebab-case(短横线连接式) Snake(下划线连接式) 1.1 项目文件命名1.1.1 项目名全部采用小写方式, 以短横线分隔。例:my-project-name。 1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命名 2022-03-01
VsCode 配置settings.json 中配置 1. esLint 保存自动 格式化12345678// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,"files.autoSave": "off",或者 设为 "onFocusChange" 聚焦发生才保存,这是以防 2022-03-01