会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Nola
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
下一页
2018年5月10日
CSS position display float 元素
摘要: 内容待整理。。。
阅读全文
posted @ 2018-05-10 23:52 Nola
阅读(103)
评论(0)
推荐(0)
编辑
使用JS方法使页面滚动到指定元素+优化+API介绍(动画)
摘要: 前言 当页面最上部有顶部菜单是,使用锚点跳转的方法很容易挡住想要呈现的内容(如下图技能两个字被挡住了一半),为避免出现这样的问题,故滚动到指定元素使用用JS的方法来实现。 目录 正文 1 使用的API简介 document.querySelectorAll preventDefault curren
阅读全文
posted @ 2018-05-10 21:51 Nola
阅读(2014)
评论(0)
推荐(0)
编辑
2018年5月8日
利用@keyframe及animation做一个页面Loading时的小动画
摘要: 前言 利用@keyframe规则和animation常用属性做一个页面Loading时的小动画。 1 @keyframe规则简介 @keyframes定义关键帧,即动画每一帧执行什么。 要使用关键帧, 先创建一个带名称的@keyframes规则,以便后续使用 animation-name 这个属性来
阅读全文
posted @ 2018-05-08 21:20 Nola
阅读(5119)
评论(0)
推荐(0)
编辑
2018年4月29日
用canvas画一个的小画板(PC端移动端都能用)
摘要: 前言 本篇的内容主要包括: 正文 1 canvas标签简介 2 画板的功能简介 画板的主要功能有:1 画笔功能(多种画笔颜色、画笔粗细),2 橡皮擦功能 ,3 一键清除功能 , 4 一键保存功能。 画板效果如下图所示, 3 画板的JS部分 获取画布 使画板全屏幕显示且自适应 绘画时的三种状态(鼠标点
阅读全文
posted @ 2018-04-29 19:28 Nola
阅读(2801)
评论(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
阅读(827)
评论(0)
推荐(0)
编辑
2018年4月21日
使用终端改变MAC默认截图存放地址
摘要: 使用终端改变MAC默认截图存放地址的过程主要分为两步: 第一步:输入如下命令,回车 第二步:输入如下命令,应用刚才的操作 操作代码如下图:
阅读全文
posted @ 2018-04-21 18:44 Nola
阅读(300)
评论(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
阅读(142)
评论(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
阅读(825)
评论(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
阅读(182)
评论(0)
推荐(0)
编辑
2018年4月14日
用CSS伪类制作一个不断旋转的八卦图?
摘要: 前言 介绍一下如何制作一个不断旋转的八卦图。快速预览代码及效果,点击:八卦图 代码如下:
阅读全文
posted @ 2018-04-14 21:15 Nola
阅读(575)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
下一页
公告