2022年2月9日
js原型链
摘要： 原型链是什么呢 假设有一个普通对象x=(),那这个x会有一个隐藏属性__proto,这个属性会指向Object.prototype 举个例子： a=[] a.__proto=Array.prototype Array.prototype.__proto=Object.prototype JS 公式: 阅读全文
posted @ 2022-02-09 14:01 亚楠人 阅读(42) 评论(0) 推荐(0)
JS中的数据类型
摘要： 在JavaScript中有8种基本数据类型 分别是: 字符串 string 数字 number 布尔 boolean undefined undefined null null 大整数 bigint 符号 symbol 对象 object 此外，还有3种类，注意并不是类型。 数组 array 函数 阅读全文
posted @ 2022-02-09 13:06 亚楠人 阅读(36) 评论(0) 推荐(0)
2022年2月8日
清除浮动
摘要： 方法一，给父元素加上 .clearfix .clearfix:after{ content: ''; display: block; /*或者 table*/ clear: both; } .clearfix{ zoom: 1; /* IE 兼容*/ } 方法二，给父元素加上 overflow:hi 阅读全文
posted @ 2022-02-08 23:28 亚楠人 阅读(32) 评论(0) 推荐(0)
实现垂直居中
摘要： 一般情况下，只要父元素的height没有写死，就可以通过设置子元素的padding: 100px 0;将子元素垂直居中。 如果写死了高度就很难将子元素居中 其他垂直居中方式 使用table自带功能，tr中td自动垂直居中 <table class="parent"> <tr> <td class=" 阅读全文
posted @ 2022-02-08 23:23 亚楠人 阅读(42) 评论(0) 推荐(0)
Canvas和SVG的区别
摘要： canvas和svg 在网页中绘制图形，通常会使用canvas或者svg标签，那么这两种标签有什么不同呢？ canvas canvas主要是用笔刷来绘制2D图形的位图。 svg svg主要是用标签来绘制不规则矢量图形。 相同点 都是用于绘制2D图形。 不同点 svg是矢量图，canvas是位图。 s 阅读全文
posted @ 2022-02-08 21:53 亚楠人 阅读(477) 评论(0) 推荐(0)
2022年1月24日
手写Promise、Promise.all和Promise.race
摘要： #Promise Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。 一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同步方法那样返回值：异 阅读全文
posted @ 2022-01-24 15:38 亚楠人 阅读(380) 评论(0) 推荐(0)
2021年10月25日
Vue 数据响应式
摘要： 在vue中，数据模型仅仅是普通的 JavaScript 对象，如果对它们进行修改时，视图会进行更新，使得状态管理非常简单直接。 ##使用方法 <template> <div id="app"> <span @click="setName">{{ a }}</span> </div> </templa 阅读全文
posted @ 2021-10-25 17:39 亚楠人 阅读(120) 评论(0) 推荐(0)
跨域
摘要： 同源 在浏览器控制台内输入以下代码，可以获得该网站的源 window.origin location.origin 源的定义: 源=协议+域名+端口号（默认80不显示） 什么是同源： 协议相同 域名相同 端口号相同 跨域 由于浏览器具同同源策略，如果JS运行在源A里，那么就只允许获得源A的数据。 如 阅读全文
posted @ 2021-10-25 14:35 亚楠人 阅读(54) 评论(0) 推荐(0)
Promise
摘要： Promise 的用途 不使用promise的异步处理两个结果时，容易出现以下问题： 1. 不够规范，参数的位置，口头约定 2. 命名随意 3. 容易出现回调地狱 4. 难进行错误处理 promise是一种代码书写方式，为了解决异步编程中回调地狱的问题。 创建一个new Promise 最基本的用法 阅读全文
posted @ 2021-10-25 14:18 亚楠人 阅读(45) 评论(0) 推荐(0)
JS 的继承
摘要： JavaScript 原型的继承 JavaScript 只有一种结构：对象。每个实例对象（object）都有一个私有属性（称之为 proto ）指向它的构造函数的原型对象（prototype）。该原型对象也有一个自己的原型对象（proto），层层向上直到一个对象的原型对象为 null。根据定义，nu 阅读全文
posted @ 2021-10-25 14:17 亚楠人 阅读(48) 评论(0) 推荐(0)
下一页