Trekerz

求知若饥 虚心若愚

常用H5页面UI框架对比

干货

框架名称 风格 特点 大小(非gzip) 备注 MUI iOS 接近原生APP体验高性能 JS:100+kCSS:60+k DCloud内置 Frozen UI 手机QQ 手Q规范、轻量、精美 CSS:88k SASS编写 Amaze UI 自有 屏幕适配、不同主题、中文排..


查找脚本

记录有用的shell脚本

在当前目录下所有.js文件中查找文本handler find . -name "*.js" | xargs grep 'handler' rm mv等命令对大量文件操作时报错-bash: /bin/rm: Argument list too long也可用 xargs 解决删除当前目录下所有..


闭包常见应用场景

总结

概述闭包实质:将内部函数传递到所在的词法作用域以外,内部函数仍然持有对原始定义作用域的引用。 应用(1) 定时器<script type="text/javascript"> function wait(message) { setTimeout(functio..


Cucumber/Behave实践总结

讲讲测试

Cucumber 是一个基于行为驱动(Behaviour-Driven Development / BDD)的测试框架,它以「行为驱动测试」为理论基础,用一种运营、产品、开发、测试都能明白的语法(Gherkin)来描述一个测试过程。 Cucumber兼容了多种开发语言,主要有Java、JavaS..


观察者模式与发布订阅模式对比

易混淆的两个概念

观察者模式: 没有一个调度中心,直接由被观察者触发观察者的update方法; 观察者和被观察者抽象耦合,但观察者只知道被观察者发生了变化,不知道是怎么变化的; 一个抽象类Observer,两个角色Subject被观察者、Client观察者; 观察者Client实现Observer的update..


Javascript中的this梳理

关键知识点

this算是javascript中又爱又恨的东西了. 其实this的概念并没有多少, 本文将把this的概念用示例梳理一次. 最基本的this概念指向globe的this//浏览器内 落单的this, 普通调用的函数中的this 都指向windows对像;this === window; /..


React中的Context

React中的一大方面

context 表示上下文,将好像组件里面的全局变量一样,一般我们不使用这个属性,因为这个有可能损坏组件。指定 context 允许我们将变量从一个组件传递到另一个组件,而不需要一层一层的传递。推荐使用 props 或者 state来传递属性。 使用方式我们需要使用 prop-types 库来定..


CSS的inline、block与inline-block

三角关系

一、基本知识点行内元素一般是内容的容器,而块级元素一般是其他容器的容器,行内元素适合显示具体内容,而块级元素适合做布局。 块级元素(block):独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽。 行内元素(inline):可以多个标签存在一行,对宽高属..