随笔档案「2020年6月」 - xiaoxustudy

vscode 的快捷键

摘要：快速复制一行代码复制到上一行：Shift + Alt + ↑ 复制到下一行：Shift + Alt + ↓ VSCode 自带的 Emmet 语法网络资料：https://www.cnblogs.com/shanzhiming/p/10354873.html 竖直的光标，同时编辑多行 Shift 阅读全文

posted @ 2020-06-30 23:11 xiaoxustudy 阅读(206) 评论(0) 推荐(0)

Vue ref

摘要：Vue 官网中 ref 的部分：https://cn.vuejs.org/v2/api/#ref ref 的作用：如果想要获取元素对象，可以把 ref 绑定到元素上。ref 的作用相当于 dom 中的 querySelector 方法，可以获取到整个元素对象，获取到元素对象就可以进行获取元素对象的阅读全文

posted @ 2020-06-29 18:26 xiaoxustudy 阅读(204) 评论(0) 推荐(0)

Vue 全局注册

摘要：Vue 官网：https://cn.vuejs.org/v2/guide/components-registration.html#%E5%85%A8%E5%B1%80%E6%B3%A8%E5%86%8C 创建全局组件之前： <!DOCTYPE html> <html> <head> <meta c 阅读全文

posted @ 2020-06-29 15:47 xiaoxustudy 阅读(475) 评论(0) 推荐(0)

Vue实例-实现生命周期钩子

摘要：Vue官网： https://cn.vuejs.org/v2/guide/instance.html#%E5%AE%9E%E4%BE%8B%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90 生命周期钩子的API：https://cn.vuej 阅读全文

posted @ 2020-06-29 15:36 xiaoxustudy 阅读(246) 评论(0) 推荐(0)

JavaScript 【BOM】window对象之全局作用域

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。目录： 1. 了解 window 对象 2. 全局作用域了解 window 对象 Q：什么是 window 对象。 A：1. window 对象是通过 JS 访问浏览器窗口的一个接口。window 是 BOM 的核心阅读全文

posted @ 2020-06-18 16:36 xiaoxustudy 阅读(862) 评论(0) 推荐(0)

JavaScript 【事件】焦点事件

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。目录： 1. 了解焦点事件 2. blur 事件 3. focus 事件了解焦点事件 Q: 焦点事件什么时候触发？ A: 当元素获得或失去焦点时触发。 Q: 焦点事件的用处？ A: 利用焦点事件并与 document 阅读全文

posted @ 2020-06-17 22:12 xiaoxustudy 阅读(5550) 评论(0) 推荐(0)

JavaScript 【事件】UI事件

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。目录： 1. 了解 UI 事件 2. load 事件 3. unload 事件 4. resize 事件 5. scroll 事件了解UI事件 Q: UI 是什么意思？ A: UI 是 User Interface 阅读全文

posted @ 2020-06-17 18:45 xiaoxustudy 阅读(810) 评论(0) 推荐(1)

DOM级别

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。 DOM0 实际上并不存在 DOM0 标准。 DOM0 级是 DOM 历史坐标中的一个参照点。具体来说，DOM0 级指的是 IE4.0 和 Netscape Navigator4.0 最初支持的 DHTML DOM1 阅读全文

posted @ 2020-06-16 16:41 xiaoxustudy 阅读(555) 评论(0) 推荐(0)

JavaScript 【事件】事件对象

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。目录： 1. DOM中的事件对象 2. IE中的事件对象 3. 跨浏览器的事件对象 Q : 触发DOM上某个事件时产生一个事件对象event，这个对象中包含什么？ A : 包含导致事件的元素、事件的类型以及其他事件相关阅读全文

posted @ 2020-06-16 15:35 xiaoxustudy 阅读(490) 评论(0) 推荐(0)

【报错】注释包含<body></body>

摘要：不知道报错原因，先记录下来。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <input type="button" id="btn" value="btn"/> <script> document.bod 阅读全文

posted @ 2020-06-15 16:27 xiaoxustudy 阅读(254) 评论(0) 推荐(0)

JavaScript 【事件】事件处理程序

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。目录： 1. HTML 事件处理程序 2. DOM0 级事件处理程序 3. DOM2 级事件处理程序 4. IE 事件处理程序 5. 跨浏览器的事件处理程序 Q: 事件是什么？ A: 事件是用户或浏览器自身执行的某种动阅读全文

posted @ 2020-06-15 14:43 xiaoxustudy 阅读(375) 评论(0) 推荐(0)

JavaScript 【事件】事件流

摘要：以下大部分为学习《JavaScript 高级程序设计》(第 3 版) 所做笔记。目录： 1. 事件冒泡 2. 事件捕获 3. DOM事件流 Q：什么是事件？ A：事件是文档或浏览器窗口中发生的一些特定的交互瞬间。 Q：事件能够实现什么？ A： 1. 事件能够实现 JS 与 HTML 之间的交互 2 阅读全文

posted @ 2020-06-15 00:12 xiaoxustudy 阅读(226) 评论(0) 推荐(0)

Vue Class与Style绑定-绑定内联样式

摘要：Vue官网：https://cn.vuejs.org/v2/guide/class-and-style.html#绑定内联样式学习官网教程。纪录练习。 v-bind:style 绑定一个样式对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8" 阅读全文

posted @ 2020-06-10 14:51 xiaoxustudy 阅读(241) 评论(0) 推荐(0)

Vue Class与Style绑定-绑定HTML Class

摘要：Vue官网：https://cn.vuejs.org/v2/guide/class-and-style.html#绑定-HTML-Class 学习官网教程。纪录练习。可以传给 v-bind:class 一个对象，动态地切换 class <!DOCTYPE html> <html> <head> < 阅读全文

posted @ 2020-06-10 14:33 xiaoxustudy 阅读(353) 评论(0) 推荐(0)

Vue 创建一个页面

摘要：模板渲染当前 App.vue ： <template> <div> 我来自App.vue </div> </template> 页面表现：组件通信 Vue 的单文件组件通过一个类似HTML文件的.vue文件就能描述清楚一个组件所需的模板、样式、逻辑。在 components 目录下新建 Say 阅读全文

posted @ 2020-06-09 13:41 xiaoxustudy 阅读(7542) 评论(0) 推荐(0)

Vue 创建项目、单文件组件、命名规范

摘要：目录： 1、创建项目 2、单文件组件 3、命名规范创建项目 Vue CLI 是 Vue.js 开发的标准工具，可以通过npm install -g @vue/cli 或者 yarn global add @vue/cli 这两个方式在系统全局中安装。可以通过 vue create my-proje 阅读全文

posted @ 2020-06-09 12:19 xiaoxustudy 阅读(2575) 评论(0) 推荐(0)

了解 React

摘要：React 是用于构建用户界面的JavaScript库，并不是一整套的前端方案，React 偏重解决 UI 层。由组件component 来组成一个 React 应用。什么是 Component 比如下面布局中的Header、Sidebar、Content1、Content2 可以看成是一个个的组阅读全文

posted @ 2020-06-09 10:49 xiaoxustudy 阅读(213) 评论(0) 推荐(0)

【函数】防抖和节流

摘要：目录： 1、什么是防抖和节流 2、防抖和节流的实现 3、防抖和节流在开发中的使用场景什么是防抖和节流防抖和节流是函数的防抖和函数的节流。在进行窗口的 resize、scroll、输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时，可以采用 d 阅读全文

posted @ 2020-06-01 16:55 xiaoxustudy 阅读(577) 评论(0) 推荐(0)