angular和web前端的一些细节

HTML5中的本地存储
localStorage:一直存储在本地
sessionStorage:伴随着session,窗口关闭就没了
用法:localStorage.setItem("key","value")//设置变量
localStorage.getItem("key")//获取变量
localStorage.removeItem("key")//清除变量

angularJS中scope和rootscope的区别
scope:用于单个html与controller之间的数据绑定
rootscope:其中定义的值可以在各个controller中使用
在所有的模板中使用$root.key来使用。

angularJS中的$resource
创建资源对象的工厂。允许与服务器端数据资源进行交互
$resource的用法:
$resource(url,[paramDefaults],[actions],options);
url:url模板,参数以:为前缀,如http://example.com/resource/:resource_id.:format
paramDefault:url参数中的默认值,json格式,如
{
callback: ‘JSON_CALLBACK‘,
stamp: Date.now() + ‘‘ + Math.random(),
action: ‘@action‘
}

action:声明扩展默认资源动作集合的自定义的动作集合
{action1: {method:?, params:?, isArray:?, headers:?, ...},
action2: {method:?, params:?, isArray:?, headers:?, ...},
...}
其中:action为动作名,成为资源对象的方法名
method:HTTP请求方法(GET,POST,JSONP。。。)
params:提前绑定的参数

$resource的使用:
假设其url中有参数id,
.factory(‘Order‘, [‘$resource‘, function($resource) {
return $resource(‘/v1/order/:id‘, { id: ‘@id‘ }
}

.controller(‘XXX‘,[‘$scope‘,‘Order‘,function(){
$scope.order = Order.get({ id: $routeParams.id });
}])

extends的使用
qs = angular.extend(qs, {type: ‘pguid‘});
为qs对象添加新的元素。

内置服务$location
暴露浏览器地址栏中的URL
使用:得到url:
$location.path();
改变url:
$location.path(‘/value‘)
得到get传送的变量:
var search = $location.search();
search.force//url?force=1
当我们调用url()方法时,
返回的是包含path、search和hash部分的已经编码的url,
如/path?search=1&b=c#hash。

angular和web前端的一些细节

时间: 2024-08-03 13:03:19

angular和web前端的一些细节的相关文章

web前端入坑第五篇:秒懂Vuejs、Angular、React原理和前端发展历史

秒懂Vuejs.Angular.React原理和前端发展历史 2017-04-07 小北哥哥 前端你别闹 今天来说说 "前端发展历史和框架" 「前端程序发展的历史」 「 不学自知,不问自晓,古今行事,未之有也 」 我们都知道如今流行的框架:Vue.Js.AngularJs.ReactJs.已经逐渐应用到各个项目和实际应用中,它们都是MVVM数据驱动框架系列的一种. 在了解MVVM之前,我们先回想一下前端发展的历史阶段,做到心中有数,才会更好理解. 这段回想历史.由于网上就可查不少资料,

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习

2017年最权威的1000集大型web前端视频教程(爱创课堂出品)文后附录视频下载链接

2017年最新爱创课堂前端开发课程介绍爱创课堂Web前端开发工程师培训-价值1万8课程 资料持续更新中,第一时间领取请加QQ2079576908 Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开发.完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验. 第一阶段:页面制作基础 从这一基础

2016年最权威的1000集大型web前端视频教程(爱创课堂出品)

标题:2016年最权威的1000集大型web前端视频教程(爱创课堂出品): 爱创课堂Web前端开发工程师培训-价值1万8课程Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开发.完成客户端程序( 也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于 通过技术改善用户体验. 需要联系下载视频请加QQ:2079576908 第一

常用的移动前端webapp交互细节

#常用的移动前端webapp交互细节 ##select的表现方式 ###PC端 select控件在传统PC桌面已经存在多年,由于在IE6等低版本浏览器容易造成层级错乱,一直被一些UI框架所抛弃,而用div层去模拟. ![传统的select控件](http://images.cnitblog.com/i/84053/201407/271218506505629.jpg) ###移动设备 而在移动设备上,select 控件的表现方式不太一样,如下图,分别是UC浏览器,小米的系统浏览器,及海豚浏览器的

零基础学习web前端,大神给你们指路

随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动 互联网 时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的 Web 前端开发息息相关. 事实上,如今一半以上的APP都是采用Hybrid混合模式开发,即结合安卓和Web端技术开发.而纯 Web开发 的APP也不在少数,比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发.除了APP,我们在手机端常看到的H5页面,也是主要运用了Web端的 HTML5 技术开发. 当

选择转行学习WEB前端,你必须要了解基本概念

随着互联网开展,互联网的体系越多越多,越来越杂乱,用户不能满意基本功用的需求,对互联网体会要求越来越高,客户端与服务器的交互不在是简略页面和页面的交互,而变为页面和页面+程序+数据的交互,其间完成与客户交互和体会的程序就是Web前端工程师完成的,这时Web前端工程师就诞生了,跟着用户对体会和交互要求越高,体系功用越杂乱,Web前端工程师的岗位就越重要. 1前端岗位饱和了? 随着互联网和移动终端的普及,雨后春笋般的互联网项目的发展,用户对于用户体验的需求不断提升,前端工程师逐渐成为介于视觉工程师和

在Web前端行业立足,很难吗?

如何在Web前端行业立足?前端工程师待遇如何?随着互联网思维以及互联网+等概念的提出,互联网本身就是属于服务行业,技术的不断提高也造就了用户对互联网产品需求和体验的提高,所以前端工程师正是致力于通过技术改变用户的体验,前端工程师的产品正是与用户接触的第1产品了. 前端开发前景可观,薪资高,入门是很简单的,吸引了越来越多的年轻人入门前端行业,所以现在很多的人都自称为前端工程师,但实际水平只能算是前端开发的入门水平,虽然身边都是前端工程师,觉得前端行业已饱和,其实不然: 只是前端入门水平的人员太多,

一个8年web前端从业者的迷茫

来自一个8年前端从业者的迷茫 本人aming,创办了切图网 qietu.com,很少写这种自传性的帖子,希望能看完,因为会涉及到一些前端经验之谈. 8年前端从业者,8年光景不长,但是在web前端这个行业也不少了 ,我也是一个创业者,没有就职过BAT 是一个遗憾, 现在身边有些同学就职BAT 当高管,所以我想现在进到BAT应该还是有机会的 :) , 不过我还是毅然选择了创业. 理由很简单, 我骨子里不愿意给别人打工,我知道越早跳出来越容易,不然等到职位越来越高,薪水越来越高的时候,你不一定还有那个