摘要: VueX 是Vue的数据管理框架 背景:在传统的数据传递过程中,父子组件通过属性或者事件传值,多层组件通过provide/inject传值。但是存在一种需求,就是页面级别的数据传递。 基础用法 数据定义: vueX 创建了一个全局唯一的仓库,用来存放全局的数据, 数据在state中定义 数据调用:t 阅读全文
posted @ 2021-04-24 17:24 Olebaba 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 属性值 align-items的属性值有:baseline、center、flex-end、flex-start、stretch、inherit、initial、unset align-content的属性值 比align-items多了两个:space-around、space-between 当 阅读全文
posted @ 2020-12-09 16:12 Olebaba 阅读(481) 评论(0) 推荐(0) 编辑
摘要: justify-content 定义了flexbox flexbox内的元素在主轴的方向上的对齐方式。 它可以设置以下几种对齐方式: 靠近一方 justify-content:center; /*flex元素都居中排列,没有间距*/ justify-content:start; /*flex元素从行 阅读全文
posted @ 2020-12-08 22:15 Olebaba 阅读(6854) 评论(0) 推荐(0) 编辑
摘要: flexbox 是一种一维的布局模型,它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout,可以同时处理行和列 阅读全文
posted @ 2020-12-04 22:32 Olebaba 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 背景 继承了组里师兄师姐写的项目的前端代码,但是是两个人写的,有两格缩进的,有四格缩进的,有字符串外用单引号的,有用双引号的。 于是搜索了一下,可以用eslint强制转化。 eslint在github上的链接:https://github.com/eslint/eslint 安装 用VS Code打 阅读全文
posted @ 2020-11-13 17:56 Olebaba 阅读(2622) 评论(0) 推荐(0) 编辑
摘要: 刚学JavaScript,纠结全局变量用var 还是 let。 这篇文章[来源于知乎]表示 在定义全局变量时,var 和 let 的作用相同。 那么现在基本遵守ES6规范的前提下,函数变量还是for循环中的变量,我都用的是let。 MDN对let的描述 let允许你声明一个作用域被限制在 块级中的变 阅读全文
posted @ 2020-10-07 22:31 Olebaba 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 第二十二天到第二十四天:JavaScript里面的居民们 task1 题目: <div> <label>Number A:<input id="radio-a" type="radio" name="math-obj" value="a"></label><input id="num-a" type 阅读全文
posted @ 2020-10-07 19:27 Olebaba 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 倒数开始 滴答滴 滴答滴 task1 题目: 我们现在来做一个最简单的时钟,通过小练习来学习 Date,复习定时,然后再练习一下函数的封装具体需求如下: 在页面中显示当前日期及时间,按秒更新 格式为 YYYY 年 MM 月 DD 日 星期 D HH:mm:ss 注意位数的补齐,比如:-- 假设时间为 阅读全文
posted @ 2020-10-05 19:57 Olebaba 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 第二十到第二十一天:让你和页面对话 task1 控制元素的显示及隐藏 实现以下功能: 当用户选择了 School 的单选框时,显示 School 的下拉选项,隐藏 Company 的下拉选项 当用户选择了 School 的单选框时,显示 Company 的下拉选项,隐藏 School 的下拉选项 1 阅读全文
posted @ 2020-10-04 21:16 Olebaba 阅读(207) 评论(0) 推荐(0) 编辑
摘要: JavaScript小练习 task 1 基于上一个任务中,关于加减乘除的任务,加上对于特殊情况的判断,比如判断两个输入框是否都是正常输入了数字类型的内容,比如除法的时候除数是否为0,当判断到输入有异常的时候,把错误信息提示到Console中。 1 <!DOCTYPE html> 2 <html> 阅读全文
posted @ 2020-09-29 19:00 Olebaba 阅读(192) 评论(0) 推荐(0) 编辑