摘要: 使用css动画实现类似微信读书加载图标的效果,效果图如下: 实现过程 页面DOM,定义一个 book icon 容器,里面有 page left、page right 两个书页,书页内各有 3 个 ``表示行。 book icon 、page 、span 的样式 span 的动画,每一行逐渐展开 添 阅读全文
posted @ 2019-08-07 16:58 樱桃小丸籽 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 1、JS包含两种数据类型: 值类型(基本类型)和引用类型(对象类型) 值类型都是简单的数据段(Number、String 、Boolean、Null、Undefined),引用类型是由多个值构成对象(Object 、Array 、Function 、Data等)。 我们进行变量赋值时,解析器首先要确 阅读全文
posted @ 2018-11-01 16:25 樱桃小丸籽 阅读(238) 评论(0) 推荐(0) 编辑
摘要: npm-check检查npm依赖包是否有更新,错误以及不在使用的。 安装npm-check npm全局更新包 npm更新某个项目的包 npm更新单个全局包 npm更新项目生产环境依赖包 npm更新项目开发环境依赖包 阅读全文
posted @ 2018-10-11 14:29 樱桃小丸籽 阅读(4146) 评论(0) 推荐(0) 编辑
摘要: 什么是HTML语义化?根据内容的结构,选择合适的HTML标签。使代码优雅易读易维护且有助于爬虫抓取更多的有效信息。 HTML语义化的优点1、在没有CSS的情况下,页面也能呈现出很好的内容结构;2、有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息(爬虫依赖于标签来确定上下文和各个关键 阅读全文
posted @ 2018-07-14 16:29 樱桃小丸籽 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 先放两张效果图。 前两天在微信公众号JavaScript里看到一篇文章 《利用CSS变量实现令人震惊的悬浮效果》,觉得好好看好好玩,就自己动手写了一下。 页面DOM。 鼠标悬停动效,顾名思义,跟鼠标是有很大关系的。首先,我们得 知道鼠标的位置。 1、监听元素的鼠标移动事件; 2、计算鼠标相对元素的位 阅读全文
posted @ 2018-07-03 11:49 樱桃小丸籽 阅读(1776) 评论(0) 推荐(0) 编辑
摘要: JSON.parse() 可将数据转换为 JavaScript 对象。 语法 JSON.parse(str[, reviver]) JSON.parse(str[, reviver]) 参数说明: str: 必需, 一个有效的 JSON 字符串。 reviver: 可选,一个转换结果的函数, 将为对 阅读全文
posted @ 2018-06-11 17:20 樱桃小丸籽 阅读(257) 评论(0) 推荐(0) 编辑
摘要: THREE.js学习 重要的3样东西:场景(Scene)、相机(Camera)、渲染(Renderer) 1、首先新建一个场景(Scene)(ps:这里的场景类似flash的舞台)2、然后新建一个相机(Camera),three.js里有很多不同的相机。官方示例里用的是--透视投影相机(Perspe 阅读全文
posted @ 2018-04-17 17:19 樱桃小丸籽 阅读(174) 评论(0) 推荐(0) 编辑
摘要: JavaScript 中的函数也是对象,因此函数也有属性和方法。 每个函数都包含两个属性:length 和 prototype。其中,length 属性表示函数希望接收的命名参数的个数,prototype属性指向通过调用构造函数而创建的那个对象实例的原型对象。 每个函数都包含两个非继承而来的方法:a 阅读全文
posted @ 2018-03-26 19:04 樱桃小丸籽 阅读(147) 评论(0) 推荐(0) 编辑