xiaoxustudy - 博客园

2020年7月12日

摘要：目录： 1. 前期准备 2. Create React App 3. 工具及插件安装第三方插件安装 bootstrap 执行 eject 4. 在线 React 创建前期准备 1. 安装 Node.js。同时建议安装 nvm，nvm 用于进行 Node 版本的控制。 2. 安装编辑器，比如 V 阅读全文

posted @ 2020-07-12 15:42 xiaoxustudy 阅读(461) 评论(0) 推荐(0)

2020年7月4日

使用 display : flow-root 触发 BFC

摘要：（在高度塌陷的笔记中有 BFC 的内容： https://www.cnblogs.com/xiaoxuStudy/p/13222253.html#fourone ）目录：父子盒子兄弟盒子父子盒子例子： <!DOCTYPE html> <html> <head> <meta charset 阅读全文

posted @ 2020-07-04 22:03 xiaoxustudy 阅读(620) 评论(0) 推荐(0)

Vue 【事件&样式】事件

摘要：目录： v-on监听 DOM 事件事件修饰符 v-on 监听自定义事件双向绑定 v-on 监听 DOM 事件 event 例子 Vue 中使用 v-on 来监听 DOM 事件，这里用 v-on 监听了 button 上的 click 事件，并接收一个 add 函数作为响应函数，响应函数写在 m 阅读全文

posted @ 2020-07-04 15:19 xiaoxustudy 阅读(468) 评论(0) 推荐(0)

2020年7月3日

Vue【数据】数组操作

摘要：例子定义数据结构，通过函数 data 返回数组 classmates，假设 classmates 数组中的每一个元素是班上的每一个同学的信息，然后通过 v-for 将每个同学的信息在页面上输出，p 是当前值，index 是当前索引。 <template> <div class="hello"> 阅读全文

posted @ 2020-07-03 23:27 xiaoxustudy 阅读(6041) 评论(0) 推荐(1)

Vue【数据】计算属性和侦听器

摘要：笔记内容：学习编写能够让模板产生响应式变化的数据。目录：计算属性侦听器众所周知，Vue是一个响应式的前端组件框架。响应式即是当业务逻辑中的数据发生改变的时候视图中的内容也会跟着改变。计算属性和侦听器计算属性例子假设班上有许一、许二、许三三位同学，在页面中，名字名字前面是序号，名字后面阅读全文

posted @ 2020-07-03 21:29 xiaoxustudy 阅读(297) 评论(0) 推荐(0)

Vue【数据】Prop&Data

摘要：笔记内容：学习在 Vue 的单文件组件中如何管理数据。目录： data Prop Prop 属性校验众所周知，Vue是一个响应式的前端组件框架。响应式即是当业务逻辑中的数据发生改变的时候视图中的内容也会跟着改变。 Prop&Data 一. data <script> export default 阅读全文

posted @ 2020-07-03 15:13 xiaoxustudy 阅读(1796) 评论(0) 推荐(0)

2020年7月2日

Vue【模板】模板语法、指令、条件渲染、列表渲染、ref、JSX

摘要：主要纪录练习，文字较少，准确的语法概念等参考 Vue 官网文档。目录： 1. 模板语法 2. 指令 3. 条件渲染 4. 列表渲染 5. ref 6. JSX 模板语法 Vue.js 使用了基于 HTML 的模板语法，所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HT 阅读全文

posted @ 2020-07-02 21:44 xiaoxustudy 阅读(1034) 评论(0) 推荐(0)

解决高度塌陷问题

摘要：目录： 1. 产生原因 2. 造成后果 3. 高度塌陷的例子 4. 解决办法方法 1 : 开启父元素的 BFC 方法 2 : 在塌陷的父元素的最后添加一个空白的 div, 然后对该 div 进行清除浮动方法 3 ：使用 after 伪类，向父元素后添加一个块元素，并对其清除浮动产生原因父元素阅读全文

posted @ 2020-07-02 07:59 xiaoxustudy 阅读(728) 评论(0) 推荐(0)

2020年6月30日

vscode 的快捷键

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

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

2020年6月29日

Vue ref

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

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