摘要：
AngularJS如何编译和呈现页面？页面加载，首先加载静态DOM，AngularJS随即加载，并寻找在页面的ng-app，然后开始编译所有moudlue内的所有service, controller,directive等，然后搜寻dom中的directive，并创建HTML模板，模板就有了自己的s...
阅读全文
posted @ 2015-11-18 17:58
Darren Ji
阅读(3310)
推荐(1)
摘要：
通常我们这样定义个module并随之定义一个controller.var app = angular.module('myApp', []);app.controller('CustomersController', ['$scope', function($scope){ var count...
阅读全文
posted @ 2015-11-18 17:56
Darren Ji
阅读(4545)
推荐(0)
摘要：
本篇体验Webpack的基本面以及一个例子。■ What is Webpack● module bundler● module with dependencies● module generates static assets■ Why Webpack● good for development b...
阅读全文
posted @ 2015-11-14 11:54
Darren Ji
阅读(4412)
推荐(2)
摘要：
依然chsakell，他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处，但在前端调用API时，把各种调用使用$resouce封装在一个服务中的写法颇有借鉴意义。文章：http://c...
阅读全文
posted @ 2015-11-12 22:41
Darren Ji
阅读(1452)
推荐(0)
摘要：
chsakell分享了前端使用AngularJS,后端使用ASP.NET Web API的购物车案例，非常精彩，这里这里记录下对此项目的理解。文章：http://chsakell.com/2015/01/31/angularjs-feat-web-api/http://chsakell.com/20...
阅读全文
posted @ 2015-11-12 17:37
Darren Ji
阅读(2038)
推荐(0)
摘要：
chsakell分享了前端使用AngularJS,后端使用ASP.NET Web API的购物车案例，非常精彩，这里这里记录下对此项目的理解。文章：http://chsakell.com/2015/01/31/angularjs-feat-web-api/http://chsakell.com/20...
阅读全文
posted @ 2015-11-12 17:26
Darren Ji
阅读(2429)
推荐(0)
摘要：
chsakell分享了前端使用AngularJS,后端使用ASP.NET Web API的购物车案例，非常精彩，这里这里记录下对此项目的理解。文章：http://chsakell.com/2015/01/31/angularjs-feat-web-api/http://chsakell.com/20...
阅读全文
posted @ 2015-11-12 17:11
Darren Ji
阅读(1755)
推荐(0)
摘要：
从OData v4开始增加了对单例模式的支持，我们不用每次根据主键等来获取某个EDM，就像在C#中使用单例模式一样。实现方式大致需要两步：1、在需要实现单例模式的导航属性上加上[Singleton]特性2、在EDM配置的时候使用builder.Singleton("SomeModels")来创建Si...
阅读全文
posted @ 2015-11-10 10:44
Darren Ji
阅读(1702)
推荐(0)
摘要：
通常情况下，一个OData的EDM(Entity Data Model)在配置的时候定义了，才可以被查询或执行各种操作。比如如下：builder.EntitySet("SomeModels");可能会这样查询：http://localhost:8888/odata/SomeModels如果SomeM...
阅读全文
posted @ 2015-11-10 00:11
Darren Ji
阅读(605)
推荐(0)
摘要：
本篇体验OData的Action和Function功能。上下文信息参考"ASP.NET Web API基于OData的增删改查，以及处理实体间关系"。在本文之前，我存在的疑惑包括：● 为什么需要OData的Action和Function功能？● Action和Function之间有什么区别？● 如何...
阅读全文
posted @ 2015-11-08 12:00
Darren Ji
阅读(1879)
推荐(0)
摘要：
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
posted @ 2015-11-07 17:35
Darren Ji
阅读(3194)
推荐(2)
摘要：
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
posted @ 2015-11-07 17:21
Darren Ji
阅读(5366)
推荐(0)
摘要：
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
posted @ 2015-11-07 17:05
Darren Ji
阅读(2639)
推荐(0)
摘要：
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目。源码: https://github.com/chsakell/spa-webapi-angularjs文章：http://chsakell.com/2015/08/23/building-singl...
阅读全文
posted @ 2015-11-07 16:51
Darren Ji
阅读(2939)
推荐(1)
摘要：
在使用EF Code First更新数据库时报如下错误：在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接。 (provider: SQL Network Interfaces, e...
阅读全文
posted @ 2015-11-05 08:48
Darren Ji
阅读(2148)
推荐(0)
摘要：
本篇体验实现ASP.NET Web API基于OData的增删改查，以及处理实体间的关系。首先是比较典型的一对多关系，Supplier和Product。public class Product{ public int Id { get; set; } public string Name...
阅读全文
posted @ 2015-10-31 21:54
Darren Ji
阅读(2752)
推荐(0)
摘要：
本篇使用ASP.NET Web API来体验OData各种query。首先是本篇即将用到的Model。使用的OData版本是4.0。public class Customer{ public int Id { get; set; } public string Name { get; s...
阅读全文
posted @ 2015-10-31 19:16
Darren Ji
阅读(3654)
推荐(0)
摘要：
本篇整理AngularJS使用OData请求ASP.NET Web API资源的思路。首先给ASP.NET Web API插上OData的翅膀，通过NuGet安装OData.然后，给controller中需要使用OData的Action加上EnableQuery特性，并让Action方法返回IQue...
阅读全文
posted @ 2015-10-29 10:01
Darren Ji
阅读(1184)
推荐(0)
摘要：
ASP.NET Web API如何接受来自AngualrJS的QueryString呢？本篇体验两种方式。第一种方式：http://localhost:49705/api/products?search=GDN这种方式是QueryString原生的格式。首先，把当前的域名和端口号放到一个自定义的mo...
阅读全文
posted @ 2015-10-28 09:07
Darren Ji
阅读(775)
推荐(0)
摘要：
页面部分大致如下： ... ...productManagement是页面module的名称。页面内容通过ng-include加载productListView.html这个页面。注意：ng-include属性值是字符串'app/products/productListView....
阅读全文
posted @ 2015-10-27 09:50
Darren Ji
阅读(1939)
推荐(1)
摘要：
默认情况下，是不允许网页从不同的域访问服务器资源的，访问遵循"同源"策略的原则。会遇到如下的报错：XMLHttpRequest cannot load http://localhost:49705//api/products. No 'Access-Control-Allow-Origin' hea...
阅读全文
posted @ 2015-10-27 08:55
Darren Ji
阅读(800)
推荐(1)
摘要：
在页面中由上到下引用了： angular.js angular-route.js 创建model的时候也写明了依赖： var someApp = angular.module('someApp',['ngRoute']); 并且注入并调用$routeProvider这个服务： someApp.config(function($routeProvider){ $rout...
阅读全文
posted @ 2015-10-16 16:41
Darren Ji
阅读(9330)
推荐(0)
摘要：
使用AngularJS动态设置CSS大致有2种思路： 1、通过动态设置class名称 比如先定义2个样式： .show-true{ display:block;} .show-flase{ display:none;} 在某个元素中： Untitled Document hello ...
阅读全文
posted @ 2015-10-01 17:18
Darren Ji
阅读(15013)
推荐(0)
摘要：
实现这样的一个需求：点击某个按钮，然后显示或隐藏某块区域。 先注册一个AngularJS的一个module: var myApp = angular.module("myApp",[]); 为module注册controller： myApp.controller("MyController",['$scope',function($scope){ $scope...
阅读全文
posted @ 2015-10-01 16:31
Darren Ji
阅读(1828)
推荐(0)
摘要：
实现这样的一个需求：页面中某个地方显示某个文本框的值经过计算得到的结果,而且是文本框值每次变化显示的计算结果也跟着动态变化。 在controller中可以声明一个对象，它的一个字段用来存储初始值： $scope.funding = {startingEstimate:0}; 以上，声明了一个funding对象，它的startingEstimate字段用来存储初始值，初始值这里是0....
阅读全文
posted @ 2015-10-01 15:09
Darren Ji
阅读(1325)
推荐(0)
摘要：
本篇体验AngularJS的Hello World，虽然简单，但体现了AnuglarJS的一些重要概念。 大致思路是这样的： ● 通常通过为hmtl元素添加AngularJS独有的属性来实现一些功能，比如ng-app, ng-controller ● 在js中，通常需要注册一个module，然后为module在注册controller等。AngularJS不仅仅有angular.js文...
阅读全文
posted @ 2015-10-01 10:26
Darren Ji
阅读(932)
推荐(0)
摘要：
推荐在Brackets安装"LESS AutoCompile"插件，当保存less文件会自动生成或保存相应的css文件。 变量 以@开头声明变量，并且对变量进行分类，比如颜色变量、字体大小变量、模版变量、布局变量，等等。比如： @fontSize:#000; 嵌套 hello .container{ font-size: @fontSize; p { ...
阅读全文
posted @ 2015-09-30 10:55
Darren Ji
阅读(394)
推荐(0)
摘要：
chrome浏览器在调试的时候默认会查找根目录下的favicon.ico文件，如果不存在就会报错。 解决办法：F12，点击左侧漏斗形状的filter，勾选上”Hide network messages”，问题解决。
阅读全文
posted @ 2015-09-29 14:28
Darren Ji
阅读(11191)
推荐(1)
摘要：
页面中有： 这里会根据不同的路由设置选择不同模版下的内容。 如果把AngularJS网站项目放在包含中文字的目录中，会报以上的错。 解决办法：把AngularJS网站项目放在没有中文字的目录中。
阅读全文
posted @ 2015-09-28 16:24
Darren Ji
阅读(1705)
推荐(0)
摘要：
首先通过带参函数来定义一个Javascript函数，相当于C#中的一个类。 var Person = function(firstname, lastname){ this.firstname = firstname; this.lastname = lastname; } 再定义一个Javascript函数，在其中创建一个Person对象，并在控制台上打印。 func...
阅读全文
posted @ 2015-09-27 16:02
Darren Ji
阅读(1020)
推荐(0)
摘要：
当我们使用HTML5， CSS3，甚至Bootstrap设计网站的时候，有些方面是必须考虑的，比如字体大小，标题大小，行间距，每行字数，字体，颜色，背景图片和文字的搭配，图标，留白和布局......所有的这些，都不是随随便便的，讲究一定的原则。本篇收集了使用HTML5和CSS3设计网站的一些片段。 HTML5和CSS3常用参考网站？ ● 浏览器渲染符合HTML5标准：http://neco...
阅读全文
posted @ 2015-09-26 23:15
Darren Ji
阅读(471)
推荐(1)
摘要：
当在Brackets中安装上Emmet插件后，就可以使用Emmet的语法来加速前端编写。 有关html ● 子关系> div>ul>li ● 相邻+ div+p+bq ● 上一级^ div+div>p>span+em^bq ● 重复* ul>li*5 ● 分组() div>(header>ul>li*2)+footer>p ● 类 div.demo ● ID d...
阅读全文
posted @ 2015-09-23 10:31
Darren Ji
阅读(1064)
推荐(0)
摘要：
Brackets功能还是很强大的。 官网：brackets.io常见问题解决：https://github.com/adobe/brackets/wiki/Troubleshooting快捷键：https://github.com/adobe/brackets/wiki/Brackets-Shortcuts 首次打开Brackets 首次打开有一个默认页面，右上角的波浪按钮用来预览，被打开...
阅读全文
posted @ 2015-09-23 01:10
Darren Ji
阅读(2738)
推荐(0)
摘要：
这里记录下某段时间Bootstrap的零散碎片。 1、有关Bootstrap的参考网站： ● 官方：http://getbootstrap.com/● 主题：http://bootswatch.com/● Font-Awsome: http://fortawesome.github.io/Font-Awesome/● 幻灯片：lokeshdhakar.com/projects/ligh...
阅读全文
posted @ 2015-09-21 09:01
Darren Ji
阅读(819)
推荐(1)
摘要：
本篇体验做一个简单圆角文本框，做到3个效果： 1、初始状态，圆角文本框有淡淡的背景色，边框的颜色为浅灰色2、点击圆角文本框，让其获取焦点，边框变成蓝色，背景色变成白色3、圆角文本框失去焦点，边框变成红色，背景色变成白色 从组成上分析，圆角文本框实际是由里层的Text Field和外层的Rectangle组成。 对于第一个状态，给Rectangle设置背景色和边框色，并且让Text ...
阅读全文
posted @ 2015-09-01 17:46
Darren Ji
阅读(3193)
推荐(0)
摘要：
本篇实现注册页的一些功能。本项目是通过用户名和电子邮件进行注册的。 在本篇之前，在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理。 打开注册页，把登录页的提示动态面板放到当前注册页面提示的正下方，对齐。 提示的时候，有些提示只有一行，比如用户名没填，有些提示有2行，比如用户名和邮箱都没有填。可以把2个状态放到同一个动态面板中，给不同的状态命...
阅读全文
posted @ 2015-08-31 17:44
Darren Ji
阅读(783)
推荐(0)
摘要：
登录验证主要功能包括： ● 用户名错误，提示无效用户名，用户名和密码文本框清空● 用户名存在，密码错误，提示密码错误，密码清空，焦点进入密码框● 用户名和密码都正确，验证通过 本篇接着"使用Axure RP原型设计实践03,制作一个登录界面的原型"这篇。 创建一个页面，名称为"后台"，用来表示验证通过后的页面。 在实际项目中，需要把用户输入的用户名和密码与数据库中的相关匹配，可是，...
阅读全文
posted @ 2015-08-31 10:40
Darren Ji
阅读(1591)
推荐(0)
摘要：
本篇体验公式的使用，一般出现值的时候就可以使用公式，公式可以使用全局变量也可以使用局部变量，在Axure中使用公司有一定的语法。 先创建2个全局变量。 向页面中拖入Rectangle部件，给它的OnClick事件编辑用例： 让其显示两个全局变量的和。注意：[[a]]+[[b]]这样写是不可以的。 [[]]里面可以进行计算，设置条件，还可以插入其它值。写在[[]]之外的都被当作是...
阅读全文
posted @ 2015-08-30 22:30
Darren Ji
阅读(813)
推荐(0)
摘要：
变量是一个可以变的数，可以看作是一个数据的容器。变量有2个操作，一个是读，一个是写。Axure的全局变量是指任何时候都可以对这个变量进行读写操作。 点击工具栏Project下的Global Variables，这里可以设置全局变量。 可以看到，默认已经有一个全局变量。还可以新建变量，变量是可以有默认值的。 现在自定义一个全局变量。 向页面中拖入一个Rectangle，设置R...
阅读全文
posted @ 2015-08-30 21:52
Darren Ji
阅读(1618)
推荐(1)
摘要：
本篇体验做一个登录界面的原型。 登录页 首先在Page Style里为页面设置背景色。 如果想在页面中加图片，就把Image部件拖入页面，并设置x和y轴。双击页面中的Image部件可以导入图片。在Image部件对应的Widget Properties and Style面板中还提供了裁剪功能，裁剪完双击可保存图片。还提供了切割图片的功能。图片部件的Preserve Corners属性用...
阅读全文
posted @ 2015-08-30 00:20
Darren Ji
阅读(4512)
推荐(0)
浙公网安备 33010602011771号