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