实现自适应div高度为宽度一半
知识点position属性 static 正常流，默认值 top, right, bottom, left 和 z-index 属性无效。 relative 相对正常流偏移 原位置有预留空间 absolute 移出正常文档流 相对于最近的 非static 定位祖先元素偏移 不为元素预留空间 fixed 移出正常文档流 相对于屏幕视口（viewport）的位置来指定元素位置 不为元素预留
mapbox-gl拾遗
expressionshttps://docs.mapbox.com/mapbox-gl-js/style-spec/expressions/ 定义 适用于Style中的layout,paint,filter属性，均可添加表达式。 表达式定义了如何使用逻辑、数学、字符串或颜色操作组合feature中的一个或多个properties或zoom，以生成适当的样式属性值或过滤器决策。 语法[expre
原生js
javascript js 是一门函数优先的轻量级解释型语言，基于原型编程的动态脚本语言 函数是一等公民（变量提升，函数可以作为函数的参数，返回值，可以赋值给变量，【函数式编程的条件】 面向对象编程 弱类型语言（变量的类型在运行时会变化，强类型语言的变量类型编译时就确定且不会改变 基于原型（区别于基于类[类和实例]，js 中万物皆为[对象] 基于原型的语言具有所谓原型对象（prototypic
工程化批处理
1. 批量注册中间件./controllers中 controllerA.js controllerB.js controllerC.js ./controllers/index.js const _ = require('lodash') const fs = require('fs') const path = require('path
虚拟列表的简单实现
https://mp.weixin.qq.com/s/8uttkBw-dwYXsybKePQ3nA <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-
vue@2.x实现分析
生命周期初始化阶段Vue.prototype._init = function (options?: Object){ // 设置uid vm._uid = uid++ // 不为根组件设置响应式 vm._isVue = true // 合并配置 // 合并实例的option对象，里面会包含像生命周期钩子回调用，指令，过滤器，vue内置对象等，与用户自定义的全
vue-router@4.x实现分析
简单实现vue-routerimport { ref, inject } from "vue"; const ROUTER_KEY = Symbol(); function useRouter() { return inject(ROUTER_KEY); } function createRouter(options) {
redux
Redux核心 Store 状态容器 store.dispatch({type:'xxx'})触发 action store.subscribe(()=>{...})订阅状态 store.getState()获取状态 Reducer 操作状态并返回新状态 Action 描述对状态进行何种操作 Action