liangyuqi - 博客园

2017年10月25日

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

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

前端数据可视化echarts.js

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

posted @ 2017-10-25 15:47 liangyuqi 阅读(300) 评论(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 阅读(371) 评论(0) 推荐(0) 编辑

2017年10月24日

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

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

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

vue学习笔记

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

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

2017年10月14日

Flex布局

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

posted @ 2017-10-14 17:07 liangyuqi 阅读(235) 评论(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 阅读(4080) 评论(0) 推荐(0) 编辑

2017年10月10日

【Web前端】用CSS3实现弹幕

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

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

2017年10月9日

清除float影响

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

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