2018年5月10日
CSS position display float 元素
摘要： 内容待整理。。。 阅读全文
posted @ 2018-05-10 23:52 Nola 阅读(108) 评论(0) 推荐(0)
使用JS方法使页面滚动到指定元素+优化+API介绍（动画）
摘要： 前言 当页面最上部有顶部菜单是，使用锚点跳转的方法很容易挡住想要呈现的内容（如下图技能两个字被挡住了一半），为避免出现这样的问题，故滚动到指定元素使用用JS的方法来实现。 目录 正文 1 使用的API简介 document.querySelectorAll preventDefault curren 阅读全文
posted @ 2018-05-10 21:51 Nola 阅读(2043) 评论(0) 推荐(0)
2018年5月8日
利用@keyframe及animation做一个页面Loading时的小动画
摘要： 前言 利用@keyframe规则和animation常用属性做一个页面Loading时的小动画。 1 @keyframe规则简介 @keyframes定义关键帧，即动画每一帧执行什么。 要使用关键帧, 先创建一个带名称的@keyframes规则，以便后续使用 animation-name 这个属性来 阅读全文
posted @ 2018-05-08 21:20 Nola 阅读(5196) 评论(0) 推荐(0)
2018年4月29日
用canvas画一个的小画板（PC端移动端都能用）
摘要： 前言 本篇的内容主要包括： 正文 1 canvas标签简介 2 画板的功能简介 画板的主要功能有：1 画笔功能（多种画笔颜色、画笔粗细），2 橡皮擦功能 ，3 一键清除功能 ， 4 一键保存功能。 画板效果如下图所示， 3 画板的JS部分 获取画布 使画板全屏幕显示且自适应 绘画时的三种状态（鼠标点 阅读全文
posted @ 2018-04-29 19:28 Nola 阅读(2999) 评论(0) 推荐(0)
2018年4月28日
JS的数据类型（包含:7种数据类型的介绍、数据类型的转换、数据类型的判断）
摘要： 前言 最新的 ECMAScript 标准定义了JS的 7 种数据类型，其中包括： 6 种基本类型:Boolean、Null、Undefined、Number、String、Symbol (ECMAScript 6 新定义)； 1个引用类型： Object（包含狭义的对象，Array，function 阅读全文
posted @ 2018-04-28 22:31 Nola 阅读(868) 评论(0) 推荐(0)
2018年4月21日
使用终端改变MAC默认截图存放地址
摘要： 使用终端改变MAC默认截图存放地址的过程主要分为两步： 第一步：输入如下命令，回车 第二步：输入如下命令，应用刚才的操作 操作代码如下图： 阅读全文
posted @ 2018-04-21 18:44 Nola 阅读(312) 评论(0) 推荐(0)
2018年4月16日
Homebrew的安装及使用
摘要： Homebrew是Mac上的软件包管理工具，能在Mac中方便的搜索安装卸载软件。 1 安装 在终端输入一下代码，回车，即可下载。 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/insta 阅读全文
posted @ 2018-04-16 18:49 Nola 阅读(149) 评论(0) 推荐(0)
2018年4月15日
CSS多列布局（实例）
摘要： 前言 1 一列布局 一列布局： HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>一列布局</title> </head> <body> <div class="head">head</div> <div cla 阅读全文
posted @ 2018-04-15 19:53 Nola 阅读(892) 评论(0) 推荐(0)
CSS中元素各种居中方法（思维导图）
摘要： 前言 用思维导图的方式简单总结一下各种元素的居中方法，如下图： 补充一下： table自带功能 100% 高度的 afrer before 加上 inline block优化 div 装成 table margin-top -50% translate -50% absolute margin au 阅读全文
posted @ 2018-04-15 19:36 Nola 阅读(187) 评论(0) 推荐(0)
2018年4月14日
用CSS伪类制作一个不断旋转的八卦图？
摘要： 前言 介绍一下如何制作一个不断旋转的八卦图。快速预览代码及效果，点击：八卦图 代码如下： 阅读全文
posted @ 2018-04-14 21:15 Nola 阅读(594) 评论(0) 推荐(0)