- 博客(210)
- 收藏
- 关注
转载 Angular $http拦截器介绍与使用
$http service在Angular中用于简化与后台的交互过程,其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中,可能会对每条请求发送到Server之前进行预处理(如加入token),或者是在Server返回数据到达客户端还未被处理之前进行预处理(如将非JSON格式数据进行转换);当然还有可能对在请求和响应过程过发生的问题进行捕获处理。所有这些需
2017-03-06 15:56:43 540
原创 AngularJS中控制器之间通信方法
如何在作用域之间通信呢? 1.创建一个单例服务,然后通过这个服务处理所有子作用域的通信。 2.通过作用域中的事件处理通信。但是这种方法有一些限制;例如,你并不能广泛的将事件传播到所有监控的作用域中。你必须选择是否与父级作用域或者子作用域通信。$on、$emit和$broadcast使得event、data在controller之间的传递变的简单。$emit:子传
2017-03-06 15:54:39 1815
原创 技术人员的发展之路
正处于迷茫之际,看到了这篇好文,深有感悟 前端虽然入门容易,但是后面的学习其实一点都不轻松,道路阻且长 在坚持的道路上,希望能戒除焦躁,踏实走好每一步,即远瞻未来,更着眼当下 想要成为一名优秀的前端程序猿 欠缺的还有太多 唯有坚持,唯有自知 才会有回头看,轻舟已过万重山的舒畅 也有过担心,难道要做一辈子的码农么 年过XX,依然在码页面么? 其实,所
2017-02-24 16:55:06 380
转载 JS获取时间的相关函数及时间戳与时间日期之间的转换
概述Date对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是,1970年1月1日00:00:00前后的各1亿天(单位为毫秒)。Date对象可以作为普通函数直接调用,返回一个代表当前时间的字符串。Date()// "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"new Date()Dat
2017-02-15 11:47:05 3801
转载 H5项目常见问题汇总及解决方案
转自 https://github.com/FrontEndZQ/HTML5-FAQH5项目常见问题及注意事项Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-
2017-02-13 16:53:00 1242
原创 table通过每行的checkbox(多个)判断选中的行并把数据储存成json格式
一、通过查找数组里是否存在选中的数据来操作:html>html lang="en">head> meta charset="UTF-8"> title>checkboxtitle> script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">script>head>body>input ty
2017-02-09 17:35:18 2856 3
原创 如何快速搭建静态资源服务器
前端开发中,经常遇到有些场景需要用到服务器环境,例如AngularJS中的路由,或者是模拟ajax获取数据等需求时,这个时候并不需要考虑到服务端逻辑,只是搭建简单的静态资源服务,因此解决方法有很多,下面介绍几种简单快捷的常用方式:一:使用http-serverhttp-server基于Node,所以得先确保有Node环境。一:使用http-serverh
2017-01-17 10:45:08 4675
原创 JS打乱数组的方法
var randArray = function( data ){ //获取数组长度 var arrLen = data.length; //创建数组 存放下标数 var try1 = new Array(); for( var i = 0 ; i try1[i] = i;
2017-01-10 14:18:35 1130
转载 前后端分离的必要性
前后端分离之前在前后端分离观点出现之前,我们往往都是后端直接使用后端模板引擎渲染出html页面,当然这个时候对于前端来说是异常痛苦的,他们不仅需要学习后端模板引擎的语法还得配置后端的开发环境。前后端分离的萌芽为了让前端无需配置后端开发环境和学习后端的模板引擎,一个简单的前后端分离方案出现了,它就是前端编写静态页面,然后通过ajax从后端拉取数据,然后渲染页面即可,而渲染方法
2017-01-04 17:52:30 5675 1
原创 js实现数组元素上下移动
交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没麻烦,无非是交换数组元素。最终实现代码如下,比较重要的是那个函数。// 交换数组元素 var swapItems = function(arr, index
2016-12-14 13:18:27 12564 2
转载 前端开发工程化探讨
喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。你好,切图仔。不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统的介绍一下我对前端,尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动,那么我相信读过下
2016-12-13 13:01:54 620
转载 跨域问题,解决方案 - Nginx反向代理
原文地址:跨域问题,解决方案 - Nginx反向代理博客地址:http://blog.720ui.com/跨域问题,解决之道链接文章:跨域问题,解决之道解决思路跨域问题,是由于JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。如果,我们将不同的域名整合到一个域,换句话说,通过子目录的方式划分,是不是就能解决跨域问题呢?那么,Nginx反向代理的思路,就是
2016-12-13 12:56:33 3822
转载 JS判断浏览器iOS(iPhone)、Android手机移动端
通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。网上搜索来的,比较简单:var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U
2016-09-14 17:33:37 4513
原创 angularjs 依赖注入的写法问题
首先格式化一下你的代码:显示注入,代码过长,不容易阅读,代码压缩不出错app.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http){ //do something}]);隐示注入,书写简单,但是在js进行压缩时候会出错,因为变量名变短,而依赖注入是基于其服务的名称的app.
2016-09-09 10:51:53 873
转载 APP三种开发模式
1.1. APP三种开发模式智能手机之普及不用多说,手机APP渗投到各个行业:电商(淘宝、京东等)、金融(各手机行业、P2P借贷等)、医疗(智慧医疗)、交通(滴滴、Uber等)、教育(慕课网等)、餐饮(饿了吗、美团等)……反正只要是个企业,无论规模大小,都已经订制或将要订制自己的APP。这么多APP无外乎就三种模式:Native App、Web App、Hybrid App。
2016-08-15 16:03:24 12923
转载 使用ionic+angular+phonegap开发APP入门
有时候朋友问我是做什么的?我说以前是用PHP写后台,最近是用H5写前台APP(俗称的Hybrid App); 在公司做了几个H5的项目之后,有时候也想抽空研究下H5写一些APP;总觉得写APP的开发更加有底气。尽管我偶尔有空也会研究下android,swift(Objective-C实在是难懂,没兴趣深入研究),也希望H5能开发一些不错的APP; 国内有包括APPCan等公司慢慢在发力,是
2016-08-15 15:58:35 3378
转载 前端开发技术的发展
前端开发技术的发展前端开发技术,从狭义的定义来看,是指围绕HTML、JavaScript、CSS这样一套体系的开发技术,它的运行宿主是浏览器。从广义的定义来看,包括了:专门为手持终端设计的类似WML这样的类HTML语言,类似WMLScript这样的类JavaScript语言。VML和SVG等基于XML的描述图形的语言。从属于XML体系的XML,XPath,DTD等技术。用于支撑后端
2016-08-12 16:42:41 817
转载 AngularJs过滤器
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe
2016-08-12 15:51:31 416
转载 AngularJS自定义服务
今天学习了一下ng的service机制,作为ng的基本知识之一,有必要做一个了解,在此做个笔记记录一下。一、认识服务(service)服务这个概念其实并不陌生,在其他语言中如java便有这样的概念,其作用就是对外提供某个特定的功能,如消息服务,文件压缩服务等,是一个独立的模块。ng的服务是这样定义的:Angular services are singletons obj
2016-08-12 15:45:10 600
转载 AngularJS自定义指令
指令,很重要AngularJS与JQuery最大的区别在哪里?我认为,表现在数据双向绑定,实质就是DOM的操作形式不一样。JQuery通过选择器找到DOM元素,再赋予元素的行为;而AngularJS则是,将指令与DOM绑定在一起,再扩展指令的行为。所以AngularJS开发最理想的结果就是,在页面HTML与CSS的设计时,设计工程师只需要关注指令的使
2016-08-12 15:09:56 823
转载 angularjs学习笔记—工具方法
angular.bind(self, fn, args)作用:返回一个新的函数,绑定这个函数的this指向self参数:self:新函数的上下文对象fn:需要绑定的函数args:传递给函数的参数返回值:this指向self的新函数var obj = { name: 'xxx', print: function (country) {
2016-08-11 15:51:53 306
原创 angularjs的$watch、$watchGroup、$watchCollection的区别
如果想在controller里面随时监听一个值的变化那就用$watch $watch: <input type="text" ng-model="name" />$scope.
2016-08-10 16:17:32 1408
原创 AngularJS 模块化与依赖注入
AngularJS使用模块化的组织方式,和依赖注入的设计。这使得模块之间耦合度较低,模块更容易复用。同时支持声明式的编程风格。 在你创建Angular Module 或者 Service 之前,首先需要了解一下 Angular Module 和 Service 的工作方式。模块概念在Angular中,一个Module通常对应一个js文件,其中可以包括Controller、Ser
2016-08-09 18:13:26 6353 1
原创 AngularJS 路由:ng-route 与 ui-router
AngularJS的ng-route模块为控制器和视图提供了[Deep-Linking]URL。 通俗来讲,ng-route模块中的$routeService监测$location.url()的变化,并将它映射到预先定义的控制器。也就是在客户端进行URL的路由。 下面首先给出$route的使用示例,然后引入一个更加强大的客户端路由框架ui-router。Angular 路由
2016-08-09 18:11:43 446
原创 anjularjs弹出model(模态框)
$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们 $modal仅有一个方法open(options)如下:templateUrl:模态窗口的地址template:用于显示html标签scope:一个作用域为模态的内容使用(事实上,$modal会创建一个当前作用域的子作用域)默认为$rootScopecontroller:为$modal
2016-08-09 17:58:35 1348
原创 前端跨域解决方法
最近面试老师问道跨域问题,今天就总结下跨域解决方法:1.同源策略如下:URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/
2016-08-03 16:58:57 1561 1
原创 javascript 面向对象封装与继承
整理一下js面向对象中的封装和继承。1.封装 js中封装有很多种实现方式,这里列出常用的几种。1.1 原始模式生成对象 直接将我们的成员写入对象中,用函数返回。 缺点:很难看出是一个模式出来的实例。代码:复制代码 代码如下:function Stu(name, score) {return {name: name,score: score}
2016-07-31 23:22:51 587
转载 jQuery插件开发模式
软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。根据《jQuery高级编程》的描述,jQuery插件开发方式主要有三种:通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新的方法通过$.widget()应用jQuery UI的部件工厂方式创建通常我们使用第二种方法
2016-07-31 23:21:46 3149
转载 2016年全面前端面试题总结
web app遇到的一些坑及小技能(持续更新...)遇到的一些坑问题:手机端 click 事件会有大约 300ms 的延迟 原因:手机端事件 touchstart --\> touchmove --> touchend or touchcancel --> click,因为在touch事件触发之后,浏览器要判断用户是否会做出双击屏幕的操作,所以会等待300ms来
2016-07-24 22:39:52 14713
转载 js读取本地图片进行预览,上传服务器
1.js进行图片预览 使用input标签来选择图片,使用FileReader读取图片并转成base64编码,然后发送给服务器。 var image = ''; function selectImage(file){ if(!file.files || !file.files[0]){return;} var reader = new FileReader();
2016-06-04 21:15:57 995
原创 js 实现无限加载分页(适合移动端)
js 实现无限加载分页(适合移动端)原理:当滚动条到达底部时,执行下一页内容。判断条件需要理解三个概念: 1.scrollHeight 真实内容的高度 2.clientHeight 视窗的高度,即在浏览器中所能看到的内容的高度 3.scrollTop 视窗上面隐藏掉的部分,即滚动条滚动的距离思路: 1.使用fixed定位加载框
2016-05-24 17:50:28 31913
转载 Ionic 常见问题及解决方案
在Ionic开发过程中会遇到很多常见的开发问题,分享一下笔者在开发过程中总结到的对这些问题的解决方案。也是接触ionic没多久,大家一起努力,有问题欢迎评论指出 :)ps: 附上博客的原文地址一些常识与技巧list 有延迟,可以在ion-content处使用 overflow-scroll="true"尝试在上用ng-click上是没效果的标签内的事件会在整个label内被触发
2016-05-19 14:45:49 2612
原创 ionic 中使用 slidebox 利用angular ng-repeat 渲染后不显示问题
在使用ionic slidebox指令做图片轮播显示的时候,发现一个问题,ng-repeat遍历生成一个个slide块的时候,执行完成页面是空白的。方法:1ng-repeat的数据是延迟加载过来的。当 img 没有渲染结束是不能工作的,你这样改一下:...在ion-slide-box 加上 ng-if = “repeat value”方
2016-05-18 14:27:46 3055
原创 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
之所以你可以触发这个回弹, 是因为这是系统的原生体验, 对于内容类页面都有类似这种.如果你想避免这个现象, 成熟的方案是重置掉原生的Touch事件, 这样做会使原生滑动不可用。你需要根据Touch事件返回的坐标对应的移动页面, 实现滑动。这样可以变相屏蔽掉这个回弹特性.举个例子:function preventTouch() { event.preventD
2016-05-16 16:38:37 6214 1
原创 angularjs和vuejs的路由用#识别路径
在Angular中这是我的路由:phonecatApp.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', { templateUrl: 'partials/phone-list.html', controller:
2016-05-16 13:12:51 5192
转载 Angular ngClick 阻止冒泡和默认行为
Angular ngClick 阻止冒泡和默认行为困扰了几天的麻烦,如果你认真查看过Angular官方的API文档,这其实是一个很简单的问题。在Angular中已经对一些ng事件如ngClick,ngBlur,ngCopy,ngCut,ngDblclick…中加入了一个变量叫做$event.如ngClick在官方文档是这么描述的:Expression to ev
2016-05-09 14:13:34 906
转载 移动web页面前端开发总结
移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。2.Gecko:( FireF
2016-04-13 16:37:25 4549 1
原创 开发中 常用 js 记录
(1)获得URL参数function GetQueryString("url参数名") { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) ret
2016-04-13 16:22:13 393
转载 Ionic创建一个简单的APP
一个先进的App框架:使用Ionic创建一个简单的APP时间 2015-05-18 20:22:13 W3CPlus原文 http://www.w3cplus.com/mobile/building-simple-app-using-ionic-advanced-html5-mobile-app-framework.html主题 Ionic Framework
2016-03-07 09:49:49 1011
原创 前端开发笔记本
https://li-xinyang.gitbooks.io/frontend-notebook/content/ 在 GitBook 阅读!http://wiki.jikexueyuan.com/project/fend_note/ 在极客学院 Wiki 阅读!(中国大陆访问速度较快)
2016-02-23 16:27:36 1635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人