vickylinj

2021年2月22日

摘要： function hasPrototypeProperty(object, name) { return !object.hasOwnProperty(name) && (name in object) } 原理：hasOwnproperty()方法会返回一个布尔值，检测属性是否存在于对象中（实例）阅读全文

posted @ 2021-02-22 16:45 vickylinj 阅读(196) 评论(0) 推荐(0) 编辑

【css】Flex布局原理介绍

摘要：引言 CSS3中的 Flexible Box，或者叫flexbox，是用于排列元素的一种布局模式。顾名思义，弹性布局中的元素是有伸展和收缩自身的能力的。相比于原来的布局方式，如float、position，根据盒子模型，就可以计算出元素的展示尺寸（长宽非百分比），除非溢出，否则不依赖于父容器的大阅读全文

posted @ 2021-02-22 14:52 vickylinj 阅读(792) 评论(0) 推荐(0) 编辑

2021年2月21日

【javascript】手写call,apply,bind函数

摘要：考虑两点: 第一个参数为undefined或null的时候，那么会转变为window 改变了this执行，让新的对象可以执行该函数。 call Function.prototype.myCall = function(context) { if (typeof context "undefined" 阅读全文

posted @ 2021-02-21 22:18 vickylinj 阅读(501) 评论(0) 推荐(0) 编辑

http压缩 Content-Encoding: gzip

摘要： HTTP内容编码和HTTP压缩的区别 HTTP压缩，在HTTP协议中，其实是内容编码的一种。在http协议中，可以对内容（也就是body部分）进行编码，可以采用gzip这样的编码。从而达到压缩的目的。也可以使用其他的编码把内容搅乱或加密，以此来防止未授权的第三方看到文档的内容。所以我们说H 阅读全文

posted @ 2021-02-21 14:22 vickylinj 阅读(2697) 评论(0) 推荐(0) 编辑

【javascript】强大的CSS3/JS:帧动画的多种实现方式与性能对比

摘要： Web动画形式首先我们来了解一下Web有哪些动画形式 1. CSS3动画 Transform（变形） Transition（过渡） Animation（动画） 2. JS动画（操作DOM、修改CSS属性值） 3. Canvas动画 4. SVG动画 5. 以Three.js为首的3D动画以上各种阅读全文

posted @ 2021-02-21 11:57 vickylinj 阅读(1857) 评论(0) 推荐(0) 编辑

2021年2月20日

【canvas】html5 canvas常用api总结(二)--图像变换API

摘要： canvas的图像变换api，可以帮助我们更加方便的绘画出一些酷炫的效果，也可以用来制作动画。接下来将总结一下canvas的变换方法，文末有一个例子来更加深刻的了解和利用这几个api。 1.画布旋转api 这里要先了解另一个api translate(x,y):重新定义画布上（0，0）的位置。首先阅读全文

posted @ 2021-02-20 20:32 vickylinj 阅读(424) 评论(0) 推荐(0) 编辑

【canvas】html5 canvas常用api总结(一)--绘图API

摘要： canvas可以绘制出很多奇妙的样式和美丽的效果，通过几个简单的api就可以在画布上呈现出千变万化的效果，还可以制作网页游戏，接下来就总结一下和绘图有关的API。绘画的时候canvas相当于画布，而context相当于画笔。 1.绘制线条 moveTo(x0,y0)：把当前画笔（ictx）移动到（阅读全文

posted @ 2021-02-20 20:12 vickylinj 阅读(524) 评论(0) 推荐(0) 编辑

【javascript】深入理解定时器系列——被誉为神器的requestAnimationFrame

摘要：一、requestAnimationFrame概念与setTimeout和setInterval不同，requestAnimationFrame不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器呢？本文将详细介绍HTML5新增的定时器requestAni 阅读全文

posted @ 2021-02-20 17:40 vickylinj 阅读(579) 评论(0) 推荐(0) 编辑

【webpack】webpack3和webpack4区别

摘要： 1.mode webpack增加了一个mode配置，只有两种值development | production。对不同的环境他会启用不同的配置。 webpack4中通过内置的mode使用相应模式的内置优化。比如设置mode等于'development'，会将 process.env.NODE_ENV 阅读全文

posted @ 2021-02-20 16:17 vickylinj 阅读(408) 评论(0) 推荐(0) 编辑

2021年2月19日

【javascript】html+原生js实现分页功能

摘要： 1、分页功能实现效果如下： 2、代码如下 <!DOCTYPE html > <html> <head> <title> 消息呈现 </title> <link rel="icon" href="picture.ico" type="image/x-icon" /> <script src="../j 阅读全文

posted @ 2021-02-19 22:09 vickylinj 阅读(1342) 评论(0) 推荐(0) 编辑

笔记而已

公告