08 2020 档案

CSS3 的新定位属性：position: sticky
摘要：position: sticky 单词sticky的中文意思是“粘性的”，position:sticky表现也符合这个粘性的表现。基本上，可以看出是position:relative和position:fixed的结合体——当元素在屏幕内，表现为relative，就要滚出显示器屏幕的时候，表现为fi 阅读全文
posted @ 2020-08-31 17:58 PANIC404 阅读(133) 评论(0) 推荐(0)
JS 的原生元素选择器
摘要：document.getElementById () // 返回指定 id 的元素 document.getElementsByTagName () // 返回指定 标签名 的元素 document.getElementsByName () // 返回指定 标签名 的元素集合 H5新增： docum 阅读全文
posted @ 2020-08-31 17:34 PANIC404 阅读(348) 评论(0) 推荐(0)
算法问题：获取字符串中，不重复的且最长字符串的长度
摘要：const str = 'Canyoufindthelongeststringinthissentence'; 方法一：滑动窗口法，基本思路就是定义一个窗口在字符串上向右滑动，窗口右边滑动时，判断进入窗口的字符是否有重复。若有重复，则窗口左边也向右滑动，直到没有重复字符。在滑动过程中，记录窗口中没有 阅读全文
posted @ 2020-08-31 16:30 PANIC404 阅读(164) 评论(0) 推荐(0)
ES6 的 Set 方法
摘要：ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一不重复的。 [2,3,5,4,5,2,2].forEach(x => s.add(x)); // Set结构不会添加重复的值 // 去除数组重复成员 function dedupe(array) { return console. 阅读全文
posted @ 2020-08-31 16:01 PANIC404 阅读(97) 评论(0) 推荐(0)
Vue 的生命周期
摘要：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程，我们称这是 Vue 的生命周期。 Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功 阅读全文
posted @ 2020-08-28 18:37 PANIC404 阅读(72) 评论(0) 推荐(0)
关于 Web 前端的各种优化
摘要：web性能优化，主要分为前端和后台两个部分性能优化，后台性能优化决定了web能不能用，前端优化决定了其好不好用，也就是牵涉到前端用户体验和web易用性等情况，所以前端性能与用户体验是有着极大的关联的。 HTTP 请求优化： 减少多余不必要的HTTP请求，能大大缩短页面响应和渲染的时间。 减少不必要的 阅读全文
posted @ 2020-08-27 16:15 PANIC404 阅读(123) 评论(0) 推荐(0)
JS 排序算法，冒泡排序，插入排序，选择排序，归并排序，sort排序
摘要：冒泡排序 从前两个数开始，两两相比，较小的数放在前面。 插入排序 从第二个数开始，和前面的数对比，如果较小就交换位置，直到比前面的数大就停下来。 选择排序 从第一个数开始，循环对比其他所有的数，和比自己小的数交换位置。 归并排序 将原数组用二分法一直分到两个数为一组，然后通过比较将较小的数放到前面（ 阅读全文
posted @ 2020-08-27 01:42 PANIC404 阅读(75) 评论(0) 推荐(0)
web 的 XSS 和 CSRF 攻击
摘要：XSS 攻击是“跨站脚本”，它不直接作用于服务器，而是通过一些正常的站内交互途径，例如发布评论，提交含有 JavaScript 的内容文本。这时服务器端如果没有过滤或转义掉这些脚本，作为内容发布到了页面上，其他用户访问这个页面的时候就会运行这些脚本。 CSRF 攻击是“跨站请求伪造”，它也不直接作用 阅读全文
posted @ 2020-08-27 00:03 PANIC404 阅读(77) 评论(0) 推荐(0)
TCP 的三次握手和四次挥手
摘要：三次握手： 客户端和服务器之间的通话要创建TCP来当作数据请求和返回的一种通道。三次握手就是客户端和服务器通过TCP进行的正常数据交互之前的三次报文交换，只有这三次报文交换成功了，才能正确开始客户端与服务器的数据交互。 第一次握手，客户端向服务器发送一次请求报文：“你好，很高兴认识你，可以聊聊吗？” 阅读全文
posted @ 2020-08-26 23:12 PANIC404 阅读(127) 评论(0) 推荐(0)
理解 四种清除浮动的方法
摘要：用 clear 样式，对指定元素进行清除浮动操作： <div class="divclear"></div> .divclear { clear: both; // both这个属性是两侧清除，还有左边或右边（left, right） } 这是简单的对指定元素进行清除浮动操作，这样的清除浮动，只关心 阅读全文
posted @ 2020-08-26 19:14 PANIC404 阅读(174) 评论(0) 推荐(0)
判断当前用户使用的浏览器内核类型
摘要：使用浏览器内置属性，取得该用户正在使用的浏览器内核类型： let ua = navigator.userAgent.toLowerCase(); if (/msie/i.test(ua) && !/opera/.test(ua)){ alert("IE"); return ; } else if ( 阅读全文
posted @ 2020-08-26 18:36 PANIC404 阅读(165) 评论(0) 推荐(0)
理解 事件捕获、事件目标、事件冒泡、事件委托事件代理
摘要：事件捕获 从视图层进行事件操作后，进入HTML代码层，然后从元素的最顶层开始，从父到子到孙...一直寻找下去，直到找到触发该事件的元素。这个寻找的过程，称为“事件捕获”。 事件目标 当事件捕获过程到达了触发该事件的元素时，该元素被称为“事件目标”。 事件冒泡 找到事件目标后，该事件将从事件目标元素处 阅读全文
posted @ 2020-08-24 22:46 PANIC404 阅读(120) 评论(0) 推荐(0)
用 JS 的 RegExp 进行正则判断，字符串内是否有特殊符号
摘要：需要判断字符串内是否有特殊符号，如 ！@#￥%……&* 之类的。使用 JS 的 RegExp 进行正则判断，如下： function (even) { var flag = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>《》/?~！@#￥……&*（）——|{}【 阅读全文
posted @ 2020-08-18 16:20 PANIC404 阅读(877) 评论(0) 推荐(0)
如何理解和描述“原型和原型链”
摘要：JavaScript中的对象，都有一个内置属性[[Prototype]]，指向这个对象的原型对象。当查找一个属性或方法时，如果在当前对象中找不到定义，会继续在当前对象的原型对象中查找；如果原型对象中依然没有找到，会继续在原型对象的原型中查找（原型也是对象，也有它自己的原型）；如此继续，直到找到为止， 阅读全文
posted @ 2020-08-14 00:37 PANIC404 阅读(253) 评论(0) 推荐(0)
JS 的防抖和节流
摘要：从实用角度来说，JS的防抖和节流，属于前端技术的“性能优化”。 防抖： 假设有一个事件函数，在第一次触发该事件时，先不执行函数，而是等待1秒后再执行，那么： 1. 如果在1秒内再次触发该事件，则该事件函数不执行，1秒时间重新计算 2. 如果在1秒内没有再次触发该事件，则执行该事件函数 达到的效果就是 阅读全文
posted @ 2020-08-13 22:48 PANIC404 阅读(129) 评论(0) 推荐(0)
Linux 服务器 关闭防火墙命令
摘要：service firewalld stop 阅读全文
posted @ 2020-08-05 15:26 PANIC404 阅读(258) 评论(0) 推荐(0)
前端在Linux服务器搭建安装Nginx的步骤记录
摘要：1. 首先安装依赖 yum install gcc yum install pcre-devel yum install zlib zlib-devel yum install openssl openssl-devel 依次安装，过程中有询问，都输入y，然后回车 2. 下载Nginx的 tar包 阅读全文
posted @ 2020-08-05 15:21 PANIC404 阅读(109) 评论(0) 推荐(0)