![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 52
ai酸的博文
写Bug,我是认真的。
展开
-
浅谈hashchange和popstate事件触发条件
hashchange和popstate触发条件原创 2021-12-09 16:14:04 · 9053 阅读 · 1 评论 -
博文的跑路笔记
欢迎来到博文的跑路笔记,不定时更新~原创 2023-05-12 20:05:01 · 2149 阅读 · 1 评论 -
js:使用proxy代理模拟vue双向绑定
【代码】js:使用proxy代理模拟vue双向绑定。原创 2023-01-02 19:05:00 · 218 阅读 · 0 评论 -
JavaScript:手撕reduce()方法
【代码】JavaScript:手撕reduce()方法。原创 2022-11-24 19:28:26 · 257 阅读 · 0 评论 -
JavaScript:if()表达式和==原理
if()表达式其实就是Boolean(),而==就是Number()。原创 2022-11-14 17:28:40 · 612 阅读 · 0 评论 -
Js和Canvas实现水印且控制台不可删除
【代码】通过Js和Canvas实现水印且控制台不可删除。原创 2022-09-27 20:00:34 · 808 阅读 · 0 评论 -
简单介绍js中的Object.freeze()函数
Object.freeze() 方法介绍、用途。原创 2022-07-11 10:42:07 · 485 阅读 · 0 评论 -
浅谈JavaScript中的forEach、for in和for of循环的基本用法和区别。
forEach、for in和for of的基本用法和区别。原创 2022-06-27 21:39:35 · 419 阅读 · 0 评论 -
js两种方法删除对象属性
JavaScript两种方法删除对象属性原创 2022-04-17 20:51:28 · 5867 阅读 · 0 评论 -
js防抖节流函数的实现与优化
四种方案完成防抖节流函数的实现与优化。原创 2022-03-29 16:54:00 · 1225 阅读 · 0 评论 -
趣谈js的六种继承方式
注:本文内容知识来源 https://www.cnblogs.com/ranyonsue/p/11201730.html故事一原型链继承子类构造函数.prototype = new 父类构造函数缺点子类实例无法像父类构造函数传参。子类实例共享父类实例的属性,且父类原型上的属性是共用的。只能继承一个父类。思考子类实例:我能通过隐式原型__proto__拿到父类实例的属性,但是我俩是共用相同的属性哎!虽然他是我爸,但是…而且,别人java都允许有干爹(接口),为啥我没有?我:得加钱.原创 2022-01-07 12:02:10 · 262 阅读 · 0 评论 -
前端好文章
前端知识点讲解比较好的文章原创 2021-09-23 16:16:24 · 221 阅读 · 0 评论 -
封装Cookie常用方法(增删查改)
引用import {set,get,remove} from './cookie.js'代码// 写入Cookieconst set = (name, value, { maxAge, domain, path, secure} = {}) => { // document.cookie = `username=name` let cookieText = `${encodeURIComponent(name)}=${encodeURICom原创 2021-09-17 10:06:00 · 136 阅读 · 0 评论 -
JS 异或运算 判断两个Number类型数据是否异号
const jisuan = (a,b)=>(a>0)^(b>0)计算结果代表含义值为0,代表同号。值为1,代表异号。示例jisuan(1,2),结果为0。jisuan(-1.1,2),结果为1。jisuan(2,-2),结果为0。原创 2021-09-14 18:57:52 · 456 阅读 · 0 评论 -
ES6 使用Promise异步加载图片例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>异步加原创 2021-09-08 17:13:58 · 425 阅读 · 1 评论 -
JavaScript 数组去重
方法一将数组放入Set对象去重使用Set对象for each方法遍历存入新数组const arr = [1,2,1];const s = new Set(arr);const newArr = [];s.forEach(function(key,value,s){ newArr.push(key);})方法二将数组放入Set对象去重使用展开运算符转为数组const arr = [1,2,1];const s = new Set(arr);const newArr原创 2021-09-07 11:01:07 · 44 阅读 · 0 评论 -
ES6 解构赋值例子
// 初始化const obj = { x:1, y:[2,3,4], z:{ a:5, b:6 }}// 解构赋值const {x,y,y:[y1,y2,y3],z,z:{a,b}} = obj原创 2021-09-06 16:51:17 · 174 阅读 · 1 评论 -
js深克隆与浅克隆
浅克隆若对象的某些属性值是引用类型值,则不进一步克隆它们,只传递它们的引用。var obj2 = {};for(var key in obj1){ obj2[key] = obj1[key]}深克隆不论对象的属性值是否引用类型值,都能实现克隆。function deepClone(o) { // 判断o是对象还是数组 if (Array.isArray(o)) { var result = [] for (var i = 0; i <原创 2021-08-28 11:42:30 · 94 阅读 · 0 评论 -
基于CSS3、JavaScript实现轮播图翻页,自动播放
文章目录前言一、效果图二、HTML结构三、主要原理1.单图显示原理1.1主要代码2.图片翻页原理2.1移动2.2过渡2.3最后一张右翻页和第一张左翻页二、步骤2.读入数据总结前言回顾实现轮播图时,发现淘宝、小米和京东等首页使用的轮播图翻页均是用CSS3 tranlate3D实现的,与之前使用绝对定位,更改left值或绝对定位,更改index值达到翻页效果不同,于是尝试了一下。提示:以下是本篇文章正文内容,下面案例可供参考一、效果图二、HTML结构代码如下(示例用4个轮播图片):<!原创 2021-08-13 13:52:50 · 2660 阅读 · 2 评论 -
CSS3动画实现小熊奔跑
小熊奔跑原创 2021-08-13 11:26:29 · 317 阅读 · 0 评论 -
vertical-align详解
vertical-align详解1、定义2、vertical-align常用属性值3、属性值图解4、常用场景Tips:内容主要来源于pink老师上课内容。1、定义vertical-align 属性设置元素的垂直对齐方式。2、vertical-align常用属性值baseline:默认值,元素放置在父元素的基线上。top:把元素的顶端与行中最高元素的顶端对齐;middle:把此元素放置在父元素的中部。bottom:把元素的顶端与行中最低的元素的顶端对齐。3、属性值图解4、常用场景原创 2021-08-07 11:42:54 · 29173 阅读 · 1 评论