笔记
关注
分享
扫一扫
文章平均质量分 96
yuan溜溜
佛系码农
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
一看就懂的浏览器缓存
一看就懂的浏览器缓存什么是浏览器缓存？ 浏览器缓存其实就是，浏览器把通过http请求的网络资源存储在本地的一种行为。为什么需要浏览器缓存？可以加速资源的下载速度，提升页面加载速度减小服务器的压力浏览器缓存的资源去哪里了呢？Memory cache：这个表示存储在内存中，等下次获取的时候就不用重新下载，而是直接从内存里面获取，由于这种存储方式在进程退出后资源会被删除，所以一般用于存储一些脚本文件，或者外连的一些图片资源Disk cache：这个表示存储在磁盘中，等下次获原创 2021-03-03 17:39:01 · 773 阅读 · 2 评论 -
前端安全问题之----XSS
前端安全问题之-----XSS 各行各业“安全”问题都是一个很大的话题，在IT中我们可以把安全问题按照发生的区域分，可以分为后端安全问题和前端安全问题，作为一名前端开发，这篇文章我们就先来总结一哈给前端有关的安全问题咯。XSS攻击 又叫跨站脚本攻击，主要是通过用户输入或者其他方式，来向我们的程序中注入一些带有危险行为的代码，一旦我们没有很强的防御意识，去执行了这段危险代码，我们的程序就会受到相应的攻击 常见的有：留言板/富文本(持久性攻击)通过修改URL参数的方式加入攻击代码htt原创 2020-07-06 22:08:50 · 398 阅读 · 0 评论 -
获取元素宽高和距离定位父级的距离
获取元素宽/高和距离定位父级的距离获取元素宽高offsetWidth/offsetHeight获取元素的宽度和高度（包含边框和内边距）clientLeft/clientTop取元素左/上边框宽度clientWidth/clientHeight获取元素宽度（不包含边框）计算公式：offsetHeight = 元素高度+元素上内边距+元素下内边距+元素上边框+元素下边框offsetWidth = 元素宽度+元素左内边距+元素右内边距+元素左边框+元素右边框clientLeft =原创 2020-06-16 21:22:32 · 11314 阅读 · 0 评论 -
CSS实现视觉上的游泳圈
CSS实现视觉上的游泳圈 接着上一篇说一下第二到道css面试题，用css3实现游泳圈实现结果如下实现代码如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>游泳圈</title><style type="text/css"> .swimming1{ position: relative; width原创 2020-06-11 18:51:45 · 604 阅读 · 0 评论 -
React生命周期
React的生命周期用一个简单的案列说明：// index.jsx/* eslint-disable react/button-has-type */import React, { Component } from 'react';import Son from './Son';export default class index extends Component { state={ count: 0, } componentWillMount()原创 2020-06-07 11:16:05 · 336 阅读 · 0 评论 -
JS如何正确判断数据类型
JS如何正确判断数据类型说道判断数据类型，大多数人可能会想到typeof和instanceof那么typeof和instanceof真的能够准确的判断数据类型吗？他们有那些局限呢一.typeofvar a = typeof 1; --------> number var a1 = typeof '1'; --------> stringvar a2 = typeof false; --------> boolean var a3 = typeof null; ----原创 2020-05-19 18:39:33 · 393 阅读 · 0 评论 -
三种异步处理方法
promise写法function myPromise(isReject,val){ return new Promise((resolve,reject) => { isReject? reject('err'): // 写法一：运用setTimeout的第三个参数 setTimeout(resolve,2000,val) // 写法二：常规写法 setTimeout(()=>{原创 2020-05-17 11:43:42 · 1092 阅读 · 0 评论