- 博客(143)
- 收藏
- 关注
RSS订阅转载 手机端H5获取当前城市的方法
移动端的H5页面提供了定位的功能，那么如何实现一个最简单的需求-----获取用户当前城市？你可能搜一下就会找到N篇博客介绍，但是你会发现你看完大段代码之后还是没搞清楚，为了便于大家理解，我精简了代码，只保留了必要的部分。 1、在html页面引入百度地图API（文档地址：http://developer.baidu.com/map/wiki/index.php?title=j
2017-06-19 14:50:52
1981
转载 prototype 属性使您有能力向对象添加属性和方法。
定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：function employee(name,job,born){this.name=name;this.job=job;this.born=b
2017-05-18 11:43:34
1277
转载 JS 的引用赋值与传值赋值
这个问题说大不大说小不小，如果你有幸踩了这个坑，一定会找这篇文章，哈哈~现说一下JS数字的类型：基本类型和引用类型先看下下面两个栗子：123456789var a = 30;var b = a;a = 20;console.lo
2017-05-08 10:53:04
1685
转载 angular学习（十三）——Component
图谋不轨：帮助（ 勾引 ）开发者过渡到 Angular 2.0私以为，本次更新最重要的两个部分就是 angular.component() 方法和支持了 Multi-slot 的 transclusion：组件与 angular.component() 方法：首先最大的一个变化就是引入了组件的概念，并新增了 angular.component() 方法。经过这么长时间的摸爬
2017-05-03 14:26:50
1737
转载 ES5中新增的Array方法详细说明
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3220一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：for
2017-05-02 15:27:24
318
原创 angularjs1.5 组件内用函数向外传值
组件：.component('homeCityListCom',{ bindings: { list: '<', cityname:'&' }, controllerAs: 'vm', template: ` 按拼音首字母选择 {{x.sortNam
2017-04-26 21:27:20
1486
转载 5种回到顶部的写法从实现到增强
5种回到顶部的写法从实现到增强前面的话 本文先详细介绍回到顶部的5种写法，然后对其实现功能增加，最后得到最终实现 本文转至：http://www.cnblogs.com/xiaohuochai/archive/2016/09/03/5836179.html写法【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面
2017-04-17 16:02:51
3643
原创 JS获取点击标签对象
function showMax(e,time){ setTimeout(function(){ $("#"+e.id).fadeIn(500); },time) }
2017-04-01 18:33:21
569
转载 10个顶级的CSS和Javascript动画框架推荐
在网站中嵌入动画已成为近年来的一个设计趋势，许多公司都已开始转向并拥抱HTML5、CSS3和JavaScript这个技术“三人组”。尽管这些技术还不能制作一些非常复杂的动画（像flash所实现的），但是如果拥有好的想法及创造性思维，使用它们制作的即便是一些简单的动画也足以打动我们。 而且，随着CSS3技术的发展，CSS3动画日益流行。目前，WebKit浏览器已对CSS3动画支持得相当好。F
2017-04-01 14:43:00
534
转载 php实现无限级树型菜单（函数递归算法）
大概步骤如下： 首先到数据库取数据，放到一个数组， 然后把数据转化为一个树型状的数组， 最后把这个树型状的数组转为html代码。 也可以将第二步和第三步合为一步。详细如下： 1。数据库设计： 脚本如下：CREATE TABLE `bg_cate` (`cate_Id` int(30) unsigned NOT NULL AUTO_INCREMENT,`cate_ParentId`
2017-03-29 15:37:27
992
原创 开发钓具项目前后台总结
1.Thinkphp 中 随机取数据条数M('tableName')->order('rand()')->limit(3)->select();
2017-03-28 16:00:56
370
转载 什么？你还不会写JQuery 插件
前言 如今做web开发，jquery 几乎是必不可少的，就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，
2017-03-24 15:27:11
305
转载 webpack 处理html中img的src引入的图片
webpack在管理模块，处理各种资源上都是无往不利，但唯独在处理html上比较困难，不识别html中img标签src引入的图片。 html-webpack-plugin这种插件辅助处理html非常好，但却仍然未解决html代码中的图片问题，未免美中不足。在遍寻开源模块无果后，认真研究webpack的loader和plugin后，终于解决了这个问题。从npm安装模块npm i ht
2017-03-22 17:27:01
11249
转载 AngularJs $interval 和 $timeout
$intervalwindow.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被取消，如果迭代次数未定义，则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔，调用$intreval.cancel(promise)。备注：当你执行完这项服务后应该把它销毁
2017-03-15 09:34:12
605
转载 Javascript 中的神器——Promise
Promise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月，ECMAScript 6 的正式版 终于发布了。ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得
2017-03-14 12:18:36
444
转载 HTML5 Canvas处理头像上传
最近社区系统需要支持移动端，其中涉及到用户头像上传，头像有大中小三种尺寸，在PC端，社区用Flash来处理头像编辑和生成，但该Flash控件的界面不友好而且移动端对Flash的支持不好，考虑到这些问题，最后我们选用Canvas来完成图像尺寸缩放和图片数据获取。等边处理头像一般都是正方形，首先我们需要获取图片宽度和高度的最小值，用该最小值作为边长居中裁剪图片，最终得到一个正方形的图片
2017-03-13 11:02:34
1785
转载 HTML5 5大存储方式总结
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式：
2017-03-13 09:35:03
333
转载 pace.js – 网页自动加载进度条插件
之前有很多同学询问觉唯网站顶部的页面加载进度条是怎么实现的，页面的加载进度百分比，有时候获取是比较麻烦的，当然也可以利用一些优秀的JavaScript插件来实现，今天就为大家介绍这样子的一款插件：pace.js。在页面中引入Pace.js，页面就会自动监测你的请求（包括Ajax请求），在事件循环滞后，会在页面记录加载的状态以及进度情况。此插件的兼容性很好，可以兼容IE8以上的所有主
2017-03-10 18:17:23
2686
转载 HTML5模仿刮奖效果-页面涂抹消失插件wScratch
本文转至：http://www.xuanfengge.com/html5-imitates-scratch-effect-disappear-page-smear-plug-in-wscratch.html前言HTML5的canvas有很多应用点，如绘画板、图形绘制、游戏交互、彩票刮刮乐等，除了这些，还有个比较好的点就是主页涂抹一部分之后，页面消失进入主要内容。wScrat
2017-03-10 16:31:55
2004
转载 CSS3自定义滚动条样式 -webkit-scrollbar
有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示
2017-03-10 16:11:08
6363
转载 自调用匿名函数
通常定义函数并调用 function a(){ } a(); 或是 var a = function(){ } a(); 但是查看jquery源码会发现它最外层的架构是这样的 (function( window, undefined ) { // jquery code })(window); 解释:首先jquery是定义了一个匿名函数(
2017-03-08 14:13:36
354
转载 手机端虚拟键盘弹出使界面布局混乱解决方法
html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，软键盘弹出时，改变了height，使height:100%,不能达到原来的高度。页面布局就乱了,解决方法：原生js:window.onload=function(e){ var _body=document.getElementsByTagName('body')[0]; _body.
2017-03-07 16:07:48
8984
转载 js如何准确获取当前页面url网址信息
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.locat
2017-03-07 15:53:49
1076
转载 JS前端开发判断是否是手机端并跳转操作（小结）
转载于：http://www.xker.com/page/e2014/0325/131654.html常用跳转代码以下代码为常用来判断访问者的访问设备的类型来进行相应的跳转script type="text/javascript"> // borwserRedirect (function browserRedirect(){ var sUserAg
2017-03-07 15:52:20
15387
转载 php -- 取路径：getcwd()、__DIR__、__FILE__ 的区别
getcwd() ：显示是 在哪个文件里调用此文件 的目录__DIR__ ：当前内容写在哪个文件就显示这个文件目录__FILE__ ： 当前内容写在哪个文件就显示这个文件目录+文件名 由此可见getcwd（）和 __DIR__ 返回的是文件所在的绝对路径但是没有文件自身的名字在内。__FILE__则是返回的是文件所在的绝对路径但是有文件自身的
2017-03-01 11:26:33
356
转载 高性能WEB开发(8) - 页面呈现、重绘、回流。
本文转至：http://www.blogjava.net/BearRui/archive/2010/05/10/web_performance_repaint_relow.html页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些
2017-02-27 10:36:17
364
转载 提高 web 应用性能之 JavaScript 性能调优
提高 web 应用性能之 JavaScript 性能调优JavaScript 是一个比较完善的前端开发语言，在现今的 web 开发中应用非常广泛，尤其是对 Web 2.0 的应用。随着 Web 2.0 越来越流行的今天，我们会发现：在我们的 web 应用项目中，会有大量的 JavaScript 代码，并且以后会越来越多。JavaScript 作为一个解释执行的语言，以及它的单线
2017-02-27 10:34:24
251
转载 angularjs的$watch、$watchGroup、$watchCollection使用方式
angularjs的$watch、$watchGroup、$watchCollection使用方式Posted on 2014/05/12如果想在controller里面随时监听一个值的变化那就用$watch $watch: <input type="
2017-02-27 10:32:23
500
转载 AngularJS 应用优化指南
本文转至：http://byevil.com/2016/05/10/AngularJS-app-performance-optimization-guide/ Edit this page on GitHub May 5, 2016前两天因为想用国内的 JS CDN，访问到 staticfile（七牛提供的一个免费 CDN 服务），导致我的 Chrome 直接卡死了两次，页面关也关
2017-02-23 15:49:47
350
转载 js的 new image()做图片预加载
创建一个Image对象：var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片。 图像对象：建立图像对象：图像对象名称=new Image([宽度],[高度])图像对象的属性： border complete height hspace lowsrc name src v
2017-02-22 16:26:32
13463
转载 Ionic开发实战
折磨的两个月！Ionic从零单排，到项目发布！遇到了很多问题但都一一解决了，此篇文章留作记录。 当初想着因为项目不大人力足够的并且因为团队没有移动开发经验的情况下，是不是能够是用hybrid app来代替原生来完成这个项目，经过一些技术调研之后选择了Ionic。当时是对Ionic一无所知，凭借一些盲目的自信，想着方正有开发文档能有什么问题呢。现在想想都觉得当时有点冲动万一中间出现什么坑或者无法
2017-02-20 10:30:51
355
转载 更改npm全局模块和cache默认安装位置
参考文章：http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/1、因为我安装的Node.js自带了npm，所以在nodejs文件夹里面新建以下两个目录：node_globalnode_cache2、启动CMD依次执行以下两条命令npm config set pref
2017-02-20 10:06:47
1828
1
转载 ionic 图片轮播问题
1、使用ion-slide可以实现图片轮播，但是如果在html中仅仅增加ion-slide是远远不够的，会出现两个问题：(注：使用的是angularjs。首先需要在,js文件中注入：$ionicSlideBoxDelegate)一、有时候会出现图片无法加载出来。解决办法是：在相应的controller文件增加 $ionicSlideBoxDelegate.update();
2017-02-17 11:29:43
1341
转载 变态的网页加载进度条实现思路
文章转至：http://ucren.com/blog/archives/17以下这两种情况：网页不间断地下载并逐步把已下载完成的部分呈现出来；网页先显示出一个框架后，等待一切资源准备完成再一起呈现出来。假设这两种情况所使用的时间一样，用户仍然会觉得后者比较慢或者卡，因为后者在准备资源的过程中，网页是静止不动的，给用户有了一段明显等待时间的感觉，而前者虽然也会有等待时间，但相
2017-02-13 17:12:31
3043
转载 前端资源预加载并展示进度条
原文出处： 吕大豹 我们经常会看到，一些站点在首次进入的时候会先显示一个进度条，等资源加载完毕后再呈现页面，大概像这样：然后整个页面的操作就会非常流畅，因为之后没必要再等待加载资源了。尤其是在移动端，或者是页游中，这样做能避免页面出现白屏（等待加载图片），很大程度提升用户体验。那这种技术是如何实现的呢？其实非常简单，本文就来从基础细节探究一番。为什么需要资源预加
2017-02-13 14:11:05
5005
转载 使用HTML5的页面资源预加载(Link prefetch)功能加速你的页面加载速度
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/
2017-02-13 11:59:47
686
转载 jQuery自定义滚动条样式插件mCustomScrollbar
如果你构建一个很有特色和创意的网页，那么肯定希望定义网页中的滚动条样式，这方面的 jQuery 插件比较不错的，有两个：jScrollPane 和 mCustomScrollbar。关于 jScrollPane，大家见过的可能比较多，但是这个插件太过于古老而且功能不强大，效果在几年前非常不错，但是放在现在就不好说了。所以我选择了后者：mCustomScrollbar。下图是两者官方示例的简
2017-02-06 16:55:07
2284
转载 自定义浏览器滚动条的样式，打造属于你的滚动条风格
前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得有必要折腾一下。于是在各大浏览器中对比了一下，发现只用Chrome适用，也就是说这个用的是Chrome的私有CSS属性。便百之谷之后，发现原来不仅仅只用Chrome，其它的浏览器在不同程度上支持自定义滚动条样式的。下面是我不断测试的结果，若有错误或不全，请在评论
2017-02-03 09:47:15
505
转载 angularjs directive 实例 详解
前面提到了angularjs的factory,service,provider，这个可以理解成php的model，这种model是不带html的，今天所说的directive,也可以理解成php的model，也可以理解成插件，只不过这种model是带html的，例如：php的分页函数。一，angularjs directive的常用格式，以及参数说明1，return
2017-02-03 01:27:02
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人