2017 年 10月随笔档案 - liangyuqi

css3巧用选择器配合伪元素

摘要：一 . 前言有时我们在写底部导航栏时，会有很多超链接，每个链接间用“|”分割，如下图：可能刚入门的朋友会想到这样完成，再单独设置span的样式，今天主要介绍怎么样用css3简单快速的完成这个效果（ie8不支持）二 . css方法 1.选择不是 a的父元素的最后一个子元素的其他元素设置a 阅读全文

posted @ 2017-10-25 22:37 liangyuqi 阅读(229) 评论(0) 推荐(0)

前端数据可视化echarts.js

摘要：一、echarts.js的优势与总体情况 echarts.js作为国内的IT三巨头之一的百度的推出一款相对较为成功的开源项目，总体上来说有这样的一些优点 1、容易使用 echarts.js的官方文档比较详细，而且官网中提供大量的使用示例供大家使用 2、支持按需求打包 echarts.js官网提供了在阅读全文

posted @ 2017-10-25 15:47 liangyuqi 阅读(310) 评论(0) 推荐(0)

javascript浅拷贝深拷贝详解

摘要：一、浅拷贝浅拷贝在现实中最常见的表现在赋值上面，例如从上面的例子，我们修改test2数组的值，最后打印test数组，发现test也跟着改变了。其实这个就是一个最浅的浅拷贝，相当于test2=test这个阶段是在将test数组中的存储地址索引赋值给test2数组，所以两个数组都是指向同一块存储地阅读全文

posted @ 2017-10-25 11:44 liangyuqi 阅读(194) 评论(0) 推荐(0)

JavaScript定时器实现的原理分析

摘要：原文链接：http://www.cnblogs.com/st-leslie/p/6082450.html 一、储备知识在我们在项目中一般会遇见过这样的两种定时器，第一种是setTimeOut,第二种是setInterval，这两种定时器有如下的区别： 1、setTimeout允许设置一个超时对象，阅读全文

posted @ 2017-10-25 09:49 liangyuqi 阅读(402) 评论(0) 推荐(0)

js对象工厂函数与构造函数

摘要：转自：http://www.cnblogs.com/Jener/p/5920963.html ★概述：使用对象字面量，或者向空对象中动态地添加新成员，是最简单易用的对象创建方法。然而，除了这两种常用的对象创建方式，JavaScript还提供了其他方法创建对象。 ★使用工厂函数创建对象我们可以编写阅读全文

posted @ 2017-10-24 15:16 liangyuqi 阅读(220) 评论(0) 推荐(0)

vue学习笔记

摘要：Vue 中两个核心点 1.响应的数据绑定当数据发生改变，自动更新视图利用 Object.definedProperty 中的 setter/getter 代理数据，监控对数据的操作； 2.组合的视图组件 ui 页面映射为组件树划分组件可维护、可复用、可测试虚拟DOM： 1.运行js的速度是很阅读全文

posted @ 2017-10-24 10:55 liangyuqi 阅读(393) 评论(0) 推荐(0)

Flex布局

摘要：Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 flex 的核心的概念就是容器和轴。容器包括外层的父容器和内层的子容器，轴包括主轴和交叉轴。 1. 容器 1.1 父容器设置子容器沿主轴排列：justify-content（水平方阅读全文

posted @ 2017-10-14 17:07 liangyuqi 阅读(247) 评论(0) 推荐(0)

详解margin： auto

摘要：auto是margin的可选值之一。相信大家平时使用auto值时，最多的用法大概是 margin: 0 auto; 和 margin: auto; 不过你可能也发现了不论是 margin: auto; 还是 margin: 0 auto; 效果都是一样的，都是让 #demo 水平居中了，但纵向并没有阅读全文

posted @ 2017-10-14 15:17 liangyuqi 阅读(4248) 评论(0) 推荐(0)

【Web前端】用CSS3实现弹幕

摘要：初版用css3来实现弹幕确实比较简单，只需要设置动画让弹幕从屏幕右侧移动到屏幕左侧即可，一开始是这样实现的 .danmu { position: fixed; left: 100%; animation: danmu 5s linear 0s 1; } @keyframes danmu { fro 阅读全文

posted @ 2017-10-10 20:46 liangyuqi 阅读(8009) 评论(0) 推荐(1)

清除float影响

摘要：条件：父元素中有子元素float的话，可能就会影响父元素的高度，从而影响布局；解决方案： 1.直接给父元素定高；弊端：必须知道父元素的高； 2. 父元素使用overflow属性值为hidden解决；(父元素触发bfc）弊端：会隐藏溢出的内容，（当需要隐藏时使用，按需使用）为什么用这个属性可阅读全文

posted @ 2017-10-09 20:58 liangyuqi 阅读(237) 评论(0) 推荐(0)

外边距塌陷 margin collapsing

摘要：块的顶部外边距和底部外边距有时被组合(折叠)为单个外边距，其大小是组合到其中的最大外边距，这种行为称为外边距塌陷(margin collapsing)，有的地方翻译为外边距合并。 1.相邻的兄弟姐妹元素可以发现这两个段落中间的距离，不是 ”上面段落的下边距“ 与 ”下面段落的上边距“ 的求和阅读全文

posted @ 2017-10-09 19:50 liangyuqi 阅读(540) 评论(3) 推荐(0)

深入理解BFC

摘要：定义在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作阅读全文

posted @ 2017-10-09 17:24 liangyuqi 阅读(339) 评论(0) 推荐(0)

Less:优雅的写CSS代码

摘要：css是不能够定义变量的，也不能嵌套。它没有编程语言的特性。在项目开发中，常常发现有很多css代码是相同的，但我们通常都是复制然后粘贴。举个例子：假设h5应用里主题色是#FF3A6D，可能用于文字或者背景色。通常开发中，哪里需要这个颜色，我们就复制这个颜色并粘贴。下次要修改就得全部查找批量替换，其阅读全文

posted @ 2017-10-09 15:58 liangyuqi 阅读(1095) 评论(0) 推荐(0)