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
PicGo + Github + jsDelivr搭建图床1 分钟阅读2021年10月1日PicGo + Github + jsDelivr搭建图床之前一直用 iPic 自带的新浪免费图床保存博客图片,期间有一些图片丢失了,另外就是因为 iPic 默认会给透明背景的图片加上一个白色背景,导致博客在暗黑模式下加载的图片有一个很难看的白边,对于有强迫症的我来说忍无可忍,所以就尝试了 PicGo + Github 搭建图床,问题完美解决。tools
Virtual Private Network6 分钟阅读2021年5月14日Virtual Private NetworkVisit http://aws.amazon.com/free/ and complete the signup. If you already have an Amazon AWS account then please login and follow on.applicationsummary
声明文件1 分钟阅读2021年5月2日声明文件实际开发中需要引入第三方库,但这些库不能使用 TS 的类型检查等特性方法,所以需要将这些库里的函数和方法体去掉后只保留导出类型声明,而产生了一个描述 JavaScript 库和模块信息的声明文件。通过引用这个声明文件,就可以借用 TypeScript 的各种特性来使用库文件了。frontendtypescript
接口2 分钟阅读2021年5月2日接口接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。frontendtypescript
Appium之android app自动化测试2 分钟阅读2021年4月21日Appium之android app自动化测试Genymotion + Appium + Python 是主流的移动端 App 自动化测试解决方案之一,本文记录该方案的 Android App 自动化测试环境搭建 (macOS-11.x) 及 demo 演示。automatortestingframework
Jest5 分钟阅读2021年4月21日Jest由 Facebook 开源的 JS 测试框架 ( 单元测试 ) ,集成了断言、覆盖率报告等工具,开箱即用。其用例并行执行,且只执行发生改变的文件对应的测试,所以性能较优。automatortestingframework
ESLint6 分钟阅读2021年4月18日ESLintJavaScript 是一种动态的弱类型解释型语言,没有编译程序,所以一些错误只有在代码执行的时候才能暴露出来,而不像 C/C++ (内置 gcc/g++编译程序)等编译型语言那样,在编译阶段就可以发现问题。因此 Nicholas C. Zakas 于 2013 年 6 月创建了开源项目 ESLint,使得原来在执行阶段才能暴露的问题提前到代码编写阶段暴露。tools
数组扁平化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
Python常用技巧4 分钟阅读2020年5月19日Python常用技巧⚠️注意,当存在同名健值对,后面的会覆盖掉前面的,因为dict类型不允许有同名键,而且键只能是不可变类型(数字、字符串、元组),列表就不能作为键使用。backendpython
Mac终端命令不可用的解决办法1 分钟阅读2020年5月16日Mac终端命令不可用的解决办法export PATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bintoolsterminal
VsCode常用插件1 分钟阅读2020年3月28日VsCode常用插件1. Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippetstoolside
iSH1 分钟阅读2020年3月21日iSHiSH :link: ish.app 模拟的是 x86 i686(32 位)的 Linux 系统,使用的 Linux 系统镜像是 Alpine Linux。作为一个 x86 仿真和系统调用转换程序,虽然不能完全取代真正的 x86 架构的 Linux 系统,但是用来做轻量开发、写代码、学习等等是可以满足的。toolsterminal
登陆请求拦截2 分钟阅读2020年3月2日登陆请求拦截在定义路由的时候多添加一个字段 requireAuth, 用于判断该路由的访问是否需要登录,若用户已登录,则顺利进入路由,否则跳转至登录页面frontendjavascript
浏览器缓存2 分钟阅读2020年3月2日浏览器缓存HTTP Cookie(也叫 Web Cookie 或者浏览器 Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,他会在浏览器下次向同一服务器再发起请求时被携发送到服务器上。通常,它用于告知服务器两个请求是否来自同浏览器,如保护用户的登录状态。Cookie 使基于无状态的HTTP协议记录稳定的状态信息成为可能。frontendcookie
Http缓存1 分钟阅读2020年3月2日Http缓存   当用户开始访问一个网站时,浏览器会从目标服务器获取一些资源用以构建最终的 web 页面,比如 CSS、JS、HTML 等静态文件。当 PV 量很大的候,每次都直接从服务器请求数据,就会很耗费服务端的性能,为了提升数据交换性能、缓解服务器或数据库压力,HTTP 协议给出了一个优化方案,简述如下:protocol
组件发布到 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