PC和移动端常用轮播或滑动组件整理
[ 2017/09/09, 6689阅, 0评 ]
1.SuperSlide(PC)/TouchSlide(移动端) SuperSlide基于jQuery插件,致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果,兼容包括ie6的绝大部分浏览器。 TouchSlide是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 SuperSlide/TouchSlide官网 2...
angularJS分页功能的简单实现
[ 2017/08/25, 4094阅, 0评 ]
思路:触发页码切换时发送对应请求到服务器,成功后替换原来的数据。适合PC端使用。 无限滚动加载:angularJS插件:ngInfiniteScroll无限滚动加载数据(自动分页) 1、controller myApp.controller("pageNaviCtrl",['$scope','$http','pageNavi',function($scope,$http,pageNavi){ $scope.pageCur = 1; $scope.pageAll = 0; $scope.pages = []; $scope.showPageNavi = fa...
屏蔽右键 document.oncontextmenu = function() { return false; }; 屏蔽f12等按键 //禁止f12(谷歌,ie有效,但仍可以从其他方式进入开发者模式) document.onkeydown=function(e){ var currKey=0,evt=e||window.event; currKey=evt.keyCode||evt.which||evt.charCode; if(currKey == 123){ window.event.cancelBubble = true; wi...
jquery的ajax同步与异步
[ 2017/08/10, 3387阅, 0评 ]
Ajax同步,意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码(页面假死状态解除);而异步则这个AJAX代码运行中的时候其他代码一样可以运行。jquery中ajax的async被用来设置同步与异步,其默认为true(异步) 前面说到,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一...
js日期相关操作汇总
[ 2017/08/03, 2717阅, 0评 ]
1.计算当前时间或指定时间的几小时、几天、几周、几个月、几年前或后 /* *计算当前时间或指定时间的几小时、几天、几周、几个月、几年前或后 *date为object或string类型,栗子:new Date()或"2017-08-04 10:30:09" *num为number类型,表示几小时、几天、几周、几个月、几年 *style为"+"(表示之后)或"-"(表示之前) *junit为"hour","day","week","month","year" */ function timeAddSubtract(date,num,style,junit){ v...
angularJS封装md5等加密模块
[ 2017/08/02, 5954阅, 0评 ]
1.引入文件encrypt.js 2.注入模块 var myApp = angular.module('myApp',['Encrypt']); 3.引用 myApp.controller('myController', function($scope,Md5,Base64,Sha1){ // MD5加密当前日期 $scope.md5Value = Md5.hex_md5(new Date()); }) encrypt.js 文件内容如下: /** * * @authors lsmife (you@example.org...
直接上代码了,html如下: <dd ng-repeat="x in testCheckData"> <input type="checkbox" ng-checked="isChecked(x.id)" ng-click="updateMyCheck($event,x.id)">{{x.name}} </dd> <dt>已选:{{choosedId}}</dt> <input type="button" ng-click="chooseAll()" value="全选"> <input ty...
浏览器的同源策略:它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略。 它限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。 一、源的定义 如果协议,端口(如果指定了一个)和域名对于两个页面是相同的,则两个页面具有相同的源。 下表给出了相对http://aa.example.com/page.html同源检测的示例: URL 结果 原因 ...
很多web服务面对的不仅仅是当地用户,多语言环境不仅能提升逼格,更重要是一种用户体验。 angularJS作为前后端拆分的解决方案之一,当然离不开前端框架处理国际化的问题,angularJS官方出了一个模块angular-translate来解决多语言国际化问题。 官方网站 / GitHub / Docs 栗子如下,先引入必备文件 <script type="text/javascript" src="yourpath/angular.min.js"></script> <script type="text/javascript" src="you...