W_jin的博客

理解将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信好处避免命名冲突(减少命名空间污染) 更好的分离, 按需加载 更高复用性 高可维护性模块化规范CommonJS主要用于服务端编程，加载模块是同步的，这并不适合在浏览器环境，因为同步意味着阻塞加载，浏览器资源是异步加载的，因此有了AMD、CMD解决方案CommonJS包规范是理论，npm是其中一种实践。一个JS就是一个

导入方式link<link href="index.css" rel="stylesheet">import<style type="text/css"> @import "index.css"; </style>不同点link除了引用样式文件，还可引用图片等资源文件，而import只能引用样式文件。<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /&gt

src和href都是用于外部资源的引入，像图片、CSS文件、HTML文件、js文件或其他web页面等。区别：src用于替代这个元素，而href用于建立这个标签与外部资源之间的关系。例如：a标签里面的内容是一张图片，a标签加上href属性将图片链接到了www.xxx.com这个网站，但并未替换a标签里面的内容，而img标签的src属性则是将这个标签完全替换成了src里面的资源。<a href="www.xxx.com">\<\img src="1.jpg">\<

XSS（跨站脚本攻击）推荐学习链接：https://www.bilibili.com/video/BV1U54y197bc?p=35跨站脚本攻击（Cross Site Script）。浏览器错误的将攻击者提供的用户输入数据当做了JavaScript脚本给执行了，窃取包括用户身份信息在内的各种敏感信息、修改Web网页以欺骗用户，设置控制受害者浏览器，或者和其他漏洞结合起来形成蠕虫攻击。浏览器向服务器请求时被注入脚本攻击，篡改浏览器正常展示，窃取用户信息。 三种类型：存储（持久型）、反

参考链接（写的很详细）：https://blog.csdn.net/xiaoming100001/article/details/81109617HTTP无状态：协议对客户端没有状态存储，对事物处理没有“记忆”能力，比如访问一个网站需要反复进行登录操作 无连接：HTTP/1.1之前，由于无状态特点，每次请求需要通过TCP三次握手四次挥手，和服务器重新建立连接。比如某个客户机在短时间多次请求同一个资源，服务器并不能区别是否已经响应过用户的请求，所以每次需要重新响应请求，需要耗费不必要的时间和流量

BFC：块级格式化上下文（block formatting context）。形成福利容器，不会在布局中影响到外边的元素特性边距会重叠 内外元素互不影响 不会与浮动元素发生重叠 高度会包括元素内的浮动元素的高度触发条件body根元素 浮动元素：float不为none overflow不为visible 绝对定位元素：position为absolute、fixed display为inline-block、table-cells、flex、table-caption...

flex 布局下，css 设置文本不换行时，省略号不显示的解决办法问题：main 容器是 flex 布局，左边一个 logo 固定宽高，右边 content 动态宽度。.notice 非常长，一些设备下需要隐藏显示，即不换行，并留下省略符 ... 作标记。发现text-overflow: ellipsis不生效，省略符根本没有出现。// CSS.main { display: flex;}.logo { width: 100px; height: 10..

直接使用<script>时，html会按照顺序加载并执行，在此过程中，会阻塞DOM渲染非阻塞JS的加载办法：1、动态加载js 2、<script>加属性defer和async在此主要说明<script>标签属性defer和async：defer设置defer属性，浏览器会异步下载文件且不会影响到DOM渲染；如果多个<script&g...

问题：多开几个窗口，登录超时后，其实一个窗口重新登录成功，另外的窗口就404（因为csrf防跨域攻击引起的问题）解决方法链接：https://blog.csdn.net/xuaman/article/details/54340290...

debounce（防抖）触发高频时间后n秒内函数只会执行一次，如果n秒内高频时间再次触发，则重新计算时间。应用场景：输入框中频繁的输入内容，搜索或者提交信息； 频繁的点击按钮，触发某个事件； 监听浏览器滚动事件，完成某些特定操作； 用户缩放浏览器的resize事件。密集的事件触发，我们只希望触发比较靠后发生的事件，就可以使用防抖函数。const debounce = (fn, ...

var ary = [false, true, undefined, null, NaN, 0, 1, 1, "1", "1", {}, {}, "a", "a", NaN];1、indexOf 方法，无法识别NaNArray.prototype.uniq = function() { return this.filter(function(item, pos) { return this.indexOf(item) == pos; });};2、hasOw.