随笔分类 -  Javascript

摘要:前言 在上一篇丝滑的贝塞尔曲线:从数学原理到应用介绍贝塞尔曲线实现动画时给自己留了一个坑,实现的动画效果和CSS的transition-timing-function: cubic-bezier差别较大,如下图所示,红色为Linear、绿色为CSS的cubic-beizer、蓝色为自己实现的cbez 阅读全文
posted @ 2023-04-06 14:50 heavi 阅读(1806) 评论(1) 推荐(9) 编辑
摘要:1.isArray 语法:Array.isArray(obj) 说明:判断一个对象是否是数组。 例如: Array.isArray([]); Array.isArray([1]); Array.isArray(new Array()); // Little known fact: Array.prototype itself is an array: Array.isArray(Array.pro... 阅读全文
posted @ 2017-03-11 16:10 heavi 阅读(437) 评论(0) 推荐(0) 编辑
摘要:在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能。先看看浏览效果: 当滚动条滚动到页面底部时,提示“正在加载…”。 当页面已经加载了所有数据后,滚动到页面底部会提示“ 阅读全文
posted @ 2016-09-13 00:45 heavi 阅读(15442) 评论(12) 推荐(10) 编辑
摘要:文档坐标和视口坐标 视口坐标是相对于窗口的坐标,而文档坐标是相对于整个文档而言。例如,在文档坐标中如果一个元素的相对于文档的Y坐标是200px,并且用户已经把浏览器向下滚动了75px,那么视口坐标中元素的Y坐标为200px – 75px = 125px。 如何获取浏览器滚动条的位置?Window对象 阅读全文
posted @ 2016-09-12 09:07 heavi 阅读(12435) 评论(2) 推荐(6) 编辑
摘要:使用vue.js原文介绍:Vue.js是一个构建数据驱动的web界面库。Vue.js的目标是通过尽可能简单的API实现响应式数据绑定和组合的视图组件。vue.js上手非常简单,先看看几个例子: 例一:Helloworld html代码: js代码: 例二:双向绑定 说明:html中以v-开头的标记都 阅读全文
posted @ 2016-09-07 23:20 heavi 阅读(9511) 评论(9) 推荐(40) 编辑
摘要:No1.语法和类型 1.声明定义 变量类型:var,定义变量;let,定义块域(scope)本地变量;const,定义只读常量。 变量格式:以字母、下划线“_”或者$符号开头,大小写敏感。 变量赋值:声明但未赋值的变量在使用时值为undefined,未声明的变量直接使用会抛异常。 未赋值变量作计算: 阅读全文
posted @ 2016-07-26 00:10 heavi 阅读(4621) 评论(0) 推荐(10) 编辑
摘要:为什么有Source map CSS和JS脚本正变得越来越复杂,为了解决网络瓶颈,大部分源代码都需要经过编译、合并、压缩才能运用到实际环境中。为了减少网络资源占用,源码一般都会经过以下方式处理: 使用css框架合并压缩css文件; 使用js合并插件,减少网络请求次数; 压缩js文件,降低网络占用; 阅读全文
posted @ 2016-07-24 21:31 heavi 阅读(2270) 评论(1) 推荐(6) 编辑
摘要:要了解JavaScript对象,我们可以从对象创建、属性操作、对象方法这几个方面入手。概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量 1.2 通过new创建对象 1.3 Object.create 2.属性管理 2.1 属性查询和设置 2.2 删除属性 2.3 检测属性 2.4 枚举属 阅读全文
posted @ 2016-07-15 00:31 heavi 阅读(1286) 评论(3) 推荐(5) 编辑

点击右上角即可分享
微信分享提示