登录注册
京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

Xebcnor

  • AngularJS 模版 - Angular Templates

    是时候给这些网页来点动态特性了——用AngularJS！我们这里为后面要加入的控制器添加了一个测试。一个应用的代码架构有很多种。对于AngularJS应用，我们鼓励使用模型-视图-控制器（MVC）模式解耦代码和分离关注点。考虑到这一点，我们用AngularJS来为我们的应用添加一些模型、视图和控制器。

    Xebcnor
    angularjs， 模版， angular， templates， 中文版

  • 静态模版 - Static Template

    为了说明AngularJS如何增强了标准HTML，我们先将创建一个静态HTML页面模板，然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。在本步骤中，我们往HTML页面中添加两个手机的基本信息，用以下命令将工作目录重置到步骤1。 git checkout -f step-1请编辑app/index.html文件，将下面的代码添加到index.html文件中，然后运行该应用查看效果。app/index.

    Xebcnor
    静态， 模版， static， template， angularjs

  • 引导程序 - Bootstrapping

    我们现在开始准备编写AngularJS应用——phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。1.

    Xebcnor
    引导程序， bootstrapping， angularjs， 中文版

  • 导言

    学习 AngularJS 的一个好方法是逐步完成本教程，它将引导您构建一个完整的 AngularJS Web 应用程序。 该 Web 应用是一个 Android 设备清单的目录列表，您可以筛选列表以便查看您感兴趣的设备，然后查看设备的详细信息。本教程将向您展示 AngularJS 怎样使得 Web 应用更智能更灵活，而且不需要各种扩展程序或插件。

    Xebcnor
    导言， angularjs， 中文版

  • AngularJS 中文版

    本教程将向您展示 AngularJS 怎样使得 Web 应用更智能更灵活，而且不需要各种扩展程序或插件。学习 AngularJS 的一个好方法是逐步完成本教程，它将引导您构建一个完整的 AngularJS Web 应用程序。 通过本教程的学习，您将：阅读示例学习怎样使用 AngularJS 的客户端数据绑定和依赖注入功能来建立可立即响应用户操作的动态数据视图。

    Xebcnor
    angularjs， 中文版

  • 模块规范

    CommonJS 规范Asynchronous Module DefinitionCommon Module DefinitionCMD 模块定义规范Universal Module DefinitionECMAScript 6 Module什么是 AMD、 CommonJS、 UMD关于 CommonJS AMD CMD UMD为什么我推荐 requirejs 而不是 seajsAMD 和 CMD 的区别有哪些前端模块化开发的价值What Server Side JavaScript needs模块系统RequireJScurlSea.

    Xebcnor
    模块， 规范， webpack， 中文， 指南

  • AMD 规范

    AMD（异步模块定义）是为浏览器环境设计的，因为 CommonJS 模块系统是同步加载的，当前浏览器环境还没有准备好同步加载模块的条件。AMD 定义了一套 JavaScript 模块依赖异步加载标准，来解决同步加载的问题。模块通过 define 函数定义在闭包中，格式如下：define(id?: String, dependencies?: String[], factory: Function|Object);id 是模块的名字，它是可选的参数。

    Xebcnor
    amd， 规范， webpack， 中文， 指南

  • CommonJS 规范

    CommonJS 是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目，比如在服务器和桌面环境中。这个项目最开始是由 Mozilla 的工程师 Kevin Dangoor 在2009年1月创建的，当时的名字是 ServerJS。我在这里描述的并不是一个技术问题，而是一件重大的事情，让大家走到一起来做决定，迈出第一步，来建立一个更大更酷的东西。

    Xebcnor
    commonjs， 规范， webpack， 中文， 指南

  • 高级

    以下章节是进阶内容。

    Xebcnor
    高级， webpack， 中文， 指南

  • 故障处理

    Webpack 的配置比较复杂，很容出现错误，下面是一些通常的故障处理手段。一般情况下，webpack 如果出问题，会打印一些简单的错误信息，比如模块没有找到。我们还可以通过参数 --display-error-details 来打印错误详情。$ webpack --display-error-detailsHash: a40fbc6d852c51fceadbVersion: webpack 1.12.

    Xebcnor
    故障处理， webpack， 中文， 指南

  • 开发环境

    当项目逐渐变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。$ webpack --progress --colors如果不想每次修改模块后都重新编译，那么可以启动监听模式。开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，所以监听模式的整体速度是很快的。

    Xebcnor
    开发环境， webpack， 中文， 指南

  • 插件

    插件可以完成更多 loader 不能完成的功能。插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。Webpack 本身内置了一些常用的插件，还可以通过 npm 安装第三方插件。接下来，我们利用一个最简单的 BannerPlugin 内置插件来实践插件的配置和运行，这个插件的作用是给输出的文件头部添加注释信息。修改 webpack.config.

    Xebcnor
    插件， webpack， 中文， 指南

  • 配置文件

    Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定配置文件。继续我们的案例，在根目录创建 package.json 来添加 webpack 需要的依赖：{ "name": "webpack-example", "version": "1.

    Xebcnor
    配置文件， webpack， 中文， 指南

  • Loader

    Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。Loader 可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。这样，我们就可以通过 require 来加载任何类型的模块或文件，比如 CoffeeScript、 JSX、 LESS 或图片。先来看看 loader 有哪些特性？

    Xebcnor
    loader， webpack， 中文， 指南

  • 使用

    首先创建一个静态页面 index.html 和一个 JS 入口文件 entry.js：<!-- index.html --><html><head> <meta charset="utf-8"></head><body> <script src="bundle.js"></script></body></html>// entry.jsdocument.write('It works.')然后编译 entry.js 并打包到 bundle.js：$ webpack entry.

    Xebcnor
    使用， webpack， 中文， 指南

  • 安装

    首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。用 npm 安装 Webpack：$ npm install webpack -g此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 试试。通常我们会将 Webpack 安装到项目的依赖中，这样就可以使用项目本地版本的 Webpack。# 进入项目目录# 确定已经有 package.

    Xebcnor
    安装， webpack， 中文， 指南

  • 准备开始

    我们通过具体案例来快速上手 Webpack。以下章节中的案例源码可以在 https://github.com/zhaoda/webpack-handbook/tree/master/examples/start 查看。

    Xebcnor
    准备， 开始， webpack， 中文， 指南

  • 什么是 Webpack

    Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。为什么重复造轮子市面上已经存在的模块管理和打包工具并不适合大型的项目，尤其单页面 Web 应用程序。

    Xebcnor
    什么， webpack， 中文， 指南

  • 现状

    伴随着移动互联的大潮，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。

    Xebcnor
    现状， webpack， 中文， 指南

  • 前言

    介绍前端模块系统的演进历史，以及 Webpack 出现的背景及其特点。

    Xebcnor
    前言， webpack， 中文， 指南
上一页 下一页

个人简介

  1. Xebcnor

  2. 前端学习 GO GO GO

  3. 获得 22643 积分

  4. https://nowjava.com/creator/10010

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java