摘要:原文地址: "→传送门" 写在前面 现在es6很流行,尽管各大浏览器都还不能支持它的新特性,但是小伙伴们还是很中意它呀,于是小小的学习的一下 Babel 这里我们不介绍es6相关内容,只是说下入坑前奏,记录下如何使用babel来对es6进行转码~ 1.准备一个项目(文件夹) 进入到你的项目根目录下, 阅读全文
posted @ 2017-09-19 20:13 爱吃面包的兰兰 阅读 (120) 评论 (0) 编辑
摘要:原文地址: "→传送门" 写在前面 滚动条是个很常见的东东,不过某些浏览器自带的滚动条确实不太好看啊,下面可以作为学习,探讨下自定义滚动条的实现,这样你的滚动条就可以美美的啦。但是,也只能玩玩,因为只针对webkit内核的浏览器啊啊啊啊啊! overflow介绍 定义 :overflow 属性指定当 阅读全文
posted @ 2017-08-18 20:06 爱吃面包的兰兰 阅读 (316) 评论 (0) 编辑
摘要:原文地址: "→传送门" 写在前面 之前学习了CSS animation/setTimeout/setInterval/requestAnimationFrame等,这些都可以用在某种场景下的小动画,也可以说是动效。CSS动画君居然强大,但是缺陷也很多啊,有的时候没法满足要求,定时器用在动画中就更不 阅读全文
posted @ 2017-08-09 19:10 爱吃面包的兰兰 阅读 (2714) 评论 (0) 编辑
摘要:原文地址: "→传送门" 写在前面 在五月出捣腾了一把个人博客,但是刚开始只做了一些基础设置,套路也没摸清,基础安装篇请看 "hexo从零开始到搭建完整" ,里面讲到了基础工具的安装及blog项目的文件夹含义,以及RSS添加、域名的绑定等操作,后来想着加点功能,但是奈何我选的主题集成的东西比较少,需 阅读全文
posted @ 2017-08-01 20:42 爱吃面包的兰兰 阅读 (788) 评论 (2) 编辑
摘要:原文地址: "→传送门" 写在前面 setTimeout()是大家再熟悉不过的定时器,但平时对定时器的了解甚少,于是想看看setTimeout()的原理机制。 setTimeout()基础 setTimeout()函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号, 阅读全文
posted @ 2017-07-28 22:50 爱吃面包的兰兰 阅读 (161) 评论 (0) 编辑
摘要:原文地址: "→传送门" 写在前面 在HTML5之前,实现拖放功能需要借助mousedown/mousemove/mouseover/mouseout/mouseup等鼠标事件来完成,HTML5中拖放API的出现使很多事情变简单。下面是做笔记做笔记~ 注:未来得及做兼容,请在chrome中打开。 + 阅读全文
posted @ 2017-07-27 21:18 爱吃面包的兰兰 阅读 (93) 评论 (0) 编辑
摘要:原文地址: "→传送门" window相关宽高属性 1. window.outerHeight (窗口的外层的高度) / window.outerWidth (窗口的外层的宽度) + window.outerHeight获取整个浏览器窗口的高度(单位:像素),包括侧边栏(如果存在)、窗口镶边(win 阅读全文
posted @ 2017-07-27 21:17 爱吃面包的兰兰 阅读 (1162) 评论 (0) 编辑
摘要:原文地址: "→看过来" 写在前面 有的时候感觉写点小玩意儿挺开心的,还能实践很多的小知识点,所以这次学着写了个有趣的鼠标悬浮模糊效果,只使用了css额。 效果图 源码地址 "→传送门" 预览地址 "→传送门" 小知识点 filter: blur(npx); 这个过滤器用来将图片模糊,但是兼容性不太 阅读全文
posted @ 2017-07-27 21:15 爱吃面包的兰兰 阅读 (213) 评论 (0) 编辑
摘要:原文地址 "→看过来" 写在前面 前段时间写一个关于天气的东西,里面的省市区(县)城市选择让我很头疼,在网上搜索出来大都是借助插件或者第三方库,感觉这样做代码会很重,所以索性就把几种城市选择的方式实现一遍,以备日后的不时之需。这三种方法都是针对pc端的,并且都是使用原生js实现的,连jq都没使用,于 阅读全文
posted @ 2017-06-09 21:06 爱吃面包的兰兰 阅读 (228) 评论 (1) 编辑
摘要:原文地址: "→看过来" 写在前面 select 是HTML表单元素中很常用的一个,其中很重要的几个属性常被忽略,但这几个属性却能帮助我们完成很多的功能,当然,select下拉列表默认样式很不友好,所以更多的时候可以自己模拟实现一个同样功能的下拉菜单。下文先介绍select标签的一些属性及使用,后面 阅读全文
posted @ 2017-06-08 23:15 爱吃面包的兰兰 阅读 (6066) 评论 (0) 编辑