爱玲姐姐的博客

Express总结内容来自今年寒假在家学习的一个PPT1. Express框架简介及初体验1.1 Express框架是什么Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。1.2 Express框架特性提供了方便简洁的路由定义方式对获取HTTP请求参数进行了简化处理对模板引擎支持程度高，方便渲染动态HTML页面提供了中间件机制有效控制HTTP请求拥有大量第三方

art-template 模板引擎1. art-template 模板引擎的基础概念1.1 art-template 模板引擎art-template 模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护。 // 未使用模板引擎的写法 var ary = [{ name: '张三', age: 20 }]; var str = '<ul>'; for (var i = 0; i < ary.length; i++) { str

Webpack 的面试考点Webpack 已经是前端打包构建的不二选择每日必用，面试必考webpack是一个成熟的工具，重点在于配置和使用，原理并不高优一、基本配置安装配置yarn add webpack webpack-cli -Dhash是为了前端在代码不变的情况下命中缓存，从本地读取，提高速度mode: 'production',entry: path.join(srcPath, 'index.js'),output: { path: distPath, filenam

Babel在面试过程中的考点Babel功能：解析JS新语法，转化成低版本语法供浏览器使用。一、环境搭建 & 基本配置yarn init -yyarn add @babel/cli @babel/core @babel/preset-env @babel/plugin-transform-runtime -Dyarn add @babel/polyfill @babel/runtimebabel配置文件.babelrc ：{ "presets": [ [ "@b

规范化标准 学习笔记规范化标准为什么要有规范化标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码、文档、甚至是提交日志开发过程中人为编写的成果图代码标准化规范最为重要实施规范化的方法编码前人为的标准约定通过工具实现Lint常见的规范化实现方式ESLint 工具使用定制ESLint校验规则ESLint对TypeScript的

模块化开发与规范化标准 学习笔记模块化开发模块化开发时当前最重要的前端开发范式之一 模块化只是思想一、模块化演变过程Stage1 文件划分方式污染全局作用域命名冲突问题无法管理模块依赖早起模块化完全依靠约定Stage2 命名空间方式每个模块只暴露一个全局对象，所有模块都挂载到这个对象上减少了命名冲突的可能但是没有私有空间，模块成员可以在外部被访问或修改模块之间的依赖关系没有得到解决Stage3 IIFE 立即执行函数使

使用node、grunt、gulp实现前端项目工程化我把录制的项目讲解视频也放在下面了，本宝宝是不是很贴心????????????????????????????????????????????????1. 概述脚手架实现的过程，并使用NodeJS完成一个自定义的小型脚手架工具脚手架的实现过程就是在启动脚手架之后，自动地去询问一些预设问题，通过回答的结果结合一些模板文件，生成项目的结构。使用NodeJS开发一个小型的脚手架工具：用yarn init初始化一个空文件夹：jal-pro在pa

开发脚手架与自动化构建工作流封装去年6月24号开始工作，到今天刚好一周年了，纪念一下，分享最近学习的前端工程化笔记。一、前端工程化前端工程化是指遵循一定的标准和规范，通过工具去提高效率、降低成本的一种手段。1. 前端开发中遇到的问题想要使用ES6+新特性，但是兼容有问题想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但运行环境不能直接支持部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器多人

前端自动化构建工具 ---- Plop 前言：周末在家学习了一些前端自动化构建工具，Generator、Plop、Grunt、Gulp，我还以为目前用不到这些工具，没想到周一一上班看到这周任务是要开发N个新模块，我就感觉我该求助于某个自动化工具了????????我要开发的每个模块的结构骨架都非常相似，就可以使用Plop来实现自动化了，Plop旨在根据模板文件自动化创建组件，而不是一个完整的大型应用，这是非常符合我的预期的????????????，接下来我就来介绍一下Plop如果帮助我们在开发过程中提高工