Darren Ji - 博客园

2015年11月18日

摘要： AngularJS如何编译和呈现页面？页面加载，首先加载静态DOM，AngularJS随即加载，并寻找在页面的ng-app，然后开始编译所有moudlue内的所有service, controller,directive等，然后搜寻dom中的directive，并创建HTML模板，模板就有了自己的s... 阅读全文

posted @ 2015-11-18 17:58 Darren Ji 阅读(3298) 评论(0) 推荐(1) 编辑

AngularJS自定义Directive初体验

摘要：通常我们这样定义个module并随之定义一个controller.var app = angular.module('myApp', []);app.controller('CustomersController', ['$scope', function($scope){ var count... 阅读全文

posted @ 2015-11-18 17:56 Darren Ji 阅读(4537) 评论(0) 推荐(0) 编辑

2015年11月14日

Webpack基本用法

摘要：本篇体验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 阅读(4405) 评论(4) 推荐(2) 编辑

2015年11月12日

对一个前端AngularJS,后端OData,ASP.NET Web API案例的理解

摘要：依然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 阅读(1440) 评论(3) 推荐(0) 编辑

购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(3)--Idetity,OWIN前后端验证

摘要： 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 阅读(2019) 评论(1) 推荐(0) 编辑

购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端，以及前后端Session

摘要： 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 阅读(2401) 评论(0) 推荐(0) 编辑

购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(1)--后端

摘要： 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 阅读(1728) 评论(1) 推荐(0) 编辑

2015年11月10日

在ASP.NET Web API中使用OData的单例模式

摘要：从OData v4开始增加了对单例模式的支持，我们不用每次根据主键等来获取某个EDM，就像在C#中使用单例模式一样。实现方式大致需要两步：1、在需要实现单例模式的导航属性上加上[Singleton]特性2、在EDM配置的时候使用builder.Singleton("SomeModels")来创建Si... 阅读全文

posted @ 2015-11-10 10:44 Darren Ji 阅读(1682) 评论(0) 推荐(0) 编辑

在ASP.NET Web API中使用OData的Containment

摘要：通常情况下，一个OData的EDM(Entity Data Model)在配置的时候定义了，才可以被查询或执行各种操作。比如如下：builder.EntitySet("SomeModels");可能会这样查询：http://localhost:8888/odata/SomeModels如果SomeM... 阅读全文

posted @ 2015-11-10 00:11 Darren Ji 阅读(596) 评论(0) 推荐(0) 编辑

2015年11月8日

在ASP.NET Web API中使用OData的Action和Function

摘要：本篇体验OData的Action和Function功能。上下文信息参考"ASP.NET Web API基于OData的增删改查，以及处理实体间关系"。在本文之前，我存在的疑惑包括：● 为什么需要OData的Action和Function功能？● Action和Function之间有什么区别？● 如何... 阅读全文

posted @ 2015-11-08 12:00 Darren Ji 阅读(1851) 评论(2) 推荐(0) 编辑

2015年11月7日

对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(4)

摘要： 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 阅读(3173) 评论(3) 推荐(2) 编辑

对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(3)

摘要： 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 阅读(5357) 评论(2) 推荐(0) 编辑

对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(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:05 Darren Ji 阅读(2629) 评论(0) 推荐(0) 编辑

对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(1)

摘要： 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 阅读(2922) 评论(0) 推荐(1) 编辑

2015年11月5日

EF Code First更新数据库时报错：provider: SQL Network Interfaces, error: 26

摘要：在使用EF Code First更新数据库时报如下错误：在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接。 (provider: SQL Network Interfaces, e... 阅读全文

posted @ 2015-11-05 08:48 Darren Ji 阅读(2122) 评论(0) 推荐(0) 编辑

2015年10月31日

ASP.NET Web API基于OData的增删改查，以及处理实体间关系

摘要：本篇体验实现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 阅读(2725) 评论(0) 推荐(0) 编辑

OData查询ASP.NET Web API全攻略

摘要：本篇使用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 阅读(3615) 评论(0) 推荐(0) 编辑

2015年10月29日

AngularJS使用OData请求ASP.NET Web API资源的思路

摘要：本篇整理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 阅读(1171) 评论(0) 推荐(0) 编辑

2015年10月28日

ASP.NET Web API接受AngualrJS的QueryString的两种方式

摘要： ASP.NET Web API如何接受来自AngualrJS的QueryString呢？本篇体验两种方式。第一种方式：http://localhost:49705/api/products?search=GDN这种方式是QueryString原生的格式。首先，把当前的域名和端口号放到一个自定义的mo... 阅读全文

posted @ 2015-10-28 09:07 Darren Ji 阅读(764) 评论(0) 推荐(0) 编辑

2015年10月27日

有关AngularJS请求Web API资源的思路

摘要：页面部分大致如下： ... ...productManagement是页面module的名称。页面内容通过ng-include加载productListView.html这个页面。注意：ng-include属性值是字符串'app/products/productListView.... 阅读全文

posted @ 2015-10-27 09:50 Darren Ji 阅读(1930) 评论(0) 推荐(1) 编辑

在ASP.NET Web API中实现CORS(跨域资源共享)

摘要：默认情况下，是不允许网页从不同的域访问服务器资源的，访问遵循"同源"策略的原则。会遇到如下的报错：XMLHttpRequest cannot load http://localhost:49705//api/products. No 'Access-Control-Allow-Origin' hea... 阅读全文

posted @ 2015-10-27 08:55 Darren Ji 阅读(790) 评论(4) 推荐(1) 编辑

2015年10月16日

AngularJS报错：[$injector:unpr] Unknown provider: $templateRequestProvider

摘要：在页面中由上到下引用了： 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 阅读(9313) 评论(0) 推荐(0) 编辑

2015年10月1日

AngularJS动态设置CSS

摘要：使用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 阅读(14981) 评论(0) 推荐(0) 编辑

AngularJS一个由于未声明对象而报的错

摘要：实现这样的一个需求：点击某个按钮，然后显示或隐藏某块区域。先注册一个AngularJS的一个module: var myApp = angular.module("myApp",[]); 为module注册controller： myApp.controller("MyController",['$scope',function($scope){ $scope... 阅读全文

posted @ 2015-10-01 16:31 Darren Ji 阅读(1821) 评论(0) 推荐(0) 编辑

AngularJS双向绑定，手动实施观察

摘要：实现这样的一个需求：页面中某个地方显示某个文本框的值经过计算得到的结果,而且是文本框值每次变化显示的计算结果也跟着动态变化。在controller中可以声明一个对象，它的一个字段用来存储初始值： $scope.funding = {startingEstimate:0}; 以上，声明了一个funding对象，它的startingEstimate字段用来存储初始值，初始值这里是0.... 阅读全文

posted @ 2015-10-01 15:09 Darren Ji 阅读(1318) 评论(0) 推荐(0) 编辑

AngularJS的Hello World

摘要：本篇体验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 阅读(923) 评论(0) 推荐(0) 编辑

2015年9月30日

LESS碎语

摘要：推荐在Brackets安装"LESS AutoCompile"插件，当保存less文件会自动生成或保存相应的css文件。变量以@开头声明变量，并且对变量进行分类，比如颜色变量、字体大小变量、模版变量、布局变量，等等。比如： @fontSize:#000; 嵌套 hello .container{ font-size: @fontSize; p { ... 阅读全文

posted @ 2015-09-30 10:55 Darren Ji 阅读(390) 评论(0) 推荐(0) 编辑

2015年9月29日

chrome浏览器调试报错：Failed to load resource: the server responsed width a status of 404 (Not Found)…http://127.0.0.1:5099/favicon.ico

摘要： chrome浏览器在调试的时候默认会查找根目录下的favicon.ico文件，如果不存在就会报错。解决办法：F12，点击左侧漏斗形状的filter，勾选上”Hide network messages”，问题解决。阅读全文

posted @ 2015-09-29 14:28 Darren Ji 阅读(11137) 评论(0) 推荐(1) 编辑

2015年9月28日

AngularJS报错：[$compile:tpload]

摘要：页面中有：这里会根据不同的路由设置选择不同模版下的内容。如果把AngularJS网站项目放在包含中文字的目录中，会报以上的错。解决办法：把AngularJS网站项目放在没有中文字的目录中。阅读全文

posted @ 2015-09-28 16:24 Darren Ji 阅读(1690) 评论(0) 推荐(0) 编辑

2015年9月27日

Javascript中的依赖注入

摘要：首先通过带参函数来定义一个Javascript函数，相当于C#中的一个类。 var Person = function(firstname, lastname){ this.firstname = firstname; this.lastname = lastname; } 再定义一个Javascript函数，在其中创建一个Person对象，并在控制台上打印。 func... 阅读全文

posted @ 2015-09-27 16:02 Darren Ji 阅读(1009) 评论(0) 推荐(0) 编辑

2015年9月26日

使用HTML5和CSS3碎语

摘要：当我们使用HTML5， CSS3，甚至Bootstrap设计网站的时候，有些方面是必须考虑的，比如字体大小，标题大小，行间距，每行字数，字体，颜色，背景图片和文字的搭配，图标，留白和布局......所有的这些，都不是随随便便的，讲究一定的原则。本篇收集了使用HTML5和CSS3设计网站的一些片段。 HTML5和CSS3常用参考网站？ ● 浏览器渲染符合HTML5标准：http://neco... 阅读全文

posted @ 2015-09-26 23:15 Darren Ji 阅读(463) 评论(0) 推荐(1) 编辑

2015年9月23日

在Brackets中使用Emmet

摘要：当在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 阅读(1050) 评论(0) 推荐(0) 编辑

使用Brackets

摘要： 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 阅读(2666) 评论(0) 推荐(0) 编辑

2015年9月21日

Bootstrap碎语

摘要：这里记录下某段时间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 阅读(804) 评论(0) 推荐(1) 编辑

2015年9月1日

使用Axure RP原型设计实践08,制作圆角文本框

摘要：本篇体验做一个简单圆角文本框，做到3个效果： 1、初始状态，圆角文本框有淡淡的背景色，边框的颜色为浅灰色2、点击圆角文本框，让其获取焦点，边框变成蓝色，背景色变成白色3、圆角文本框失去焦点，边框变成红色，背景色变成白色从组成上分析，圆角文本框实际是由里层的Text Field和外层的Rectangle组成。对于第一个状态，给Rectangle设置背景色和边框色，并且让Text ... 阅读全文

posted @ 2015-09-01 17:46 Darren Ji 阅读(3114) 评论(0) 推荐(0) 编辑

2015年8月31日

使用Axure RP原型设计实践07,注册判断

摘要：本篇实现注册页的一些功能。本项目是通过用户名和电子邮件进行注册的。在本篇之前，在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理。打开注册页，把登录页的提示动态面板放到当前注册页面提示的正下方，对齐。提示的时候，有些提示只有一行，比如用户名没填，有些提示有2行，比如用户名和邮箱都没有填。可以把2个状态放到同一个动态面板中，给不同的状态命... 阅读全文

posted @ 2015-08-31 17:44 Darren Ji 阅读(751) 评论(0) 推荐(0) 编辑

使用Axure RP原型设计实践06,登录验证

摘要：登录验证主要功能包括： ● 用户名错误，提示无效用户名，用户名和密码文本框清空● 用户名存在，密码错误，提示密码错误，密码清空，焦点进入密码框● 用户名和密码都正确，验证通过本篇接着"使用Axure RP原型设计实践03,制作一个登录界面的原型"这篇。创建一个页面，名称为"后台"，用来表示验证通过后的页面。在实际项目中，需要把用户输入的用户名和密码与数据库中的相关匹配，可是，... 阅读全文

posted @ 2015-08-31 10:40 Darren Ji 阅读(1519) 评论(0) 推荐(0) 编辑

2015年8月30日

使用Axure RP原型设计实践05,了解公式

摘要：本篇体验公式的使用，一般出现值的时候就可以使用公式，公式可以使用全局变量也可以使用局部变量，在Axure中使用公司有一定的语法。先创建2个全局变量。向页面中拖入Rectangle部件，给它的OnClick事件编辑用例：让其显示两个全局变量的和。注意：[[a]]+[[b]]这样写是不可以的。 [[]]里面可以进行计算，设置条件，还可以插入其它值。写在[[]]之外的都被当作是... 阅读全文

posted @ 2015-08-30 22:30 Darren Ji 阅读(775) 评论(0) 推荐(0) 编辑

使用Axure RP原型设计实践04,了解全局变量

摘要：变量是一个可以变的数，可以看作是一个数据的容器。变量有2个操作，一个是读，一个是写。Axure的全局变量是指任何时候都可以对这个变量进行读写操作。点击工具栏Project下的Global Variables，这里可以设置全局变量。可以看到，默认已经有一个全局变量。还可以新建变量，变量是可以有默认值的。现在自定义一个全局变量。向页面中拖入一个Rectangle，设置R... 阅读全文

posted @ 2015-08-30 21:52 Darren Ji 阅读(1550) 评论(0) 推荐(1) 编辑

使用Axure RP原型设计实践03,制作一个登录界面的原型

摘要：本篇体验做一个登录界面的原型。登录页首先在Page Style里为页面设置背景色。如果想在页面中加图片，就把Image部件拖入页面，并设置x和y轴。双击页面中的Image部件可以导入图片。在Image部件对应的Widget Properties and Style面板中还提供了裁剪功能，裁剪完双击可保存图片。还提供了切割图片的功能。图片部件的Preserve Corners属性用... 阅读全文

posted @ 2015-08-30 00:20 Darren Ji 阅读(4296) 评论(0) 推荐(0) 编辑

公告