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