01 2021 档案

路由 — Vue.js
摘要：1.官方路由 对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。 1.1 入门 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .router-link-active { color: red; } </s 阅读全文
posted @ 2021-01-22 17:27 gzhjj 阅读(150) 评论(0) 推荐(0)
单文件组件 — Vue.js
摘要：1.介绍 使用Vue.component定义全局组件，使用new Vue({ el: '#container '})为每个页面指定一个容器元素。 这种方式的缺点是： 每个组件的命名不得重复 字符串模板缺乏语法高亮，在HTML有多行的时候，需要用到丑陋的\ 当HTML和JavaScript组件化时，C 阅读全文
posted @ 2021-01-22 16:13 gzhjj 阅读(164) 评论(0) 推荐(0)
插件 — Vue.js
摘要：插件通常用来为 Vue 添加全局功能。 添加全局方法或者属性。 添加全局资源：指令/过滤器/过渡等。 通过全局混入来添加一些组件选项。 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-route 阅读全文
posted @ 2021-01-22 15:39 gzhjj 阅读(131) 评论(0) 推荐(0)
Vue.js — 计算属性和侦听器
摘要：1. 计算属性和侦听器 1.1 计算属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </he 阅读全文
posted @ 2021-01-22 15:19 gzhjj 阅读(121) 评论(0) 推荐(0)
Vue.js — 声明式渲染
摘要：1.模板语法 1.1 双大括号 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head> < 阅读全文
posted @ 2021-01-22 15:10 gzhjj 阅读(192) 评论(0) 推荐(0)
自定义指令 — Vue.js
摘要：1.自定义指令 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> 阅读全文
posted @ 2021-01-22 11:51 gzhjj 阅读(181) 评论(0) 推荐(0)
混入 — Vue.js
摘要：1.混入 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </h 阅读全文
posted @ 2021-01-22 11:33 gzhjj 阅读(162) 评论(0) 推荐(0)
深入了解Vue组件 — 处理边界情况（下）
摘要：4.模板定义的替代品 4.1 内联模板 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .baseCss { border: 5px solid red; padding: 2rem; } </style> <script s 阅读全文
posted @ 2021-01-22 11:27 gzhjj 阅读(136) 评论(0) 推荐(0)
深入了解Vue组件 — 处理边界情况（上）
摘要：1.访问元素 & 组件 1.1 访问根实例 我们可以通过$root属性访问根实例。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.jsdelivr.net/ 阅读全文
posted @ 2021-01-22 11:24 gzhjj 阅读(234) 评论(0) 推荐(0)
深入了解Vue组件 — 动态组件和异步组件
摘要：1.动态组件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #app { font-size: 0 } .dynamic-component-demo-tab-button { padding: 6px 10px; bord 阅读全文
posted @ 2021-01-22 10:50 gzhjj 阅读(831) 评论(0) 推荐(0)
深入了解Vue组件 — 插槽
摘要：1.插槽 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </h 阅读全文
posted @ 2021-01-22 10:31 gzhjj 阅读(333) 评论(0) 推荐(0)
深入了解Vue组件 — 自定义事件
摘要：1.自定义事件 1.1 事件名 v-on事件监听器在 DOM 模板中会被自动转换为全小写（因为 HTML 是大小写不敏感的），所以v-on:myEvent将会变成v-on:myevent——导致myEvent不可能被监听到。 因此，我们推荐你使用短横线分隔命名的事件名。 1.2 自定义组件的v-mo 阅读全文
posted @ 2021-01-21 17:53 gzhjj 阅读(453) 评论(0) 推荐(0)
深入了解Vue组件 — Prop（下）
摘要：1.4 单向数据流 所有的prop都是从父组件传递到子组件中，反过来则不行。 每次父组件发生更新时，子组件中的所有prop都将会刷新为最新的值。 我们不应该在子组件内部改变prop。 两种常见的试图改变prop的情形： ① 这个prop用来传递一个初始值；这个子组件将其作为一个本地的prop数据来使 阅读全文
posted @ 2021-01-21 16:49 gzhjj 阅读(355) 评论(0) 推荐(0)
深入了解Vue组件 — Prop（上）
摘要：1.Prop 1.1 Prop的大小写 HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https: 阅读全文
posted @ 2021-01-21 16:13 gzhjj 阅读(428) 评论(0) 推荐(0)
深入了解Vue组件 — 组件注册
摘要：1.组件注册 我们使用Vue.component注册组件，Vue.component的第一个参数就是组件名。 Vue.component('my-component-name', { /* ... */ }) W3C规范的自定义组件名，其字母全小写且可以包含连字符-。 使用上面的自定义组件的方式是< 阅读全文
posted @ 2021-01-21 15:53 gzhjj 阅读(760) 评论(0) 推荐(0)
使用命令行工具创建Vue项目
摘要：1.安装NPM NPM是包管理工具，使用命令行工具创建Vue项目之前先要通过NPM安装vue-cli。 所以先验证本地是否安装了Node.js和NPM。 2.创建Vue项目 安装好NPM后，安装vue-cli只需在命令行窗口输入npm install --global vue-cli，按回车即可。 阅读全文
posted @ 2021-01-21 15:52 gzhjj 阅读(877) 评论(0) 推荐(0)
Vue.js — 组件基础
摘要：1.组件基础 1.1 组件的复用 组件是可复用的Vue实例。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2 阅读全文
posted @ 2021-01-21 15:44 gzhjj 阅读(211) 评论(0) 推荐(0)
Vue.js — 表单输入绑定
摘要：1.表单输入绑定 你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将 Vue 实例的数据作为数据来源。 1.1 文本 <!DOCTYPE h 阅读全文
posted @ 2021-01-21 15:14 gzhjj 阅读(252) 评论(0) 推荐(0)
Vue.js — 事件处理
摘要：1.事件处理 1.1 监听事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></ 阅读全文
posted @ 2021-01-21 14:44 gzhjj 阅读(142) 评论(0) 推荐(0)
Vue.js — 列表渲染
摘要：1.列表渲染 1.1 v-for <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js">< 阅读全文
posted @ 2021-01-20 17:56 gzhjj 阅读(309) 评论(0) 推荐(0)
Vue.js — 条件渲染
摘要：1.条件渲染 1.1 v-if、v-else-if、v-else <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .base { color: 'blue'; font-size: 30px; } .override { co 阅读全文
posted @ 2021-01-20 17:36 gzhjj 阅读(147) 评论(0) 推荐(0)
Vue.js — Class与Style绑定
摘要：1.绑定Class 1.1 对象语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #app>div { width: 100px; height: 100px; margin-bottom: 5px; background 阅读全文
posted @ 2021-01-20 17:18 gzhjj 阅读(233) 评论(0) 推荐(0)
Vue实例 — Vue.js
摘要：1.创建一个Vue实例 通过Vue函数创建一个Vue实例。 var vm = new Vue({ // 选项 }) 当创建一个 Vue 实例时，你可以传入一个选项对象。 一个 Vue 应用由一个通过new Vue创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。 2.数据与方法 <!DO 阅读全文
posted @ 2021-01-20 17:17 gzhjj 阅读(312) 评论(0) 推荐(0)
柱状图中最大的矩形 - 单调栈
摘要：1.题目描述 给定n个非负整数，用来表示柱状图中各个柱子的高度。每个柱子彼此相邻，且宽度为1。 求在该柱状图中，能够勾勒出来的矩形的最大面积。 示例: 输入: [2,1,5,6,2,3] 输出: 10 2.题解 public int largestRectangleArea(int[] height 阅读全文
posted @ 2021-01-11 15:37 gzhjj 阅读(130) 评论(0) 推荐(0)
子集 - 迭代法和递归法
摘要：1.题目描述 给你一个整数数组nums，返回该数组所有可能的子集（幂集）。解集不能包含重复的子集。 示例 1： 输入：nums = [1,2,3] 输出：[[],[1],[2],[1,2],[3],[1,3],[2,3],[1,2,3]] 示例 2： 输入：nums = [0] 输出：[[],[0] 阅读全文
posted @ 2021-01-11 11:01 gzhjj 阅读(264) 评论(0) 推荐(0)
爬楼梯 - 矩阵快速幂
摘要：1.题目描述 假设你正在爬楼梯。需要n阶你才能到达楼顶。 每次你可以爬1或2个台阶。你有多少种不同的方法可以爬到楼顶呢？ 注意：给定n是一个正整数。 示例 1： 输入： 2 输出： 2 解释： 有两种方法可以爬到楼顶。 1. 1 阶 + 1 阶 2. 2 阶 示例 2： 输入： 3 输出： 3 解释 阅读全文
posted @ 2021-01-08 11:29 gzhjj 阅读(299) 评论(0) 推荐(0)