一天一个小知识
关注
分享
扫一扫
文章平均质量分 73
每天学习一点点，距离大神更近点
哆来A梦没有口袋
偷偷拔尖，惊艳所有人(做兼职中，远程兼职可私信哦)
展开
-
初级前端面试题 - js
脚本，脚本内容是：获取cookie(有个人的列表信息)，并发送到我的服务器（服务器配合跨域），有人查看阅读，就可以轻松的获取访问者的cookie假设有一篇博客<body><p>xxx</p><p>xxx</p>原创 2025-01-07 14:26:18 · 1823 阅读 · 1 评论 -
svg图标的使用
svg图标是基于XML的矢量图描述语言，它是一个可缩放的矢量图形(缩放质量不会有所损失)，可以通过css或者js进行操作。原创 2024-09-10 17:36:55 · 2667 阅读 · 0 评论 -
前端需要注意和了解的SEO
SEO（Search Engine Optimization又叫做搜索引擎优化。是一种方式：利用的规则提高网站在有关搜索引擎内的。原创 2023-05-18 15:50:27 · 760 阅读 · 0 评论 -
从入门到手写call和apply
对于js定义一个函数，如果不是对象的方法，那么它就是全局对象的函数。window对象身上的例：apply和call是一个方法 - 作用是改变函数调用的this指向callapply和call的区别例如如果第一个参数传null手写call手写apply...原创 2022-06-23 15:26:56 · 163 阅读 · 0 评论 -
前端所使用的二进制
MDN关于blob的解释 -Blob - Web API 接口参考 | MDNblob是类文件对象，不一定是JavaScript的原生数据格式,取名来源于SQL数据库，表示二进制大对象。 ...原创 2022-04-19 11:46:52 · 2035 阅读 · 0 评论 -
了解js原型链
在去了解原型链之前，一定要先搞清楚两个概念，一个是prototype,一个__proto__。耐心往下看哦1.prototype 首先什么是prototype?prototype是函数的一个属性，它是一个对象，里面含有两个属性 constructor，__proto__，分别是什么呢？？如下图，constructor是一个构造器，它指向自身，而__proto__指向的是对象 记住：一切对象的根源 - Object.prototype2.__proto_...原创 2020-08-05 09:37:11 · 286 阅读 · 0 评论 -
元素的位置与尺寸
如果把鸡蛋看成一个div,该怎么描述它所在的位置和样式？这就是接下来要描述的知识点啦1.offsetHeight, offsetWidth.offsetLeft, offsetTop, offsetParentel.offsetHeight 任何一个元素的高度(height+padding+border) el.offsetWidth 任何一个元素的宽度(width+padding+border) el.offsetLeft 一个元素距离相对容器的水平偏移 el...原创 2022-01-28 11:54:58 · 1219 阅读 · 0 评论 -
前端的深拷贝与浅拷贝
什么是拷贝？ 拷贝，就是将一个对象obj1复制给另个对象obj2，且obj2的数据发生改变时，obj1不发生改变浅拷贝 只拷贝第一层对象的数据 浅拷贝实现方式 - 1.循环遍历对象，复制 2.利用Object.assign()<!DOCTYPE html><html la...原创 2019-12-12 20:02:56 · 306 阅读 · 0 评论 -
带你快速了解闭包
1.怎么产生闭包:当一个嵌套的内部函数引用了外部函数的变量（函数）时。2.产生的条件：（1）函数嵌套 （2）内部函数引用了外部函数的数据和变量；3.什么是闭包：存在于嵌套函数中，包含了被引用变量（函数）的对象。4.常见的闭包：（1）将函数作为另一个函数的返回值 function fn1() { var a = 2...原创 2018-11-20 17:10:54 · 708 阅读 · 0 评论 -
关于图片懒加载问题 - 原理和实现
1.什么是图片懒加载 图片懒加载就是鼠标滑动到哪里，图片加载到哪里。总的来说，一般页面打开，会同时加载页面所有的图片，如果页面的图片请求太多会造成很卡很慢的现象，为了避免这一现象，利用懒加载图片的方法，提高性能（典型：淘宝）2. 实现图片懒加载的原理 图片懒加载的实现原理：将图片的地址放在data-set属性中，由于图片并没有在src中，并不会发送http请求。比...原创 2019-04-27 15:12:14 · 10926 阅读 · 1 评论 -
跨域及其解决方案
不得不说的同源策略一说跨域，一定会先说同源策略，有时间的可以看一下官方解释的同源策略https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy同源策略：同源策略是浏览器的一个安全行为，是指浏览器对不同源的脚本或文本的访问方式进行限制。那么什么是同源呢？同源：指两个页面具有相同的协议，域名，端口号为什么需要同源策略？浏览器为了保护用户的数据安全，尽可能阻止跨域攻击，浏览器是公共资源，而一个网...原创 2020-08-19 14:29:08 · 1174 阅读 · 0 评论 -
前端的一些加密方式
方式一 ：md5什么是md5?百度的解释 -MD5是message-digest algorithm 5（信息-摘要算法）的缩写，bai被广泛用于加du密和解密技术上，它可以说是文件的“数zhi字指纹dao”。任何一个文件，无论是可执行程序、图像文件、临时文件或者其他任何类型的文件，也不管它体积多大，都有且只有一个独一无二的MD5信息值，并且如果这个文件被修改过，它的MD5值也将随之改变。官方解释太过于术语化 - 简单的理解，就是md5可以将信息进行加密，从而达到不被盗用保护信息，避免泄露信..原创 2020-11-02 11:20:00 · 2006 阅读 · 0 评论 -
防抖和节流
1.防抖 debounce先想一个场景，在百度等搜索的时候，是不是打字之后会出现一些提示的搜索。实现原理是监听一个输入框keyup事件，文字变化后触发change事件，如果一个人打字很快，会频繁触发change事件。那就不是所期望的，防抖是什么呢？防抖就是利用延时器，让多次执行变为一次执行，在这里就是用户输入结束或者暂停时，才会去触发change事件 、将上面场景，利用防抖实现<!DOCTYPE html><html lang="en"><head&g原创 2020-12-07 12:02:29 · 278 阅读 · 0 评论 -
数组的高阶函数使用
数组的高阶函数及使用数组有很多的方法，都很简单方便，向push,pop等等，但是对于高阶函数在实际使用用的很多，现在就来总结一下方法使用及场景首先，什么是高阶函数：高阶函数，就是函数中可以传入另一个函数作为参数的函数。1.forEach forEach是对数组每个数据进行遍历，与for的差别是，for可以将遍历的数组的每一项修改，而forEach并不会改变原数组（如果是数组对象值的修改，forEach也修改到对象的值）简单的使用 -数组中的某个数据为判断依据修改其他数据 ...原创 2021-02-04 14:48:46 · 563 阅读 · 1 评论 -
浏览器的进程，线程，事件轮询机制
前言：其实网上关于js是单线程的文章，但是浏览器的线程，进程很多都没有提到，所以自己也进行了一个总结，将碎片化的知识进行梳理，形成一个知识体系，有问题的地方欢迎大家一起探讨。首先，简单了解一下进程和线程1.进程，线程进程 - 系统资源分配，有自己独立的地址空间，一个进程有多个线程，分别执行不同任务。进程之间不能共享资源，而线程共享所在进程的地址空间和其它资源。同时线程还有自己的栈和栈指针，程序计数器等寄存器。线程 - cpu调度单位，它包含在进程中，是进程运行的最小单位，线程依赖进程存在，线原创 2021-02-22 14:12:05 · 1270 阅读 · 0 评论 -
弹窗作为子组件的应用
引言：很好奇弹框作为子组件引入父组件的时候，为什么created会在父组件一加载就执行，而不是每次点击弹框执行，因此有了这篇总结(当然可以忽略这段话，哈哈)首先值得一定需要区分的 v-if:是操作的是DOM结构，他会移除掉DOM结构在进行创建DOM结构 v-show是操作的是display：none，会消失，DOM结构存在，在文档流中不会再进行占位 visibility是隐藏，DOM结构存在并且会在文档流中进行占位现在在来思考一下为什么子组件的...原创 2020-05-12 16:07:37 · 1097 阅读 · 0 评论