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