会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Olebaba
博客园
首页
新随笔
联系
订阅
管理
2021年4月24日
VueX快速上手
摘要: VueX 是Vue的数据管理框架 背景:在传统的数据传递过程中,父子组件通过属性或者事件传值,多层组件通过provide/inject传值。但是存在一种需求,就是页面级别的数据传递。 基础用法 数据定义: vueX 创建了一个全局唯一的仓库,用来存放全局的数据, 数据在state中定义 数据调用:t
阅读全文
posted @ 2021-04-24 17:24 Olebaba
阅读(82)
评论(0)
推荐(0)
2020年12月9日
flex:align-items和align-content的区别
摘要: 属性值 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
阅读(529)
评论(0)
推荐(0)
2020年12月8日
justify-content属性详解
摘要: justify-content 定义了flexbox flexbox内的元素在主轴的方向上的对齐方式。 它可以设置以下几种对齐方式: 靠近一方 justify-content:center; /*flex元素都居中排列,没有间距*/ justify-content:start; /*flex元素从行
阅读全文
posted @ 2020-12-08 22:15 Olebaba
阅读(7005)
评论(0)
推荐(0)
2020年12月4日
CSS基础-Flexbox
摘要: flexbox 是一种一维的布局模型,它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout,可以同时处理行和列
阅读全文
posted @ 2020-12-04 22:32 Olebaba
阅读(154)
评论(0)
推荐(0)
2020年11月13日
使用eslint将项目中的代码修改统一的缩进
摘要: 背景 继承了组里师兄师姐写的项目的前端代码,但是是两个人写的,有两格缩进的,有四格缩进的,有字符串外用单引号的,有用双引号的。 于是搜索了一下,可以用eslint强制转化。 eslint在github上的链接:https://github.com/eslint/eslint 安装 用VS Code打
阅读全文
posted @ 2020-11-13 17:56 Olebaba
阅读(2651)
评论(0)
推荐(0)
2020年10月7日
let和var变量的思考
摘要: 刚学JavaScript,纠结全局变量用var 还是 let。 这篇文章[来源于知乎]表示 在定义全局变量时,var 和 let 的作用相同。 那么现在基本遵守ES6规范的前提下,函数变量还是for循环中的变量,我都用的是let。 MDN对let的描述 let允许你声明一个作用域被限制在 块级中的变
阅读全文
posted @ 2020-10-07 22:31 Olebaba
阅读(139)
评论(0)
推荐(0)
百度前端技术学院-基础-day22-24
摘要: 第二十二天到第二十四天: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
阅读(209)
评论(0)
推荐(0)
2020年10月5日
百度前端技术学院-基础-day25-27
摘要: 倒数开始 滴答滴 滴答滴 task1 题目: 我们现在来做一个最简单的时钟,通过小练习来学习 Date,复习定时,然后再练习一下函数的封装具体需求如下: 在页面中显示当前日期及时间,按秒更新 格式为 YYYY 年 MM 月 DD 日 星期 D HH:mm:ss 注意位数的补齐,比如:-- 假设时间为
阅读全文
posted @ 2020-10-05 19:57 Olebaba
阅读(200)
评论(0)
推荐(0)
2020年10月4日
百度前端技术学院-基础-day20-21
摘要: 第二十到第二十一天:让你和页面对话 task1 控制元素的显示及隐藏 实现以下功能: 当用户选择了 School 的单选框时,显示 School 的下拉选项,隐藏 Company 的下拉选项 当用户选择了 School 的单选框时,显示 Company 的下拉选项,隐藏 School 的下拉选项 1
阅读全文
posted @ 2020-10-04 21:16 Olebaba
阅读(207)
评论(0)
推荐(0)
2020年9月29日
百度前端技术学院-基础-day17-18
摘要: JavaScript小练习 task 1 基于上一个任务中,关于加减乘除的任务,加上对于特殊情况的判断,比如判断两个输入框是否都是正常输入了数字类型的内容,比如除法的时候除数是否为0,当判断到输入有异常的时候,把错误信息提示到Console中。 1 <!DOCTYPE html> 2 <html>
阅读全文
posted @ 2020-09-29 19:00 Olebaba
阅读(192)
评论(0)
推荐(0)
下一页
公告