Facade2 分钟阅读2021年12月26日Facade外观模式:就是提供一个统一的接口去访问多个子系统的多个不同的接口,为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用,不仅简化类中的接口,而且实现调用者和接口的解耦。frontenddesignpattern
Function Overloading2 分钟阅读2021年12月19日Function Overloading函数名相同,函数的参数列表不同(参数个数、参数类型),根据参数的不同之行不同的操作。frontendjavascript
Stylelint2 分钟阅读2021年12月12日StylelintJS 代码有 ESLint 等格式化工具来校验、格式化,相对的,CSS 也有格式化工具。本文就主流 CSS 格式化工具 Stylelint 以及我们为什么要做 CSS 样式格式化略作介绍。frontendcss
JS惰性载入函数1 分钟阅读2021年11月21日JS惰性载入函数惰性载入函数: 函数执行时会根据不同的判断分支最终选择合适的方案执行,但这样的分支判断仅会发生一次,后面的其他同类执行都不会再分支判断。提高了 JS 执行效率性能。frontendjavascript
Yeilding Processes1 分钟阅读2021年11月21日Yeilding Processes与桌面应用可以动态调整运行所需内存和处理器时间不同的是,运行在浏览器中的 JavaScript 都被分配了一个确定数量的资源,是有严格限制的。当 JavaScript 代码运行超过特定的时间或者语句数量就会被阻止继续执行,但实际开发中难免会遇到过长、过深嵌套的函数调用或者大数组的循环处理,为了解决这些问题就有了定时器及分块的解决方案。frontendjavascript
声明文件1 分钟阅读2021年5月2日声明文件实际开发中需要引入第三方库,但这些库不能使用 TS 的类型检查等特性方法,所以需要将这些库里的函数和方法体去掉后只保留导出类型声明,而产生了一个描述 JavaScript 库和模块信息的声明文件。通过引用这个声明文件,就可以借用 TypeScript 的各种特性来使用库文件了。frontendtypescript
接口2 分钟阅读2021年5月2日接口接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。frontendtypescript
数组扁平化1 分钟阅读2020年10月23日数组扁平化将多维数组转换成一个一维数组 [1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]frontendjavascript
Vue生命周期1 分钟阅读2020年7月5日Vue生命周期Vue 生命周期即 Vue 实例从创建->运行->销毁过程中暴露出来的一系列函数,也称 Vue 钩子(函数)frontendframeworkvue
登陆请求拦截2 分钟阅读2020年3月2日登陆请求拦截在定义路由的时候多添加一个字段 requireAuth, 用于判断该路由的访问是否需要登录,若用户已登录,则顺利进入路由,否则跳转至登录页面frontendjavascript
浏览器缓存2 分钟阅读2020年3月2日浏览器缓存HTTP Cookie(也叫 Web Cookie 或者浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,他会在浏览器下次向同一服务器再发起请求时被携发送到服务器上。通常,它用于告知服务器两个请求是否来自同浏览器,如保护用户的登录状态。Cookie 使基于无状态的HTTP协议记录稳定的状态信息成为可能。frontendcookie
组件发布到 NPM3 分钟阅读2020年2月28日组件发布到 NPM基于 vue-cli 3.0 开发,已发布到 npm 上的 UI 组件 —— :link: ti-ui-selffrontendvuecomponents
Grid4 分钟阅读2020年2月21日GridGrid 布局是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局,比Flex布局更加强大。采用网格布局的区域,称为"容器"(container),容器内部采用网格定位的子元素,称为"项目"(item)。frontendcss
pseudo classes(伪类)1 分钟阅读2020年1月19日pseudo classes(伪类)a:x 有序生效 link -> visited -> hover -> activefrontendcss
箭头函数1 分钟阅读2019年12月28日箭头函数箭头函数表达式的语法比函数表达式更简洁,并且没有自己的 this、arguments、super 和 new.target。箭头函数更适用于本来应该需要匿名函数的地方,并且它们不能用作构造函数。frontendjavascript
无法访问 undefined、null 的属性1 分钟阅读2019年12月28日无法访问 undefined、null 的属性而访问另外三个原始类型(Number、String、Number)则不会存在问题。frontendjavascript
Error 类型1 分钟阅读2019年12月28日Error 类型代表了一个关于 eval 函数的错误,但不在当前 ECMAScript 规范中使用,因此不会被 JavaScript 抛出,但是 EvalError 对象仍然保持兼容。frontendjavascript
调用表达式1 分钟阅读2019年12月28日调用表达式当对调用表达式进行求值的时候,首先计算函数表达式,然后计算参数表达式,得到一组参数值。如果函数表达式的值不是一个可调用对象,则抛出一个类型错误异常(所有的函数都是可调用的,即使宿主对象不是函数它也有可能被调用)。然后,实参的值将依次赋值给形参,这些形参是定义函数时指定的,接下来开始执行函数体。如果函数使用 return 语句给出一个返回值,那么这个返回值就是整个调用表达式的值。否则,调用表达...frontendjavascript
函数调用2 分钟阅读2019年12月28日函数调用函数定义从 function 关键字开始,构成函数主体的 JavaScript 代码在定义之时并不会执行,只有调用该函数时,它们才会执行。frontendjavascript
处理 JSX 中函数调用1 分钟阅读2019年12月28日处理 JSX 中函数调用虽然期望的是传递函数引用,然而实际上是函数调用,为了解决这个问题通常存在一些解决方案。frontendjavascript
作用域与闭包3 分钟阅读2019年12月28日作用域与闭包尽管 JavaScript 被划分到 “动态” 或 “解释型” 语言的范畴,但是其实他是一个编译型语言。它不像许多传统意义上的编译型语言那样预先被编译好,编译的结果也不能在各种不同的分布式系统间移植。frontendjavascript
语句和表达式2 分钟阅读2019年12月28日语句和表达式一种常见的现象是,开发者们假定“语句(statement)”和“表达式(expression)”是大致等价的,而实际上在 JavaScript 中它们存在一些非常重要的区别。frontendjavascript
this 关键字2 分钟阅读2019年12月28日this 关键字虽然 this 可能经常看起来是与 “面向对象模式” 有关的,但在 JavaScript 中 this 是一个不同的概念。frontendjavascript
跨域及几种解决方法4 分钟阅读2019年10月14日跨域及几种解决方法跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对 javascript 施加的安全限制。frontendjavascript
Webpack原理浅析2 分钟阅读2019年8月18日Webpack原理浅析webpack 是一个模块打包机制,将根据文件间的依赖关系对其进行静态分析,然后将这些模块按指定规则生成静态资源。frontendtoolswebpack
Js之 toString() 和 String() 的区别1 分钟阅读2019年7月5日Js之 toString() 和 String() 的区别Js之 toString() 和 String() 的区别frontendjavascript