摘要：
零、序言 vue 用多了，自然离不开生命周期。最近突发奇想，加上之前看过的文章中关于 script 标签中的 async 和 defer 的捣糨糊，决定整理一下，攻克这个模糊点。 当然，最多的还是与 script 标签相关的前两个周期，后俩个周期并没有过多的复杂点，因此会着重描述前两个。 参考文章： 阅读全文
摘要：
零、前言 最近参与了一个立足 seo 的移动端项目，公司前端工程主栈 vue，所以理所当然的用上了 nuxt，UI 主要选择了 Vant。 一、公共列表页的缓存 公共列表页由于数据量较大，故需要滚动触发分次加载以模拟分页，当客户端加载到了一定页数之后(>= 2)，点击某条数据进去查看详情，然后返回列 阅读全文
摘要：
零、序言 参考资料：JavaScript常用八种继承方案； 注：1.此篇笔记是站在上述资料的肩膀上的一篇小结； 2.阅读之前建议温习一下 js 中的 prototype 和 constructor；(js - __proto__ 、 prototype和constructor) 一、原型链上的继承( 阅读全文
摘要：
零、参考资料 一、概念 跨站脚本攻击Cross-site scripting (XSS)是一种安全漏洞，攻击者可以利用这种漏洞在网站上注入恶意的客户端代码。当被攻击者登陆网站时就会自动运行这些恶意代码，从而，攻击者可以突破网站的访问权限，冒充受害者。(转自 MDN)。 在以下2种情况下，容易发生XS 阅读全文
摘要：
零.资料与前言 0x1 材料： 1.帮你彻底搞懂JS中的prototype、__proto__与constructor（图解） 0x2 前言 之前也尝试总结过 js 中的 __proto__ 、 prototype 以及原型链相关的资料（JS 中的原型 -- prototype、__proto__ 阅读全文
摘要：
零.序言 前两天在逛 blog 的时候看见一些内联样式新奇的写法时很纳闷，虽然说不上多么熟练，但是从来没见过 --color: brown 这样的写法，百度一番之后仍然没啥头绪，今天偶然看到一篇文章之后才知道这是 css 变量，不禁感叹自从 V8 引擎之后花样越来越多。经过翻查总结(也没啥总结的，翻 阅读全文
摘要：
零.序言 转载&参考： 1.JavaScript 设计模式系列 - 观察者模式 2.JavaScript 设计模式（六）：观察者模式与发布订阅模式 一、观察者模式(observer) 概要： 观察者模式：定义了对象间一种一对多的依赖关系，当目标对象 Subject 的状态发生改变时，所有依赖它的对象 阅读全文
摘要：
零.序言 css 3 的新特性，很多都停留在听说而非实际使用。transform， transition， translate 这三长得实在太像，刚开始的时候总是迷迷糊糊，分不清它们的功能。而最近新接入的项目以视觉效果为主，故也算是被动弄清基础含义。 先说结论，transform 与 transit 阅读全文
摘要：
参考资料： “display:block-inline形式的Span或Div中添加文字后，导致Span或Div排版掉落、错位”的原因及解决方法； 正文： 场景：两个 div 排在一行上，各有固定宽高，其中有一个 div 内部有文字和排版等其他填充；两个 div 杂七杂八的宽度加起来远小于 fathe 阅读全文
摘要：
参考： JavaScript专题之深浅拷贝。 浅拷贝： 浅拷贝就是拷贝指向对象的指针，因此，如果其中一个对象改变了这个地址，就会影响到另一个对象。 在 js 中，如果与深拷贝一起提及的话，就意味着只在首层上进行一次完全（资源）复制，如果首层内部存在引用类型的对象，则这个对象仅仅是 copy 了内存地 阅读全文