Yeoman是Google的团队和外部贡献者团队合作开发的，他的目标是通过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流。
1.AngularJS Seed项目目录结构 AngularJS官方网站提供了一个angular-phonecat项目，另外一个就是Angular-Seed项目。所以大多数团队会基于Angular-Seed项目来开发，本文首先分析angular-seed项目的目录结构。以及AngularJS团队为我们做了什么事情，提供了我们真实开发最需要的框架结构。 这个项目仅仅是一个典型的AngularJS网络应用程序的应用程序骨架。 您可以使用它来快速引导您的Angular webapp项目和搭建开发环境。 Angul
最近，在做项目优化，想将用到的jquery.js、bootstrap.js、angular.js、angular-ui-router.js、validator.js以及require.js做all in one（统一合并为一个文件），已减少http的请求数量。然而，在合并的过程中，报错：
git clone https://github.com/ceph/calamari.git yum install gcc gcc-c++ postgresql-libs python-virtualenv rpm-build -y cd calamari && ./build-rpm.sh cd ../rpmbuild/SOURCES tar zxvf calamari-server_1.5.2.tar.gz cd calamari-server-1.5.2 make&&make install calamari-ctl initialize
最近写了两个Grunt插件（grunt-htmlstamp 和 grunt-file-modify），已经用在自己的项目中，用得很开心。本文便是记录了Grunt插件开发的一些关键的点，作为笔记，比较简
soa/微服务架构，前后端分离，前后端通过http通讯json交换数据这个是未来的趋势
最近写了两个Grunt插件（grunt-htmlstamp 和 grunt-file-modify），已经用在自己的项目中，用得很开心。本文便是记录了Grunt插件开发的一些关键的点，作为笔记，比较简明扼要，更适合对Grunt有一些了解的同学，一些基础的知识请自行 Google 之。
web express web开发框架 ejs 页面模板。可以方便的把html改写成ejs。 eco 页面模板,类似ejs。与ejs的不同点是：逻辑部分用CoffeeScript而不是javascript jade 页面模板 源自ruby的haml 比ejs优雅简洁，但把html转换成jade要花一番功夫。 coffeecup 页面模板 风格有些像 jade,但里面的内容各种用coffee。 Mongoskin mongoDB驱动。是在mongodb-native的基础上做的封装。 mongoose mon
Yeoman是现代化前端项目的脚手架工具，用于生成包含指定框架结构的工程化目录结构。它是整个前端自动化工厂的第一站。
http://blog.fens.me/angularjs-yeoman-project/
打开powershell，运行：&{$Branch='dev';iex ((new-object net.webclient).DownloadString('https://raw.githubusercontent.com/aspnet/Home/dev/dnvminstall.ps1'))} 安装工具（模板生成）： npm install -g yo grunt-cli generator-aspnet bower 生成模板工程： yo aspnet 安装依赖 dnu restore 运行：
最近做的项目我负责架构和全栈开发，前端从JSP转换到了Html + jquery+ajax，后端为Java。随着功能不断地迭代还有系统不断地壮大，前端纯html+jquery+ajax的问题也暴露出来了：
背景：原来前端项目使用ES5开发，后来有个小伙伴使用了ES6的高级语言，导致项目无法通过grunt压缩。
STEP 1：设置开发环境 与 Yeoman 的所有交互都是通过命令行。Mac 系统使用 terminal.app，Linux 系统使用 shell，windows 系统可以使用 cmder/Powe
这将是SpringBoot学习系列的最后一篇文章，主要涉及Spring Cloud和JHispter两个知识点，都具有一定综合性，需要多加实践加强理解。 Spring Cloud 微服务Micro
根据微软的介绍，与我之前的一些总结，可以看到 ASP.NET 以及 .NET 平台会有下面几个变化： 代码使用 Apache 协议开源，并且托管于 Github 上。 新的 C# 编译器 Roslyn。 一个新的跨平台的 CLR（对应 Java 平台的 JVM）。 新的项目组织与构建工具KVM。 基础库 corefx。 这些概念都有点让人觉得云深雾绕，仔细研究就会发现，其实 ASP.NET 借鉴了大量 node.js 与 Ruby 社区的概念与架构。对应如下： KVM 对应 Ruby 社区的 RVM，与 n
HTML 常见标签和属性 文档类型声明 转义字符 网页访问无障碍（只是了解） CSS 常用选择器 样式生效规则（浏览器的默认样式，选择器权重的计算，样式的继承综合作用的结果）。 常用样式 布局 盒模型 水平，垂直居中 布局技术 相对，绝对和固定定位 Float（不推荐。功能弱，还要去浮动） inline-block(兼容旧些的浏览器用) Flex (主流) Grid（和Flex配合，面向未来）(只是了解) 响应式 媒体查询 rem 的使用（配合 JS 动态设置根节点的字体大小更灵活）。 效果 过
1.1 安装sdk和运行时 浏览器打开网址https://www.microsoft.com/net/download， 到.Net Core下载页面。 根据操作系统，下载对应的SDK进行安装。安装之后可以从命令行运行dotnet命令，查看是否安装成功。 1.2 使用VS2015 首先确保你的电脑上安装Visual Studio 2015 Update3，当然我们也可以安装 Visual Studio Community 2015（https://www.visuals
1.Create React App：如果你是在学习 React 或创建一个新的单页应用
JHipster（Java Hipster）是一个开源的Yeoman（Yo Gulp Bower）生成器，可以用来快速生成Spring boot+AngularJS能够方便集成swagger，elasticsearch，logstash日志系统的项目，它专注于生成高质量的代码［以Java为后端使用Spring技术栈（Boot, Security, Data, ....）］，［AngularJS1/2为前端］，开发环境使用Maven,Browsersync,Liquibase,Gulp.js,Bower工具以及其他技术。
0x00 写在前面的废话 年底这段时间实在太忙了，各种事情都凑在这个时候，没时间去学习自己感兴趣的东西，所以博客也好就没写了。最近工作上有个小功能要做成Web应用，之前曾经有过类似需求，当时用的是WCF做WebAPI，前端用ExtJS。这次需求不关键，只要能解决问题就好，具体用什么技术无所谓，正好赶上ASP.NET 5发布，所以打算尝试一下。在Windows下借助强大的VS一路安装就解决问题了，不过ASP.NET5跨平台啊，决定试一下在Linux下部署开发环境，以后再忽悠别人入坑也更有说服力。之前一直用Wi
JavaScript 没有内置模块支持，但社区已经创建了令人印象深刻的解决方法。要管理模块，可以使用所谓的包管理器，它们处理发现、安装、依赖管理等。
Script Lab 初级程教程己经靠一段落，前后共了9篇，作为 OfficeJS 开发入门己经缀缀有余。假设你使用Script Lab 创建了一个加载项的片段，那么你一定想把它变成一个一个独立的加载项。经过反复的偿试，还真找到一个最佳方法，可以轻松将代码片段转换为 OfficeJS 加载项。接着我们将进入第二阶段，向正式的 Web Add-ins 开发进军。
引言 使用JavaScript能够完整迅速做出Web应用程序，目前一套工具包括MongoDB、ExpressJS，AngularJS和Node.js越来越受到欢迎，其开发的灵活性和易用性加快开发效率，
JHipster简单来看是一个代码生成器，能够快速创建基于Spring Boot + AngularJS的应用程序。所以这就要求对Spring、Spring Boot要有所了解。 JHipster使用Node.js和Yeoman产生Java应用代码，使用Maven或者Gradle运行产生的代码
怎样算是个体面的前端攻城狮? 大概是，PM，设计，开发等工种都觉得你很专业，很腻害吧～ 下面阐述下我心中体面攻城狮该具备的 软件 能熟练使用前端会用的软件。软件主要分为以下几类 IDE 我用的是Su
前几日在推送《六大方向助你突破前端生涯平台期》之后，收到了一位读者的来信，我觉得这位同学的发展经历还是很具有代表性的。所以经本人允许之后，我决定把原文发出来给其他同学借鉴一下，并标注了其中的关键信息：
jHipster(J潮客)其亮点： 风头超劲，席卷欧美，最新全能Java Web开发程式产生器 (java web generator)。 由Java专家累积的开发经验，配上各类实用的框架技术，去繁取精的运用，全方位的配置，制成出完备的开发应用程式。 完美Java体系架构，适合各行各业项目，尤其以适用于面向服务的体系结构(SOA)更为胜任。 不论菜鸟，老牛或专家，极容易上手，只要你可以下载及建立以下要求的工作环境。 快速建成一个制作就绪的基本项目工作模版，令你可以用有限的精力专注业务上的运作。 制作
很多人说“我准备做一名前端开发工程师了，web前端”， 我不管你是专业的科班出身，还是出于兴趣，或者为了找工作什么的选择这个方向。 尽管都是写代码，开发前端页面，与用户接触的界面。但是真的需要明白，把主要写html与css的与写js的分开，如果你能根据设计师的效果图，用html标签与css完美的布局出来，或者你还会设计，设计的还很完美，你真的是一门称职的ui设计师或者网页设计师。就算是只做好这个工作，就不是一件容易的事情，因为要考虑的事情任然很多。比如界面交互的友好性，美观度，用户体验，还有写的页面需要考虑
http://yujiangshui.com/grunt-basic-tutorial/
上面这个 slide 资料讲的非常好，算是一个入门的介绍吧。带我们建立基本的移动 web 开发知识体系和常见问题的实践。包含以下几个方面：
心血来潮，打算结合实际开发的经验，浅谈一下HTML5单页面App或网页的架构。 众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加载流畅度会好很多。 废话就不多说了，直接到正题吧，浅谈一下我自己理解的几种单页面架构： 1、requirejs+angular+angular-route（+zepto） 最后这个zepto可有可无，主要是给团队中实在用不爽
想一想如果没有这个工具，我们需要手动新建一个压缩代码后的文件夹，每次修改原始文件，都要手动压缩一下，再保存到压缩后的文件夹，想想都要疯掉。所以，grunt前端必不可少。
在windows下，我们做js构建工作，都习惯安装grunt-cli，只需要命令行grunt。。。一切构建工作都自动完成了。这已经是很完美的情况了，不过最近要做一个服务器版的自动化构建系统，在nodejs中调用批处理执行grunt就显得很矬，而且各种问题。是否有更好，更漂亮的方式呢？ grunt本来就是nodejs程序，安装后表现为一个node_module，那么cli是什么呢？这只是一个nodejs写的命令行界面。所以，nodejs肯定可以直接在js层面调用grunt。 我们需要做的，只需要揭开cli的面
A. 通过npm init在项目根目录下生成package.json； B. 通过npm install grunt --save-dev 安装grunt依赖; C. 项目根目录下手动创建文件夹Gruntfile.js
npm install -g grunt-cli //全局安装grunt npm init -y //初始化package.json npm install grunt --save-dev //在项目中安装grunt grunt --help //查看更多信息 grunt 安装完毕
基于Visual Studio 2015，你可以： 方便的管理前端包，如jQuery, Bootstrap, 或Angular。 自动运行任务，如LESS、JavaScript压缩、JSLint、JavaScript单元测试等。 方便的获得Web开发者生态圈的工具包。 为了实现这些场景，Visual Studio 2015已经内置了一些流行的第三方工具包： Bower：Web包管理器，Bower可以帮你安装前端包，包括JavaScript、CSS类库。对于服务器端包，请通过NuGet包管理。 Grunt a
通过本篇你可以了解到： 1 grunt-cli的执行原理 2 nodeJS中模块的加载过程 Grunt-cli原理 grunt-cli其实也是Node模块，它可以帮助我们在控制台中直接运行grunt命令。因此当你使用grunt的时候，往往都是先安装grunt-cli，再安装grunt。 如果你使用的是npm install -g grunt-cli命令，那么安装地址如下： windows: C:\\Users\\neusoft\\AppData\\Roaming\\npm\\node_modules\\gr
说明 最近的业务正则较多，特此回顾一下基本用法 适用于 正则表达式的有经验的朋友。 匹配任意字符 let reg = /a../g; reg.test('aqw'); //true 匹配字母和数字 let reg = /\w/g; reg.test('1231qwesadFSD'); //true //匹配所有的数字和大小写字母 let regNumber = /\d/g; regNumber.test('31241320'); //true // 匹配所有的数字 // \D 和 \W 就是补集
grunt是基于nodejs的，所以需要一个 nodejs 环境，未了解的可以 来这看看
1、node环境安装 http://www.runoob.com/nodejs/nodejs-install-setup.html 2、grunt安装 package.json文件 http://blog.csdn.net/zmrdlb/article/details/53190696 { "name": "payment", "version": "0.0.1", "author": "zhangxu", "devDependencies": { "grunt": "^0.4.5"
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
