11 2019 档案

从一道题浅说 JavaScript 的事件循环
摘要：最近看到这样一道有关事件循环的前端面试题： 这道题主要考察的是事件循环中函数执行顺序的问题，其中包括async ，await，setTimeout，Promise函数。下面来说一下本题中涉及到的知识点。 任务队列 首先我们需要明白以下几件事情： JS分为同步任务和异步任务 同步任务都在主线程上执行， 阅读全文
posted @ 2019-11-29 15:35 沐子馨 阅读(190) 评论(0) 推荐(0)
如何防止CSRF攻击？
摘要：CSRF攻击 CSRF漏洞的发生 相比XSS，CSRF的名气似乎并不是那么大，很多人都认为CSRF“不那么有破坏性”。真的是这样吗？ 接下来有请小明出场~~ 小明的悲惨遭遇 这一天，小明同学百无聊赖地刷着Gmail邮件。大部分都是没营养的通知、验证码、聊天记录之类。但有一封邮件引起了小明的注意： 甩 阅读全文
posted @ 2019-11-28 18:04 沐子馨 阅读(1038) 评论(0) 推荐(0)
如何防止XSS攻击？
摘要：本文我们会讲解 XSS ，主要包括： XSS 攻击的介绍 在开始本文之前，我们先提出一个问题，请判断以下两个说法是否正确： 如果你还不能确定答案，那么可以带着这些问题向下看，我们将逐步拆解问题。 XSS 漏洞的发生和修复 XSS 攻击是页面被注入了恶意的代码，为了更形象的介绍，我们用发生在小明同学身 阅读全文
posted @ 2019-11-28 17:24 沐子馨 阅读(534) 评论(0) 推荐(0)
细说 call、apply 以及 bind 的区别和用法
摘要：call 和 apply 的共同点 它们的共同点是，都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。 为何要改变执行上下文？举一个生活中的小例子：平时没时间做饭的我，周末想给孩子炖个腌笃鲜尝尝。但是没有适合的锅，而我又不想出去买。所以就问邻居借了一个锅来用，这样 阅读全文
posted @ 2019-11-27 18:09 沐子馨 阅读(632) 评论(0) 推荐(0)
css 包含块
摘要：指出错误观念 许多开发者认为一个元素的包含块就是他的父元素的内容区，其实这是错误的（至少不完全正确）！一个元素的尺寸和位置经常受其包含块的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。下面我们看看盒模型：当浏览器展示一个文档的时候，对于每一个元素，它都产生了一个盒 阅读全文
posted @ 2019-11-27 14:31 沐子馨 阅读(543) 评论(0) 推荐(0)
关于css3属性filter
摘要：今天看百度百科，看到其中一页所有图片背景全都设置为了灰白色，于是研究了番，发现是应用了filter滤镜这个属性。 其中还有毛玻璃属性：blur filter css详细属性： 阅读全文
posted @ 2019-11-27 14:22 沐子馨 阅读(149) 评论(0) 推荐(0)
一套图 搞懂“时间复杂度”
摘要：写在前面： 这篇文章是在公众号： 程序员小灰 中发布的。是我到目前为止所看到的关于时间复杂度介绍的最好的文章，简介 清晰 明了。 所以拿来po出来 仅供学习交流，如侵则删。 现已将此文收录至： 《数据结构》C语言版 (清华严蔚敏考研版） 全书知识梳理 正文： 时间复杂度的意义 究竟什么是时间复杂度呢 阅读全文
posted @ 2019-11-25 22:46 沐子馨 阅读(468) 评论(0) 推荐(0)
标准盒模型与怪异盒模型
摘要：1、盒子模型（box model） 在HTML中，可以把元素看做盒子，盒子包括：实际内容（content）、内边距（padding）、边框（border）、外边距（margin） 2、标准盒模型与怪异盒模型 对比两种模型的区别 1.标准盒模型 标准盒模型（W3C盒子模型），设置的width或heig 阅读全文
posted @ 2019-11-25 22:36 沐子馨 阅读(948) 评论(0) 推荐(0)
赋值语句作为判断的条件
摘要：阅读别人代码突然遇到 if 判断中使用赋值表达式时一下子懵了，遂查之： If（a=b）或者if（a=function()），像这种情况，实际上是先赋值后判断，赋值后如果a的值不是false，那么这个条件就成立。 阅读全文
posted @ 2019-11-22 16:36 沐子馨 阅读(1932) 评论(0) 推荐(0)
发布订阅模式和观察者模式
摘要：背景 设计模式并非是软件开发的专业术语，实际上，“模式”最早诞生于建筑学。 设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计模式是在某种场合下对某个问题的一种解决方案。如果再通俗一点说，设计模式就是给面向对象软件开发中的一些好的设计取个名字。 这些“好的 阅读全文
posted @ 2019-11-22 12:06 沐子馨 阅读(245) 评论(0) 推荐(0)
vue-router 导航守卫
摘要：前言 Vue-Router导航守卫 在本期文章中，我将为大家梳理弄明白以下几个事情: 1:导航守卫的执行顺序是怎么样的？ 2:导航守卫中的next的用处？ 3:为什么afterEach守卫没有next？ 4:beforeEach是否可以叠加？ 5:路由跳转经历了哪几部分？ 正文 1、transiti 阅读全文
posted @ 2019-11-21 18:37 沐子馨 阅读(614) 评论(0) 推荐(0)
js 常见数组算法
摘要：数组方法概述 concat() 连接两个或多个数组，两边的原始数组都不会变化，返回被连接数组的一个副本。 join() 把数组中所有元素放入一个字符串中，返回字符串。 slice() 从开始到结束（不包括结束）选择数组的一部分浅拷贝到一个新数组。 map() 创建一个新数组并返回，其中新数组的每个元 阅读全文
posted @ 2019-11-15 17:17 沐子馨 阅读(335) 评论(0) 推荐(0)
CSS渐变色边框，解决border设置渐变后，border-radius无效的问题
摘要：需求：用css设置渐变边框通过border-image来实现渐变色边框 但是border-image无法实现圆角，所以换一个思路：通过padding来实现，给父节点设置渐变背景，通过padding模拟边框（此处的padding值就是border需要的值），注意父元素和子元素的border-radiu 阅读全文
posted @ 2019-11-12 16:40 沐子馨 阅读(2952) 评论(0) 推荐(0)
margin:auto你真的理解么
摘要：含义 margin:auto是具有强烈计算意味的关键字，用来计算元素对应方向应该获得的剩余空间大小 填充规则 (1) 如果一侧定值，一侧auto，则auto为剩余空间大小 (2) 如果两侧均是auto，则平分剩余空间 左边距是20px,右边距是80px。这里son宽度是200px，容器是300px， 阅读全文
posted @ 2019-11-01 11:49 沐子馨 阅读(616) 评论(0) 推荐(0)