摘要: 前言 此篇文章主要是因为在看Virtual DOM(虚拟DOM)的时候看到的主要讲的是实现Virtual Dom 的diff算法,原文地址:https://calendar.perfplanet.com/2013/diff/ 译文 React是一个Facebok开发的用于构建用户界面的JavaScr 阅读全文
posted @ 2017-03-11 15:57 Kasmine 阅读(622) 评论(0) 推荐(0) 编辑
摘要: 前言 这是阿里春招实习在线编程的一道题目: 用js实现,弹窗弹出时需要有半透明的蒙层,位置需要根据弹窗的大小实现左右、垂直居中,对话框需要有标题栏(标题栏有关闭功能)、内容栏、操作按钮栏,不能直接使用第三方UI库。 回答完这道题目之后,我想说总结一下自己封装的这个弹窗插件,只是简单的完成了部分功能, 阅读全文
posted @ 2017-03-10 22:08 Kasmine 阅读(4570) 评论(0) 推荐(1) 编辑
摘要: 一、与类相关的扩展 class属性的应用极其广泛,与class的相关的操作也越来越简化,HTML5增加了 getElementsByClassName来查找元素,通过也增加了classList属性,方便我们对class进行操作,下面总结了一个ClassUtil : 注意:支持classList属性的 阅读全文
posted @ 2017-03-05 21:57 Kasmine 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 问题缘由 有时候,我们要实现展示两种图片的对比效果,通常是之前和之后的效果比较。在这种情况下,我们想到的可以是使两种图片并排放置,通过比较来观察区别,但是为了对比更加强烈,我们通常会使用的是,将两种图片放置在同一位置,比如 美图秀秀 等等工具,就是通过原图和处理的后的效果图,通过一个按钮,进行比较, 阅读全文
posted @ 2017-03-04 19:22 Kasmine 阅读(1760) 评论(0) 推荐(0) 编辑
摘要: 前言 这一篇主要是总结关于结构和布局的一些技巧,不管什么,一个网页上来,最重要的是先确定他的结构和布局,实现基本的布局之后,我们再进行局部的优化和交互特效。 这一篇主要讲 关于 自适应内部元素 的内容 自适应内部元素 问题缘由:我们都知道元素可以自动适应内容的高度,但是如何实现宽度也如此呢,换句话说 阅读全文
posted @ 2017-03-04 14:25 Kasmine 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 介绍: 今日看到一道面试题,关于 使用纯CSS,不利用js, 写一个简单的幻灯效果页面。于是做了一个小demo,建议使用chrome,IE11查看~~ 主要思想: 利用 CSS3的 伪类选择器 :target ,更多内容可查看 MDN 原理介绍: :target伪类可以指定当前锚点目标元素的样式 一 阅读全文
posted @ 2017-03-04 02:19 Kasmine 阅读(4164) 评论(0) 推荐(0) 编辑
摘要: 前言 最近,面试的时候都碰到一些关于利用CSS实现多列等高布局或者一侧宽度固定,另一侧宽度自适应的问题,下面稍微总结一下: 先看一道题目 巧妙的多列等高布局 规定下面的布局,实现多列等高布局,要求两列背景色等高。 方法一:使用flex布局 缺点: IE9及IE9以下版本不支持flex属性 优点:实现 阅读全文
posted @ 2017-03-03 21:54 Kasmine 阅读(5916) 评论(0) 推荐(1) 编辑
摘要: 关于CSS技巧的一些题目 题目列表 所有答案点击题目链接 1、 "下面这个左边竖条图形,只使用一个标签,可以有多少种实现方式:" 2、 "类似下面这样的条纹边框,只使用一个标签,可以有多少种实现方式 从条纹边框的实现谈盒子模型:" 技巧: + 利用linea gradient 渐变 缺点:IE9及以 阅读全文
posted @ 2017-03-03 20:25 Kasmine 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 如输入: 字符打印结果: 具体实现: 阅读全文
posted @ 2017-02-25 02:59 Kasmine 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 前言:本文主要是用JavaScript实现数据结构中的各种排序算法,例如:插入排序、希尔排序、合并排序等。 冒泡排序 时间复杂度: 最差 O(n2) ; 最优 O(n) 插入排序 插入排序的基本原理如下图:从前向后构建有序序列,对于未排序序列,在已排序的序列中从后向前扫描插入位置,对于第p个元素,需 阅读全文
posted @ 2017-02-24 22:26 Kasmine 阅读(280) 评论(0) 推荐(0) 编辑