![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 78
奔跑的杰尼龟
菜鸟也疯狂
展开
-
Web前端学习笔记2——css基础1
目录 1. 选择器 1.1 基础选择器 1.2 复合选择器 2. 文本属性 2.三种样式表写法 3. 块元素与行内元素的区别 3.1 块元素 3.2 行内元素 3.3 行内块元素(内联元素) 3.4 display属性----元素转换 4. css 三大特性 4.1 层叠性 4.2 继承性 4.3 优先级 4.4 权重叠加 5. 超链接常用属性 6. 背景...原创 2018-11-19 22:33:18 · 573 阅读 · 0 评论 -
Vue 全局引入bus实现兄弟组件通信
简述 本文是一篇记录vue使用技巧的简短文章,该文记录的是vue中兄弟组件间通信的方式,之前经历了第一个vue app项目,也是想积淀一下,之前是在项目中是在需要的vue中对bus进行引入,对于这类常见的工具最好提倡是全局引入进行一定的封装。 局部使用案例 bus.js import Vue from 'vue' export const Bus = new Vue(); 接收总线通知 imp...原创 2019-04-20 21:01:23 · 2222 阅读 · 0 评论 -
前端 文档流定位详解
常规文档流 默认定位为static 熟悉absolute定位 绿色新增定位为absolute 可以发现这里的定位是相当于浏览器的 .three{ position: absolute; top: 0; height: 100px; width: 100px; background-color: #4B946...原创 2019-03-14 19:37:41 · 567 阅读 · 0 评论 -
前端开发——容器布局垂直居中
本案例记录的是前端中容器居中的案例 margin:0 auto 已经可以实现子元素水平居中于父容器中。 方式1:定位子绝父相 <div style="height: 100px;width:200px;background: lime;position: relative"> <div id="center_method_one"> ...原创 2019-02-21 09:45:56 · 662 阅读 · 0 评论 -
JS高级笔记2
布尔类型校验 function whichBoolean() { testBool(undefined); // false testBool(null); // false testBool(""); // false } function testBool(value) { if (! value) { console.log(value+" is ...原创 2019-02-28 11:27:40 · 200 阅读 · 0 评论 -
ES6笔记
let 变量 /** * es6 中 let定义的变量无变量提升 */ function letTest() { console.log(foo); var foo = 10; // undefined console.log(foo2); let foo2 = 11; // ReferenceError } /** * es6 中l...原创 2019-03-02 22:28:10 · 203 阅读 · 0 评论 -
JS高级笔记1(对象_原型_封装)
目录 1.对象 2.原型对象学习 3. 原型链 4.函数封装 5. this学习 6.闭包 1.对象 创建对象的方式 // 1. 对象字面量 // 只能创建一次对象,复用性较差,代码冗余度高 let obj = { name:'zxl', age:18 }; obj['sex'] = '男'...原创 2019-02-25 11:01:58 · 420 阅读 · 0 评论 -
Web前端学习笔记1——基础的HTML5
目录 1. 超链接 2. 特殊符号 3. 列表 4. 其他常用标签 5. meta和link标签 6. 表格标签 7. 基础表单 HTML: 提供网页上显示的内容(结构) CSS: 美化网页(样式) JavaScript:控制网页行为(行为) 设计原则:结构 样式 行为分离 主要记录的是JavaScript学习过程中HTML的一些常用标签 1. 超链接 —...原创 2018-11-19 22:33:03 · 503 阅读 · 2 评论 -
Vue log工具类使用
1.简介 该文记录了vue中日志工具的使用,全局使用,生产环境隐藏log日志 2.使用 /** * 描述:日志帮助工具 * @ClassName log * @Author apple * @Date 2019-04-20 21:12 * @Version 1.0 */ // 应用发布时为true,开发阶段为false // 很轻松的取消日志 let isBuild = false;...原创 2019-04-20 21:43:53 · 5658 阅读 · 0 评论