Trico

两列自适应布局：一列由内容撑开，另一列撑满剩余宽度 圣杯布局、双飞翼布局：两边固定宽度，中间自适应 等高布局：子元素在父元素中高度相等 粘连布局：垂直方向，后面的元素在前面...

界面渲染过程 1 地址栏输入 url 地址 2 DNS 会完成域名解析， 帮我们找到相应的服务器主机 3 建立 TCP 的端到端连接(将你的电脑跟接勾的服务器主机建立一条传...

Vue Router是 Vue.js 官方的路由管理器，让构建单页面应用变得易如反掌。 基本使用 Vue Router 提供了用于进行路由设置的组件 <router-lin...

前端路由 前端路由，指的是 URL 与内容间的映射关系 Hash 方式 通过 hashchange 事件监听 hash 变化，并进行网页内容更新。 特点总结: Hash 方...

动态组件 动态组件适用于多个组件频繁切换的处理。 <component> 用于将一个‘元组件’渲染为动态组件，以 is 属性值决定渲染哪个组件。 用于实现多个组件的快速切换...

组件插槽可以便捷的设置组件内容。 单个插槽 如果我们希望组件标签可以像 HTML 标签一样设置内容，那么组 件的使用灵活度会很高。 但平常我们书写的组件，组件首尾标签中书写...

父组件向子组件传值 通过子组件的 props 选项接收父组件的传值。 注意:props 不要与 data 存在同名属性。 Props 命名规则 建议 prop 命名使用 c...

组件用于封装页面的部分功能，将功能的结构、样式、逻辑代码封装为整体。 提高功能的复用性与可维护性，更好的专注于业务逻辑。 组件使用时为自定义 HTML 标签形式，通过 组件...

自定义指令 指令用于简化 DOM 操作，相当于对基础 DOM 操作的一种封装。 当我们希望使用一些内置指令不具备的 DOM 功能时，可以进行自定义指令设置。 自定义全局指令...

事件处理v-on 指令用于进行元素的事件绑定。Vue.js 还为 v-on 指令提供了简写方式。事件程序代码较多时，可以在 methods 中设置函数，并设置为事件处理程序...

指令的本质就是 HTML 自定义属性Vue.js 的指令就是以 v- 开头的自定义属性内容处理v-once 指令使元素内部的插值表达式只生效一次。v-text 指令元素内容...

核心特性数据驱动视图数据变化会自动更新到对应元素中，无需手动操作 DOM，这种行为称作单向数据绑定。对于输入框等可输入元素，可设置双向数据绑定。 双向数据绑定是在数据绑定基...

建议小文件使用Data URLs，减少请求次数。...

ES Modules 特性自动采用严格模式，忽略 'use strict'每个 ESM 模块都是单独的私有作用域ESM 是通过 CORS 去请求外部 JS 模块的ESM 的...

同一段 CSS 代码，在不同浏览器上的呈现效果不同。...

为什么构建(构建内容)一些代码需要编译(CSS，JS)， 保证浏览器的兼容性;将 Less 或 Sass 转换成 CSS将 ES6+ 的新语法转成 ES5有些代码需要压缩(...

脚手架的作用创建项目基础结构、提供项目规范和约定脚手架的分类通用脚手架yeoman专用脚手架vue-cli create-react-app angular-cliYeom...

npm (Node Package Manager)是 Node.js 的包管理工具包就是一坨代码，就是 Node.js 的第三方模块npm 是一个命令，跟随 Node.j...

探索 JavaScript 对象(例如:Math. 然后按两次 tab 键) parseInt/parseFloat/isNaN/isFinite/eval.. 到当前目录...