关闭

webpack:从入门到真实项目配置(二)

如何在项目中使用 webpack 项目中已经配置了很简单的 babel 和 webpack,直接运行 npm run start 即可 这时候你会发现这个 bundle.js 居然有这么大,这肯定是不能接受的,所以接下来章节的主要目的就是将单个文件拆分 为多个文件,优化项目。 分离代码 先让我们考虑下缓存机制。对于代码中依赖的库很少会去主动升级版本,但是我们自己的代码却每...
阅读(42) 评论(0)

webpack:从入门到真实项目配置

简单使用 安装 在命令行中依次输入 mkdir webpack-demo cd webpack-demo // 创建 package.json,这里会问一些问题,直接回车跳过就行 npm init // 推荐这个安装方式,当然你也安装在全局环境下 // 这种安装方式会将 webpack 放入 devDependencies 依赖中 npm install --save-dev webp...
阅读(17) 评论(0)

Angualr中自定义指令模板

Document <body ng-app="demoApp...
阅读(34) 评论(0)

Angular自定义指令

指令的基础使用 <body ng-app="MyApp...
阅读(65) 评论(0)

Git与Angular入门

复习 Node Node.js — 类似一个操作系统一个JS的运行环境 主要用于开发Web应用程序(回想登陆的例子) 很多的前端开发工具都是基于node这个平台 所用的工具就相当于一些软件 NVM (可选的)Node Version Manager(Node的版本管理工具) 因为node的版本比较多,很多时候我们可能依赖多个版本,并要求自由切换 使用 nvm use [对应的版本号] [平台架构(如...
阅读(34) 评论(0)

gulp文件

//gulpfile.js'use strict'; /** * 1. LESS编译 压缩 合并 * 2. JS合并 压缩 混淆 * 3. img复制 * 4. html压缩 */// 在gulpfile中先载入gulp包,因为这个包提供了一些API var gulp = require('gulp'); var less = require('gulp-less'); var cssna...
阅读(53) 评论(1)

git简单使用

5.3.1.初始化一个本地GIT仓储// 定位到仓储文件夹目录 $ cd /dir // 初始化本地仓储 $ git init5.3.2.添加本地GIT忽略清单文件.gitignore// 添加OS X中系统文件.DS_Store到忽略清单,这将忽略项目任意目录下的.DS_Store文件或是文件夹 $ echo .DS_Store >> .gitignore5.3.3.查看本地仓储的变更状态$ gi...
阅读(23) 评论(0)

封装jsonp跨域请求

(function(window,document,undefined){ // url = http://ssss?dsf=sdfs& var jsonp = function(url, data, callback) { // 1.挂载回调函数 var fnSuffix = Math.random().toString().replace('.',...
阅读(64) 评论(0)

在Windows环境下用Yeoman构建AngularJS项目

本文将通过 Yeoman 创建一个 AngularJS 应用,同时 也能感受到 Grunt 和 Bower 的功能。认识YeomanYeoman 是一位戴帽子、立意奇颖的人。Yeoman 是一套工作流程。Yeoman 是Web 应用开发脚手架。通过很少的命令,就能给你整个应用或者独立的模块生成模板代码,比如控制器或者模型。Yeoman 可以启动预览 Web 服务器,观察文件,如果被编辑,就会重新加载...
阅读(84) 评论(0)

移动web开发经验与常见问题总结

1.1 移动web1.1.1 三种布局 有最大、最小宽度的百分比自适应布局 适用场景:门户网站首页,图片较多的首页。 百分比自适应布局 适用场景:信息文字较多的网页,内容较多网页。 全屏自适应布局 适用场景:单页面网页,移动web app 页面。 1.1.2 Box-sizing在移动端的使用在百分比定宽的页面经常使用。*, ::before, ::after{ -webkit-...
阅读(59) 评论(0)

28个HTML5特征、窍门和技术

前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。 一、新的Doctype //zxx:”doctype”中文意思指“文档类型” 仍在使用麻烦的,不可能记得住的XHTML文档类型? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
阅读(170) 评论(0)

JS中策略模式变成--面向未来变成

<meta http-equiv="Content-Ty...
阅读(48) 评论(0)

Node版本管理工具NVM配置

1.Node环境1.1.什么是Node Node.js 可能类似jquery.js 不是JS文件,也不是一个JS框架() 而是Server side Javascript runtime, 服务端的一个JS运行时 我们可以在NODE运行JS代码 alert();ECMAScript JS- ES BOM DOM node中只能运行ECMAScript,无法使用 BOM 和 DOM 目前我们的J...
阅读(42) 评论(0)

一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)

http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局安装加 -g) : npm install http-server Windows 下使用:在站点目录下开启命令行输入 http-server访问: http://localhost:8080 or http://12...
阅读(31) 评论(0)

Array对象常用方法

//shift:删除原数组的第一项,返回删除元素的值;如果数组为空则返回undefined var arr = [1, 2, 3, 4, 5]; var out = arr.shift(); console.log(arr); //[2,3,4,5] console.log(out); //1 var arr = []; var out = arr.s...
阅读(67) 评论(0)
78条 共6页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:7332次
    • 积分:771
    • 等级:
    • 排名:千里之外
    • 原创:71篇
    • 转载:5篇
    • 译文:0篇
    • 评论:1条
    文章分类