qq_33495944的博客

MixinWhatWhyHow(Vue)Pros & ConsProsCons参考WhatMixin是一个 class 或者 interface，其中部分或全部methods与properties未实现，需要另一个class或者interface来提供这些缺失的实现。新的类或者接口包括混合所有的以及自有的属性和方法。所有方法和属性的使用方法在混合或混合的实现中保持一致。WhyMixins 鼓励代码重用，可用于避免多重继承可能导致的继承歧义或解决语言中缺乏对多重继承的支持。 mixin 也可以

混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。1. 把混入对象混入到当前的组件中，方法和参数在各组件中不共享export const myMixin = { data() { return { number: 1, data: { aa: 'haha' } } },}在模版Admin中

Web Component用Lit， React， 原生Javascript写web component，他们之间的区别JavascriptLitReactNote使用使用方式<awc-dropdown></awc-dropdown><awc-dropdown></awc-dropdown><awc-dropdown></awc-dropdown>都可以按照普通标签的形式使用修改

// 节流 - 是在高频出发函数的时候，如果当前函数正在执行，则再触发的函数就不执行了let canRun = true;function onScroll() { if (!canRun) { return; } canRun = false; setTimeout(() => { canRun = true; }, 300);}// 防抖 - 是高频发生时，只执行最后一次，前面的都被取消执行了let timer;

Web Component 初步调研知识点 - 1What Web ComponentWeb Component 为什么会出现Web Component包涵什么Web Component 思想是什么Web Component three framesWeb Component 优缺点优点缺点Web Component 兼容性Web Component APIHTML TemplatesCustom elementsShadow DOMWhat Web ComponentWeb Component 是一

Fonts1 CSS font-family在 CSS 中，可以使用 font-family 属性来指定字体，浏览器渲染文字时候会根据这个属性应用于元素。如果没有指定这个属性或者指定的字体不存在于客户的计算机上，则浏览器会使用默认字体。<style> .line { font-family: 'Courier New', Courier, monospace; }</style>如果没有设置 font-family，浏览器会使用默认字体应

JS 引擎运行程序花费的时间如图：Parsing - 讲源码转换成解释器可以运行的东西所用的事情。Compiling + optimizing -花费在基础编译和优化编译上的时间。有一些优化编译的工作不在主线程，所以这里并不包括这些时间。Re-optimizing - 当预先编译优化的代码不能被优化的情况下，JIT将这些代码重新优化，如果不能重新优化那么久丢给基础编译去做。这个过程叫做重新优化。Execution - 执行代码的过程Garbage collection - 清理内存的时间

CSS 单位总结em： 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸ex: 相对长度单位，相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。ch: 数字“0”的宽度rem: 相对长度单位，相对于根元素(即html元素)font-size计算值的倍数vw...

Javascript boolean: primitive type - const disabled: boolean = false;javascript: Boolean object - const boolean = new Boolean(false);const b = Boolean(&quot;hi&quot;);console.log(b); // trueconsole.log(type...

JavaScript 中，value一共有七种typenull，undefined，boolean，number，string，object，symbol(ES6新增),以下为isNaN与Number.isNaN的输出结果：//isNaNconsole.log(isNaN(null)); //falseconsole.log(isNaN(true)); ...

//反转字符串function revertStr(str) { var arr = str.split(" "), newArr = []; arr.forEach(function (item) { var length = item.length, newStr = ""; for (var i = 0; i &lt; length; i +...

注：this 即绑定函数上下文1. 普通函数this指向var user = &amp;amp;amp;quot;ynqc&amp;amp;amp;quot;;function f() { var user = &amp;amp;amp;quot;hello&amp;amp;amp;quot;; console.log(this.user); //ynqc console.log(this); //Window}f();

get请求function getJSON (url) { return new Promise( (resolve, reject) =&amp;amp;gt; { var xhr = new XMLHttpRequest() xhr.open('GET', url, true) xhr.onreadystatechange = function () ...

1. let和const 声明的变量只能在他所在的代码块内生效var a = [];for (var i = 0; i &lt; 10; i++) { a[i] = function () { console.log(i); // 10 }; }console.log(a[6]()); i用var生明，则在全局内生效，console.log(i),...

在没有es6之前，js只有全局作用域和函数作用域，其中作用域内的变量和函数都存在提升问题。a.函数内层的变量会冲掉该外层的变量(function () { var str = "ynqc"; function test() { console.log(str); //undefined if (false) { ...

官方文档（https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops）有一句是这样说的：Using this lifecycle method often leads to bugs and inconsistencies, and for that reason it is going to be...

1.document.querySelector()querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代（1）获取文档中 id=“demo” 的元素：document.querySelector("#demo");（2）获取文档中第一个p的元素 document.querySelector...

Css&amp;lt;span style=&quot;text-transform: capitalize;&quot;&amp;gt;bb&amp;lt;/span&amp;gt;JSfunction toUpperFirstCode(str) { var reg = /( |^)[a-z]/g; // | - 指明两项之间的一个选择, ^ - 匹配输入字符串的开始位置 //var reg = /^\S/; //

window.onload = function () { //window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行, $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 } window.onload = function () { //window.onload必须等到页面内包括图片的所有元素加载完毕后才能执...

1.普通函数 是运行时绑定this，而箭头函数则是 定义 时绑定thislet obj = { a: &amp;amp;amp;amp;quot;hello&amp;amp;amp;amp;quot;, f: () =&amp;amp;amp;amp;amp;gt; { console.log(this.a); // &amp;amp;amp;amp;quot;undefined&amp;amp;amp;amp;quot;