JavaScript抽象语法树之代码生成

最近黑洞师傅师傅让我看一下AST,开始都不知道是啥,查了半天才知道是抽象语法树(abstract syntax tree ) (:菜哭了 前置: AST explorer 这个网站可以直接把js代码解析成AST @babel/types 生成代码的API 常见JavaScript解析器: @babel/parser esprima espree uglify-js 本文中我们将使用@babel/parser 开始了: 首先引入@babel/parser、@babel/types、@babel/generator这三个依赖 Yarn: yarn -D add @babel/parser @babel/types @babel/generator NPM: npm install -S...

Chrome Extension

最近刚入职了新公司,里面主要用TypeScript。Leader让我用TS写一个chrome的插件,昨天刚给Leader看了,今天总结一下。 #基础 Chrome插件主要由 manifast.json、popup、background、content 组成 manifast: 插件的入口文件 { "name": "Example", "version": "1.0", "description": "description", "icons": { "16": "images/get_started16.png", "32": "images/get_started32.png", "48": "images/get_started48.png", "128": "images/get_started128.png" }, "content_scripts": [ { "matches": ["<all_urls>"],...

php连接mysql的坑

环境: docker: 18.06.1-ce-mac73 php: 7.1.9 mysql: 8.0.13 Dockerfile: FROM php:7.1.9-apache RUN apt-get update RUN docker-php-ext-install pdo pdo_mysql docker-Compose: web: build: . links: - db ports: - 8888:80 volumes: - ./src/:/var/www/html/...

docker笔记

启动容器 docker run 容器名 参数: -it 终端 -p 映射端口 8080:80(把docker的80端口映射到本地8080) -d 后台运行 --name 容器别名 -v 挂在本地目录到容器 /Users/gittaam/blog/public:/usr/share/nginx/html

storybook配置less-loader

在.storyboos文件夹重新建webpack.config.js文件 const path = require('path'); module.exports = (storybookBaseConfig, configType) => { storybookBaseConfig.module.rules.push({ test: /\.less$/, use: [{ loader: "style-loader" }, { loader: "css-loader" }, { loader: "less-loader", options: { strictMath: true,...