【金秋打卡】第5天 什么是CLI脚手架以及原理
课程名称：六大场景 什么是CLI脚手架以及原理 课程章节：什么是CLI脚手架以及原理 课程讲师： Brian 课程内容： CLI脚手架 脚手架是为了保证各施工过程顺利进行而搭设的工作平台 简单来说，脚手架就是「为了减少重复性工作而做的工具」 常见的CLI工具 1、业务cli：vue-cli react-cli 2、项目cli：yarn webpack 3、 工具类型的cli：ESLint NUXT NEXT 以为vue-cli 创建脚手架为目标了解下原理 基本组成 通常来说cli工具都有必须用到下面的插件 1、commander ：解析参数 2
【金秋打卡】第4天 webpack五大核心
课程名称：六大场景 梳理开发痛点 解锁前端进阶路 课程章节：webpack五大核心概念 课程讲师： Brian 课程内容： webpack五大核心概念： 1、入口entry 入口起点(entry point) 指示 webpack 应该使用哪个模块，来作为构建其内部 依赖图(dependency graph) 的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。 默认值是 ./src/index.js，但你可以通过在 webpack configuration 中配置 entry 属性，来指定一个（或多个）不同的入口起点
【金秋打卡】第3天 怎么构建前端工程化？
课程名称：六大场景 梳理开发痛点 解锁前端进阶路 课程章节：前端工程化介绍4-1 课程讲师： Brian 课程内容： 什么是前端工程化？ 前端工程化是指将前端开发的流程规范化、标准化、包括开发流程、技术选型、代码规范、构建发布等、用于提升前端工程师的开发效率和代码质量 开发流程：需求分析 版本控制 》缺陷管理》文档管理》自动化》性能测试》发布部署 技术选型：UI框架 （-ivieiw ant elemtn mint cube ）JS框架 （MVVM Template） 代码规范：标准（Standard airbnb
【金秋打卡】第2天 这么多框架怎么来学？
课程名称：六大场景 梳理开发痛点 解锁前端进阶路 课程章节：3-1 UI框架选型 JS框架选型 课程讲师： Brian 课程内容： UI框架选型 1、判断使用场景（PC、移动web、小程序、响应式） 2、组件丰富、成熟的模板、方便集成 3、成熟的社区、成熟的生态 PC端：layui 、iview 、ant-design 移动端UI框架：mint、cube-ui、vant（有赞） JS框架选型 1、根据团队技术能力选择框架、按需取用 2、了解框架背后的原理、并四考如何自己实现一个JS框架 3、多读文档，求助社区、高效并发 课
【金秋打卡】第1天 前端全栈痛点分析
课程名称：六大场景 梳理开发痛点 解锁前端进阶路 课程章节：前端全栈痛点分析第二章第一节 课程讲师： Brian 课程内容： 前端全栈痛点分析 特点：深度分析现在项目过程中各个部门的痛点问题 如何建立解决方案DevOps流程 首先做好统一培训：对组织人员培训，转换思维向自动化/规范转型，需要产品/设计/开发/测试/运营整体参与的一个项目，一个人或许是多职责的，完整的配合才可以很好的完成项目 再有善于利用工具（自动化）对流程进行简化/规范化 最后实践是检验真理的唯一标准 pla
【九月打卡 第7天 】深度实战Electron，开发本地音乐播放器 学习笔记03
#### 第一模块课程名称：深度实战Electron，开发本地音乐播放器章节名称：播放器演示与分析讲师：张轩#### 第二模块原型图分析功能流程图#### 第三模块原型图更好的理解需求便于客户沟通，功能流程图更好的开发，主进程index.js 点击添加》main。js主进程》创建/添加音乐窗口/add.js 添加窗口渲染进程/点击选择音乐按钮/调用原生文件API /点击导入》持久化数据通知主窗口渲染#### 第四模块
【九月打卡 第6天 】深度实战Electron，开发本地音乐播放器 学习笔记02
第一模块 课程名称：深度实战Electron，开发本地音乐播放器 章节名称：第一个electron 应用 讲师：张轩 第二模块 怎样开发一个electron应用 渲染进城 可以有多个 进城之间的通讯 第三模块 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP --> <meta http-equiv="Content-Security-Policy"...
【九月打卡 第5天 】深度实战Electron，开发本地音乐播放器 学习笔记01
第一模块 课程名称：深度实战Electron，开发本地音乐播放器 章节名称：electron的世界 讲师：张轩 第二模块 认识Electron是什么？可以做什么？以及怎么安装使用 第三模块 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 环境：node>8.0.0 npm安装： 初始化 mkdir my-electr
【九月打卡第4天】常见的表单事件
<form> <input type="text"> <button type="reset">重置</button> <button type="submit">提交</button> </form> <script> var inputEl = document.querySelector('input') inputEl.oninput = function () { console.log("oninput") } inputEl.onchange...
【九月打卡第3天】侧边漂浮
<div class="tool-bar"> <div class="item"><i class="icon"></i> <div class="name">购物车</div> </div> <div class="item"><i class="icon"></i> <div class="name">收藏</div> </div> <div class="item"><i...
【九月打卡第2天】事件委托
<ul class="list"> <li>n</li> <li>n</li> <li>n</li> <li>n</li> <li>n</li> </ul> <div class="btn-list"> <button data-active='new'>新建</button> <button data-active='search'>搜索</button>...
【九月打卡第一天】倒计时
<div class="countdown"> <span class="time hour">03</span> <span class="division">:</span> <span class="time minute">05</span> <span class="division">:</span> <span class="time second">25</span> </div>var currentDate = new Date()...