闲不住的李先森

github action 是基于 GitHub 的持续集成服务。 他提供一台服务器实例，再这个实例中允许通过 actions 来执行一个或者多个命令， 从而达到像抓取代码、运行测试、登录远程服务器、发布项目等功能。 job (任务)： 一个 workflow 由一个或多个 j…

Vue 项目的 examples 目录用来调试代码, 可以在该目录下添加测试代码。 vue 项目使用 rollup.js 打包构建。 不同于 webpack, rollup 更适合 库 的打包构建, 而 webpack 更适合于 一个完整的应用项目。 使用 ES6 版本的 js…

vue 是一个基于 MVVM 模式实现的渐进式框架。 view 是视图层（DOM）, model 是数据层（data）。 viewModel 充当了一个中间角色，它能够根据绑定的 model 数据渲染 view 视图, 同时也能监听视图层的事件来改变 model 的数据从而更新…

生成的文件在通过官网的 说明 可以对打包结果的性能进行分析， 除此外 webpack 官网提供了在线分析的 分析工具, 通过上传生成的 stats.json 文件，可以更直观的分析打包模块. 除了上述的方式外，使用第三方工具 webpack-bundle-analyzer 可以…

使用元素的 on<event> 属性添加事件。 当使用 js DOM 调用时，函数应该被分配给 DOM.on<event>, 而不是执行。 当作为 html 的 on<event> 属性时，浏览器会创建一个处理程序，在这个处理程序中希望执行一些代码。 当需要在元素上为一个事件分…

现在有一个自己的 github 仓库 git@github.com:AAA/AAA.git, 需要将这个仓库 clone 到本地修改代码并提交。 这是因为 本地仓库没有权限推送到远端的 github 仓库。 查看本地是否存在 ~/.ssh/id_rsa 文件。 打开 自己的 g…

在 Vue 中，当组件通信面临跨级和隔代时，借助 Bus 或者 Vuex 在编写业务代码时时一种很好的解决方案， 但是如果需要编写完全解耦与业务的代码时的基础组件时，Bus Vuex 需要使用第三方库， 并不是解决多层级组件通信的好的方案。 Vue 内置了一组API ——— p…

Grid 布局是一种强大的CSS布局方案， 它使用网格的形式存放子元素，以便使用行和列的概念管理和控制容器和子元素。在使用 Grid 布局的时候始终把容器当作是一个多行多列的网格有助于更准确的实现 UI 效果。 容器是网格的实现区域，代码中的 container。 在容器内部生…

Babel 是一个 JavaScript 编译器.各个浏览器对 JavaScript 版本的支持各不相同，有很多优秀的新语法都不能直接在浏览器中运行。为了解决这个“沟通不畅”的问题，所以就有了 Babel，Babel 的出现使得我们可以无须顾忌的去使用 ES6+ 的语法 bab…