关注
分享
Dhun-LI
唯有努力不负未来可期
展开
-
HTML标签嵌套规范总结
今天遇到一个嵌套规范的题目，忙里偷闲总结记录一下，大家都听过“行内元素不能嵌套块级元素”吧，因此进入正文之前先来说一下哪些是块级元素，哪些是行内元素。赶时间的老铁可以直接翻到最后哦。一、块级元素一般用来搭建网站架构、布局、承载内容等，包括以下标签：div、h1~h6、address、blockquote、center、dl、dt、dd、form、hr、ol、p、table、ul……特点：独占一行，能够识别宽高 margin和padding的上下左右均对其有效 自动...原创 2021-12-10 11:57:56 · 1571 阅读 · 0 评论 -
正则表达式——匹配
元字符\d 匹配一个数字字符。等价于 [0-9]。\D 匹配一个非数字字符。等价于 [^0-9]。\f 匹配一个换页符。等价于 \x0c 和 \cL。\n 匹配一个换行符。等价于 \x0a 和 \cJ。\r 匹配一个回车符。等价于 \x0d 和 \cM。\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。\t ...原创 2021-11-23 17:34:14 · 1886 阅读 · 0 评论 -
旋转立方体相册HTML+CSS
旋转立方体相册记录那些好玩又简单实现的特效：弄这个就是觉着好玩，HTML+CSS即可实现<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>旋转立方体相册</title> <style>*{ padding:0; margin:0; } body{原创 2020-07-10 10:12:34 · 754 阅读 · 0 评论 -
js实现定宽轮播图
js实现定宽轮播图JS代码：<!--轮播图-->//首先获取到 wrap（因为要设置其left才能控制轮播图），然后获取到左右两个箭头，并实现手动轮播var wrap = document.querySelector(".wrap");var next = document.querySelector(".arrow_right");var prev = document.querySelector(".arrow_left");next.onclick = function ()原创 2020-07-10 09:58:30 · 372 阅读 · 0 评论 -
读书感悟（一）
最近的学习开始回归到书本上了，主要是因为网络上搜索着学习的知识太散，不系统，干脆买了几本书，书本是我在面试中遇到的一个很好的面试官推荐的，面试中跟他聊的挺开心的，也有很多感悟...原创 2021-06-05 17:03:28 · 140 阅读 · 0 评论 -
6、双飞翼布局和圣杯布局
圣杯布局和双飞翼布局是需要掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局（中间先加载渲染）两者的实现方法略有差异，不过都遵循了以下要点：两侧宽度固定，中间宽度自适应 中间部分在DOM结构上优先，以便先行渲染 允许三列中的任意一列成为最高列 只需要使用一个额外的<div>标签圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。不同在于解决原创 2021-03-17 16:59:48 · 101 阅读 · 0 评论 -
5、理解 localstorage、sessionstorage和cookie
一、什么是Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中（Cookie实际上是一小段的文本信息（key-value格式））HTTP协议本身是无状态的。什么是无状态呢，即服务器无法判断用户身份。客户端向服务器发起请求，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。当 web原创 2021-03-04 17:56:52 · 300 阅读 · 1 评论 -
4、伪类和伪元素
什么是伪类？伪类是用于定义元素的特殊状态/CSS伪类是用来添加一些选择器的特殊效果。例如，它可以用于：设置鼠标悬停在元素上时的样式 为已访问和未访问链接设置不同的样式 设置元素获得焦点时的样式伪类的语法：selector:pseudo-class { property: value;}链接能够以不同的方式显示：/* 未访问的链接 */a:link { color: #FF0000;}/* 已访问的链接 */a:visited { color: #00原创 2021-03-03 15:24:58 · 153 阅读 · 0 评论 -
4、xss和csrf的攻击和防御
在互联网普遍的时代，数据安全和个人隐私很容易被泄露，黑客的攻击手段也是层出不穷，本文主要分析两种常见的web攻击（XSS和CSRF）和防御措施。什么是XSS？XSS(cross-site script)：跨站脚本攻击（因缩写和CSS重复，所以叫XSS），指的是攻击者通过在用户浏览器注入恶意可执行脚本，获取用户隐私信息的攻击方式。简单来说就是指利用网站漏洞从用户那里恶意盗取信息。XSS是一种常见于 Web 应用中的计算机安全漏洞，恶意攻击者向Web 页面里嵌入恶意的客户端脚本，当用户浏览此网页时.原创 2021-03-02 15:44:26 · 268 阅读 · 0 评论 -
3、set和map——特点与区别
今天就set和map的特点与区别进行了一下学习总结。MAP是什么？Map是一组键值对的结构，用于解决以往不能用对象做为键的问题，具有极快的查找速度。注：函数、对象、基本类型都可以作为键或值。初始化Map需要一个二维数组，或者直接初始化一个空Map，Map具有以下方法：var m = new Map(); // 空Mapm.set('Adam', 67); // 添加新的Key-valuem.has('Adam'); // 是否存在key 'Adam' : tru.原创 2021-03-01 18:18:21 · 3429 阅读 · 3 评论 -
2、浅析javascript——数据类型及深浅拷贝
1.数据类型js数据类型分为两种：基本数据类型：Number（数字类型）、Boolean(布尔型)、Null(空)、Undefined(未定义)、String(字符串)、Symbol（ES6新增）引用数据类型：Object(对象)、Array(数组)、Function（函数）2.两种数据类型的区别 先解释一下栈和堆，以便下面的理解，栈（stack）为自动分配的内存空间，它由系统自动释放；堆（heap）则是动态分配的内存，大小也不一定会自动释放。存储位置不同： 基本类型存在栈中，占空间原创 2021-02-02 15:55:43 · 113 阅读 · 0 评论 -
1、js原型，原型链，继承浅析
一、什么是原型？ 《Javascript高级程序设计》中对原型的描述是这样的：每个函数都会创建一个 prototype 属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过调用构造函数创建的对象的原型。使用原型对象的好处是，在它上面定义的属性和方法可以被对象实例共享。原来在构造函数中直接赋给对象实例的值，可以直接赋值给它们的原型。 简单来说就是每一个javascript对象在创建的时候就会有一个与之关联的对象B产生，对象B就是所说的“原型”。原型也是原创 2021-01-29 15:37:51 · 123 阅读 · 0 评论