tony_zhu

摘要： 概述 - 最为主流的JavaScript Lint工具监测JS代码质量, - ESLint很容易统一开发者的编码风格 - ESLint可以帮助开发者提升编码能力 安装和使用 1.添加eslint到开发环境 yarn add eslint -D 2.运行eslint初始化 npx eslint --i 阅读全文

摘要： 1.概述 Webpack是个模块打包器(Module Bundler),分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），转换和打包成浏览器认识的格式。 2.使用Webpack的理由 ESModule 存在环境兼容问题 模块文件 阅读全文

摘要： 什么是模块化开发 将一个项目按照功能划分，理论上一个功能一个模块，互不影响，在需要的时候载入，尽量遵循高内聚低耦合 模块化演变过程 文件引用 简单的将所有的js文件统统放在一起。但是这些文件的顺序还不能出错，比如jquery需要先引入，才能引入jquery插件，才能在其他的文件中使用jquery。 阅读全文

摘要： 文章内容输出来源：拉勾教育大前端训练营 // 取消同步,只有异步任务,需要回调函数结束任务 exports.foo=()=>{ console.log("foo start")//报错 The following tasks did not complete: foo } //导出函数成员定义gul 阅读全文

摘要： ####文章内容输出来源：拉勾教育大前端训练营 Grunt使用(有点类似plop) - yarn init -y //新建项目 - yarn add grunt //添加grunt - 项目根目录 新建gruntfile.js文件,定义grunt任务 - yarn grunt 执行默认任务 注意 - 阅读全文

摘要： ####文章内容输出来源：拉勾教育大前端训练营 plop 使用的步骤 - yarn add plop --dev 将plop安装到项目中 - 在项目根目录创建plopfile.js文件 - 在plopfile.js定义脚手架任务 - 编写模板文件 - yarn plop component //用自 阅读全文

摘要： ####文章内容输出来源：拉勾教育大前端训练营 Yeoman 实践 通过官网https://yeoman.io/ 寻找适合的Generator来搭建对应的应用目录结构 generator-node 运用 1. npm i yo -g 安装 yeoman 2. npm i generator-node 阅读全文

摘要： 文章内容输出来源：拉勾教育大前端训练营 前端工程化 工程化≠某个工具 目的: 使用脚手架工具自动搭建项目提高效率, 约定项目目录解构,统一代码风格,自动化部署.降低维护成本, 提交项目代码前进行代码检查,提交log日志格式限制.保证项目质量 脚手架 用来自动创建项目文件的工具,新建项目的时候避免重复 阅读全文

摘要： 安装Microsoft.AspNet.SignalR（使用的版本2.4.1） 新建Hubs文件夹:Hub的接口和实现 namespace SingralRedis.Hubs { interface IChatHub { //服务器下发消息到各个客户端 void SendChat(string id, 阅读全文

摘要： 文章内容输出来源：拉勾教育大前端训练营 ECMAScript - 浏览器中的javascript指的是ES + Web提供的Api(dom bom) - node环境中javascript指的是ES + node提供的Api 作用域 全局作用域(公共作用域) 1. 在全局作用域中的函数,变量都是公用 阅读全文