导航

• 博客园
• 首页
• 新随笔
• 新文章
• 联系
• 订阅
• 管理

02 2021 档案

• 常用的自动化构建工具
  摘要：1、Grunt 算是最早的前端构建系统了，它的插件生态非常的完善，用官方的一句话来说，它的插件几乎可以帮你自动化的去完成任何你想要的做的事情；但是由于它的工作过程是基于临时文件去实现的，所以说它的构建速度较慢；例如，使用它去完成我们项目中sass文件的构建，先对sass文件进行编译工作，然后自动添加 阅读全文
  posted @ 2021-02-23 20:05 phantom_yy 阅读(674) 评论(0) 推荐(0)
• 使用NPM Scripts包装构建命令
  摘要：NPM Scripts是实现自动化构建工作流的最简方式 1、使用NPM Scripts包装构建命令 （1）在package.json中添加“scripts”字段 package.json "scripts": { "build":"sass scss/main.scss css/style.css" 阅读全文
  posted @ 2021-02-23 18:58 phantom_yy 阅读(299) 评论(0) 推荐(0)
• 自动化构建初体验
  摘要：1、通过sass增强css的编程性 （1）在开发时添加构建环节 （2）在开发环节编写css样式 （3）通过工具将sass构建为css 2、具体操作 （1）创建项目目录 （2）yarn init初始化package.json （3）新建index.html index.html <!DOCTYPE h 阅读全文
  posted @ 2021-02-23 11:50 phantom_yy 阅读(40) 评论(0) 推荐(0)
• 脚手架的工作原理
  摘要：1、通过node.js去开发一个小型的脚手架工具 脚手架工具实际上是一个node cli应用，创建脚手架工具实际上就是创建cli应用 （1）在项目目录下初始化package.json yarn init （2）vscode打开这个目录，在package.json中添加bin字段，用来指定入口文件 " 阅读全文
  posted @ 2021-02-22 18:48 phantom_yy 阅读(678) 评论(0) 推荐(0)
• Plop的基本使用
  摘要：1、plop的具体使用 （1）将plop作为一个npm模块安装到开发依赖当中 yarn add plop --dev （2、）项目根目录下新建一个plopfile.js文件 // Plop入口文件,需要导出一个函数 // 此函数接收一个Plop对象，用于创建生成器任务 // setGenerator 阅读全文
  posted @ 2021-02-22 17:49 phantom_yy 阅读(999) 评论(0) 推荐(0)
• Vue Generator案例
  摘要：（1）新建文件夹 mkdir generator-ldy-vue （2）进入文件夹 cd generator-ldy-vue （3）初始化package.json yarn init （4）安装yeoman依赖 yarn add yeoman-genarator （5） // 通过require方式 阅读全文
  posted @ 2021-02-20 16:32 phantom_yy 阅读(442) 评论(0) 推荐(0)
• 接收用户输入
  摘要：const Generator = require('yeoman-generator'); module.exports = class extends Generator { prompting(){ // Yeoman在查询用户环节会自动调用此方法 // 在此方法中可以调用父类的prompt( 阅读全文
  posted @ 2021-02-20 11:45 phantom_yy 阅读(71) 评论(0) 推荐(0)
• 自定义generator
  摘要：1、创建Generator模块 yeoman的generator名称必须是generator-<name>格式 （1）创建文件夹 mkdir generator-sample （2）通过yarn init创建package.json yarn init （3）创建yeoman-generator模块 阅读全文
  posted @ 2021-02-19 20:21 phantom_yy 阅读(115) 评论(0) 推荐(0)
• 脚手架工具
  摘要：1、脚手架工具 （1）React项目->create-react-app （2）Vue.js项目->vue-cli （3）Angular项目->angular-cli （4）Yemoman （5）Plop 2、Yeoman基础使用 （1）确认node版本 node -v （2）确认npm版本 npm 阅读全文
  posted @ 2021-02-07 16:50 phantom_yy 阅读(76) 评论(0) 推荐(0)
• 前端小知识
  摘要：转自公众号“程序员黑叔” 1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: v 阅读全文
  posted @ 2021-02-05 08:57 phantom_yy 阅读(78) 评论(0) 推荐(0)
• 代码优化介绍
  摘要：1、如何精准测试JavaScript性能 （1）本质上就是采用大量的执行样本进行数学统计和分析 （2）使用基于Benchmark.js的https://jsperf.com完成 2、Jsperf使用流程 （1）使用GitHub账号登录 （2）填写个人信息（非必填） （3）填写详细的测试用例信息（ti 阅读全文
  posted @ 2021-02-04 19:52 phantom_yy 阅读(107) 评论(0) 推荐(0)
• Performance工具
  摘要：学习记录 乾坤未定，你我皆是黑马 1、为什么使用Performance （1）GC的目的是为了实现内存空间的良性循环 （2）良心循环的基石是合理使用 （3）即刻关注才能确定是否合理 （4）Performance提供多种监控方式 2、Performance使用步骤 （1）打开浏览器输入目标网址 （2） 阅读全文
  posted @ 2021-02-02 20:15 phantom_yy 阅读(102) 评论(0) 推荐(0)
• V8
  摘要：学习记录 1、认识V8 （1）V8是一款主流的JavaScript执行引擎； （2）V8采用即时编译 （3）V8内存设置上限 2、V8垃圾回收策略 （1）采用分代回收的思想实现垃圾回收 （2）内存分为新生代、老生代 （3）针对不同对象采用不同算法 （4）V8垃圾回收常见的GC算法 3、V8垃圾回收策 阅读全文
  posted @ 2021-02-02 19:35 phantom_yy 阅读(205) 评论(0) 推荐(0)
• GC算法介绍
  摘要：1、GC定义与作用 （1）GC就是垃圾回收机制的简写 （2）GC可以找到内存中的垃圾、并释放和回收空间 （3）GC中的垃圾是什么 程序中不再需要使用对象 a. function func() { name = 'ls'; return `${name} id a coder` } const a = 阅读全文
  posted @ 2021-02-01 21:15 phantom_yy 阅读(273) 评论(0) 推荐(0)
• JavaScript内存管理
  摘要：1、内存管理介绍 内存：由可读写单元组成，表示一片可操作性控件 管理：人为的去操作一片空间的申请、使用和释放 内存管理：开发者主动申请空间、使用空间、释放空间 管理流程：申请-使用-释放 2、内存管理 // 申请 let obj = {}; // 使用 obj.name = 'zs'; // 释放 阅读全文
  posted @ 2021-02-01 20:01 phantom_yy 阅读(84) 评论(0) 推荐(0)