很多web服务面对的不仅仅是当地用户,多语言环境不仅能提升逼格,更重要是一种用户体验。 angularJS作为前后端拆分的解决方案之一,当然离不开前端框架处理国际化的问题,angularJS官方出了一个模块angular-translate来解决多语言国际化问题。 官方网站 / GitHub / Docs 栗子如下,先引入必备文件 <script type="text/javascript" src="yourpath/angular.min.js"></script> <script type="text/javascript" src="you...
jquery ajax通过FormData上传图片或文件
[ 2017/07/05, 3754阅, 0评 ]
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <dd>姓名:<input type="text" id="name"></dd> <dd>电话:<input type="text" id="phone"></dd> <dd>内容:<textarea id="c...
无限滚动(Infinite Scroll)也称为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中,用来在滚动网页到页面底部的时候自动加载下一页的内容。 这种形式最早由twitter使用,后来必应图片搜索、谷歌图片搜索、google reader等纷纷采用了这一项技术,于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。该技术非常适合移动端的数据自动加载。 ngInfiniteScroll是用于AngularJS的无限滚动控件,特点是简单易用,是angularjs社区里应用最为广泛的”触底加载”控件。 官方网站 / ...
ocLazyLoad Lazy load modules & components in AngularJS 代码库:https://github.com/ocombe/ocLazyLoad 壹、特性 Dependencies are automatically loaded Debugger friendly (no eval code) The ability to mix normal boot and load on demand Load via the service or the directive Use the embedded ...
angular-local-storage An Angular module that gives you access to the browsers local storage 一个能够让你访问浏览器本地数据存储(localStorage、sessionStorage、cookies)的angular模块 代码库:https://github.com/grevory/angular-local-storage bootcdn:http://www.bootcdn.cn/angular-local-storage/ ...
angularJS插件:angulartics数据统计
[ 2017/06/13, 3896阅, 0评 ]
angulartics是专供angular应用使用的分析组件,支持多个第三方分析平台(包括谷歌、百度等)。 代码库:https://github.com/angulartics/angulartics 壹、谷歌统计 使用angulartics-google-analytics插件(基于angulartics的谷歌分析组件) 代码库:https://github.com/angulartics/angulartics-google-analytics bootcdn:http://www.bootcdn.cn/an...
壹、html结构 <input type="text" ng-model="orderForm.name"> <input type="file" style="display:none" custom-on-change="chooseOrderImage" name="orderImage" accept="image/jpg,image/jpeg,image/png,image/gif"/> <div ng-click="doClickMyInput()"> <img ng-if="!haveChange" ng-src="i...
$http service在Angular中用于简化与后台的交互过程,其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中,可能会对每条请求发送到Server之前进行预处理(如加入token进行统一身份认证),或者是在Server返回数据到达客户端还未被处理之前进行预处理(如将非JSON格式数据进行转换);当然还有可能对在请求和响应过程过发生的错误问题进行捕获处理;亦或者为了增强用户体验,显示加载进度条等。所有这些需求在开发中都非常常见,所以Angular为我们提供了$http拦截器,用来实现上述需求。 壹、什么是拦截器 ...
嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡的示例: 1、event.preventDefault() 阻止元素发生默认的行为。 使用场景:a元素的点击跳转的默认事件;button、radio等表单元素的默认事件。 <a href="https://jiangdesheng.com/">Go to www.eqifei.net</a> <script> $(document).ready(function(){ $(...