《玩转webpack》 第四章 进阶篇: 编写可维护的 webpack 构建配置
webpack 构建配置 04 进阶篇:webpack 构建速度和体积优化策略 05 原理篇:通过源码掌握 webpack 打包原理 06 原理篇:编写 Loader 和插件 07 实战篇:React 全家桶 和 webpack 开发商城项目 08 基础篇:webpack 进阶用法 03 构建配置抽离成 npm 包的意义 可维护性 通用性 质量 ·业务开发者无需关注构建配置 ·统一团队构建脚本 ·统一团队构建脚本 ·构建配置合理的拆分 ·README 文档、ChangeLog 文档等 ·冒烟测试、单元测试、测试覆盖率 ·持续集成 构建配置管理的可选方案 将构建配置设计成一个库,比如:hjs-webpack、Neutrino、webpack-blocks 通过多个配置文件管理不同环境的构建,webpack --config 参数进行控制 抽成一个工具进行管理,比如:create-react-app eact-app, kyt, nwb 将所有的配置放在一个文件,通过 --env 参数控制分支选择 构建配置包设计 通过多个配置文件管理不同环境的 webpack 配置 抽离成一个 npm 包统一管理 ·开发环境:webpack.dev.js ·生产环境:webpack.prod.js ·规范:Git commit日志、README、ESLint 规范、Semver 规范 ·质量:冒烟测试、单元测试、测试覆盖率和0 码力 | 30 页 | 5.38 MB | 1 年前3[试读] Angular 5 高级编程
创建项目的 ASP.NET Core MVC 部分..................34 3.3 配置项目...................................35 3.3.1 准备项目(Visual Studio) .......35 3.3.2 创建和编辑配置文件...........36 3.3.3 启用日志消息.....................39 ................70 5.1.1 创建 HTML 和 JavaScript 文件..................................71 5.1.2 配置 TypeScript 编译器........72 5.1.3 运行示例项目.....................72 5.2 理解 script 元素............... 8.3 添加 URL 路由.......................148 8.3.1 创建购物车详情和结账 组件................................148 8.3.2 创建和应用路由配置.........150 8.3.3 应用程序导航...................151 8.3.4 守卫路由...............0 码力 | 42 页 | 6.14 MB | 1 年前32019-2021 美团技术年货 前端篇
Flutter Native 层面的定制与优化,但在 Flutter Web 上 的建设才刚起步,具体表现在: ● MTFlutter 现有的基础依赖如:Request(请求封装)、Router(路由)、埋点、 容器桥、前端监控,尚未支持在 Web 中的实现。 ● MTFlutter 已实现了完整的 Flutter Module 的打包发布流程,但并不支持 Web 的构建与部署。 三、整体设计 与部署自动化。 ● 深入滚动性能与页面加载性能优化,使得 Flutter Web 能够满足基本的投产要求。 四、详细设计 4.1 基础依赖建设 企业级应用的基础开发依赖 ( 如:请求库、路由库、埋点库等 ),要重新在 Flutter 中 用 Dart 搭建一套,时间成本、兼容性、风险等都是不可控的。而 MTFlutter 是基于 原有 Native 基础依赖开发的 Plugin,因此并不支持 (2)各平台实现在 Web 侧无法对齐的场景,如路由库 MTFlutter 路由库是 Native 底层维护的一套全新的路由体系,依靠原生支持提供 了强大的定制化功能,而在 Web 端无法这些无法在各平台原生实现层达到 100% 支持。由于 MTFlutter Plugin 最终暴露的是 Plugin API,因此我们选择直接对齐 Plugin API 实现路由库在 Web 端的支持(借助 Flutter0 码力 | 738 页 | 50.29 MB | 1 年前3ExtJS和AngularJS比较
ngular-deckgrid 等),UI Bootstrap, Ang ularJS responsive directives, angular-gestur es 和 ngTouch库. 路由 路由 20. 内建路由 ✔ ExtJS 5已包含 ✔ 21. 深度链接 ✔ ExtJS 5已包含 ✔ 22. 浏览历史, 前进和后退的支持 ✔ ExtJS 5已经引入 在早期的版本中通过Ext.util 我们从11个方面来分析这两种技术的不同. 1. 应用开发框架 2. 组件 3. 路由 4. 测试 5. 数据绑定 6. SEO 7. 移动解决方案 8. Dom 算法 9. Deferred and Promises 10. 脏检查 11. Deferred bootstrap 摘要: 摘要: ExtJS 是基于组件的 (表格、树、表单、绘图);代码开始于对现有类的扩展,配置 模型,自定义显示和行为/事件,将这些组件加入到container/layout中。 ut中。 它遵循面 向对象的设计思想和MVC设计模式,很少直接操作DOM元素 AngularJS,走的是另外的一条路,是一种声明式的程序。在HTML标签上新增An gularJS指令,配置模型,使用模版和路由配置视图;框架最终实现了DOM的创建 。我们仍然是基于HTML架构,操作DOM元素 应用设计框架 应用设计框架 Ext JS: 支持 MVC 和 MVVM 随着ExtJS 应用规模和复杂度的增加,0 码力 | 6 页 | 244.12 KB | 1 年前3Vue.js v3.0 教程(Vue3 教程)
介绍 Setup 生命周期钩子 提供/注入 模板引用 渲染机制和优化 Vue 2 中的更改检测警告 工具 单文件组件 测试 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 自定义元素交互 工具的默认入口 (通过 package.json 中的 module 字段),因为在使用 bundler 时,模 板通常是预先编译的 (例如:在 *.vue 文件中),你需要将打包工具配置 vue 别名到这个文 件 vue.cjs(.prod).js : 或用于 Node.js 通过 require() 进行服务器端渲染。 如果你将应用程序与带有 target: 'node' directive('focus', FocusDirective) 4. .use(LocalePlugin) 你可以在 API reference 中浏览完整的应用 API。 传递给 createApp 的选项用于配置根组件。当我们挂载应用时,该组件被用作渲染的起点。 一个应用需要被挂载到一个 DOM 元素中。例如,如果我们想把一个 Vue 应用挂载到 ,我们应该传递0 码力 | 368 页 | 3.97 MB | 1 年前3Vue 2017 现状与展望
量身打造更好的类型推导和 IDE 支持 SSR 性能进一步优化 通过编译时优化获得 2~8x 性能提升 SSR + webpack code split 完美支持 (不再局限于路由) vue-cli 3.0 ● 配置依赖化 + 可组合 ● PWA by default ● 一个模板,不同参数 (--ts, --ssr) ● 更好的测试方案 长期展望 ● 单文件组件 CSS 改进:>>> 和0 码力 | 36 页 | 2.00 MB | 1 年前3Flutter在腾讯企鹅辅导上的实践之路
UrlScheme UrlScheme Native Native Native MJFlutter混合栈 实践框架及页面栈管理 2 混合栈管理 MJFlutte混合栈 Flutter单 例 统一路由 动画分离 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 Live Widget Todo Widget Course Widget Tab Widget 降低20-30% 定制规 则 优先使用StatelessWidget 最小封装原则 减少build函数中过多操作 尝试将部分Widget设置为const 不可见的控件懒加载 自定义控件,尽可能复用配置 Flutter For Web 4 Flutter For Web 4 发展 Flutter在今年GDD大会正式发布stable 1.9,同时宣布Flutter For Web仓库正式合入Flutter主仓库0 码力 | 50 页 | 4.07 MB | 1 年前3TypeScript Handbook(中文版)
命名空间 命名空间和模块 模块解析 声明合并 书写.d.ts文件 JSX Decorators 混入 三斜线指令 如何书写声明文件 结构 规范 举例 深入 发布 使用 工程配置 tsconfig.json NPM包的类型 TypeScript Handbook(中文版) 2 5.3 5.4 5.5 5.6 6 6.1 6.2 6.3 6.4 6 ts文件 JSX Decorators 混入 三斜线指令 如何书写声明文件 结构 TypeScript Handbook(中文版) 5 介绍 规范 举例 深入 发布 使用 工程配置 tsconfig.json NPM包的类型 编译选项 在MSBuild里使用编译选项 与其它构建工具整合 使用TypeScript的每日构建版本 Wiki TypeScript里的this work") as HTMLInputElement).value; return `Hello from ${compiler} and ${framework}!`; } 构建设置 配置 TypeScript 编译器 我们先来告诉TypeScript怎样构建。 右击scripts文件夹并选择New Item。 接着选 择TypeScript Configuration File,保持文件的默认名字为0 码力 | 557 页 | 7.48 MB | 1 年前3Angular核心特性 大漠穷秋 2017-05-13
如果没有Router,浏览器的前进后退按钮没法用 如果没有Router,你将无法把URL拷贝并分享给你的朋友 Angular应用中路由形成的Tree形结构 Angular路由用法:静态路由 Angular路由用法:异步路由 Angular路由用法:路由守卫 防止未授权访问 第三块:Angular架构特色 依赖注入 依赖注入 Parent Injector Child0 码力 | 52 页 | 2.50 MB | 1 年前3后浪Flutter - Google 开源的UI 工具包陈孟泽
Flutter简介 Dart语言简介 - 变量声明 Dart语言简介 - 函数声明 Dart语言简介 - 函数声明 Dart语言简介 - 类声明 上手试试? Flutter基础 • 组件 • 路由 • 资源管理 • 包管理 Flutter组件 • 基础组件 • 布局组件 • 容器组件 • 功能类组件 基础组件 • StatelessWidget & StatefulWidget 列表(ListView) • 网格(GridView) 功能类组件 • 导航拦截(WillPopScope) • 对话框(AlertDialog) • 手势(GestureDetector) 路由 路由 包管理 资源管理 Flutter进阶 Flutter进阶 Flutter进阶 Flutter进阶 Vue学习资料 • 官网:https://flutter.dev/ • 中文网:https://flutter0 码力 | 28 页 | 1.56 MB | 1 年前3
共 54 条
- 1
- 2
- 3
- 4
- 5
- 6