- 博客(53)
- 收藏
- 关注
RSS订阅转载 图片过长,水平不居中问题
用box-sizing:border-box来修复转载于:https://www.cnblogs.com/sunhk/p/5795452.html
2016-08-22 14:25:00
203
转载 firefox中href直接写script问题
firefox中href直接写script问题转载于:https://www.cnblogs.com/sunhk/p/5724720.html
2016-08-01 09:53:00
146
转载 jquery的$.getScript在IE下的缓存问题
jquery的$.getScript在IE下的缓存问题转载于:https://www.cnblogs.com/sunhk/p/5724358.html
2016-07-31 23:58:00
132
转载 win10的xbox下载应用或者游戏时，出现0x80070422和0x80073D0A的解决办法
这个错误：0x80070422是因为关闭了windows update这个服务导致的这个错误：0x80073D0A是因为关闭了windows firewall这个服务导致的具体操作：cmd下services.msc， 找到windows update和windows firewall， 然后启动，就可以了转载于:https://www.cnblogs.com/sunhk/...
2016-07-29 08:53:00
5208
转载 数组符值后，排序和修改，两个数组都会变的问题
前言需求很简单，在Ajax取出数据后，分别把数据符给2个数组，只是这2个数组的排序方式不一样，假定数据是这样的：var userArr = [{id : 1, age : 20}, {id : 2, age : 10}]; var sortByIdArr = userArr; var sortByAgeArr = userArr;其中，sortByIdArr是...
2016-07-14 15:08:00
103
转载 avalon实现分页组件
前言分页组件比较常见，但是用avalon实现的见的不多，这个分页组件，可以适配2种分页方式，第一种是每次点击下一页，就请求一次后台，并返回当页数据和总条数，我称之为假分页；第二种是一次性把所有数据取出，每次点击分页，都是在一个数组中截取数据，而不请求后台，我称之为真分页；在这个组件中，假分页和真分页在使用上，只是在VM中增加一个pageData属性（用于存放每页的数据）...
2016-07-07 20:47:00
202
转载 avalon实现日期联动
前言上一篇我们说了下Avalon的一些概念，以及一些主要特性，至于Avalon的一些基础教程，正美老师已经做了非常全面的讲述，参见：http://www.cnblogs.com/rubylouvre/p/3962848.html以后我们将使用Avalon做几个实际的小例子，也是我在工作中使用中的东西，avalon的文档特别全，但是生产中使用的例子却非常少，所以我会在博客中多写些我...
2016-07-07 19:39:00
134
转载 inteliJ IDEA使用SVN进行代码管理
inteliJ 自带版本控制，所以不用像网上其他人说的那样，装第三方插件。首先装完inteliJ 后，在File-->Setting-->Version Control中选择Subversion把图中那几个地方的勾都勾掉，这样就不会在控制台报说找不到svn了。接下来就是在SVN库中checkout项目文件了，如图在弹出的窗口中，输入项目的SVN路...
2016-07-06 12:56:00
93
转载 avalon教程-简介
avalon是什么？ avalon是一个MVVM框架， Modle-模型层，即为js中从后台接口中取出的数据，例如一个对象或者对象数组，并对这些数据进行一定的格式化。常见的返回数据是这样的{id : 1, name: "%E5%BC%A0%E4%B8%89", birthday : "1467646548"}，我们需要把数据转化成为比较规则的数据，像这样{id : 1, name ...
2016-07-05 00:07:00
177
转载 前端性能优化-gzip
为什么要开启GZIP我们需要下载一个100KB的Javascript文件，正常的下载量就是100KB，如果我们把文件在服务端压缩一下，压缩成30kb，下载到客户端再进行解压，这样就减少了大量的HTTP的传输时间，这就是GZIP的作用。如何开启服务器的GZIP我们以windows版的Apache2.4为例，打开httpd.conf文件，因为开启GZIP需要mod_deflate...
2016-02-14 18:11:00
65
转载 前端性能优化-状态码200和304
什么是200和304 状态码200：请求已成功，请求所希望的响应头或数据体将随此响应返回。即返回的数据为全量的数据，如果文件不通过GZIP压缩的话，文件是多大，则要有多大传输量。 状态码304：如果客户端发送了一个带条件的 GET 请求且该请求已被允许，而文档的内容（自上次访问以来或者根据请求的条件）并没有改变，则服务器应当返回这个状态码。即客户端和服务器端只需要传输很少的数据量来做文件...
2016-02-14 17:26:00
228
转载 子元素滚动不影响父元素
Javascript $.fn.scrollUnique = function() { return $(this).each(function() { var eventType = 'mousewheel'; // 火狐是DOMMouseScroll事件 if (docu...
2016-02-10 19:26:00
449
转载 前端性能优化-keep-alive
什么是Keep-AliveKeep-Alive是浏览器端和服务器端约定的一种提高传输效率的协议。我先举个例子吧，我现在搬家，有10个箱子，如果我自己来搬的话，每次只能带一个箱子，那么搬到目的地，需要跑十次，而如果我要找一家搬家公司的货车来，一次就可以把10个箱子搬到目的地。在这个例子中，使用货车搬家，就相当于使用了Keep-Alive，很显然效率可以提高很多。大家都知道，建立一次Ht...
2016-02-04 17:34:00
141
转载 前端性能优化-keep-alive
什么是Keep-AliveKeep-Alive是浏览器端和服务器端约定的一种提高传输效率的协议。我先举个例子吧，我现在搬家，有10个箱子，如果我自己来搬的话，每次只能带一个箱子，那么搬到目的地，需要跑十次，而如果我要找一家搬家公司的货车来，一次就可以把10个箱子搬到目的地。在这个例子中，使用货车搬家，就相当于使用了Keep-Alive，很显然效率可以提高很多。大家都知道，建立一次Ht...
2016-02-03 20:43:00
80
转载 前端性能优化-状态码200和304
状态码200和304是什么意思？转载于:https://www.cnblogs.com/sunhk/p/5180494.html
2016-02-03 20:42:00
118
转载 前端性能优化-Cookie
什么是CookieCookie可以理解成为浏览器内部存储数据的一个数据库，并会随请求一起被发送；Cookie以键-值对的形式存在。可以存储网站的一些数据，这部分数据不会随着浏览器关闭而被清除。如下图为cnblogs的Cookie的形式。Cookie有哪些优势和不足Cookie的优势是全系列浏览器全部支持，而且可以不传递参数的情况下与后台进行数据交互，最典型的例子就是自动登...
2016-02-01 09:46:00
100
转载 前端性能优化-域名解析
为什么要进行域名解析使用域名是为了用户更加友好的访问目标网站，比如你想访问百度进行搜索一些自己想要的东西，你是记www.baidu.com容易呢，还是记61.135.169.121这个IP容易呢，很明显是前者。但是对计算机而言，直接访问IP地址会更快，效率会更高，因为域名需要域名解析服务器进行解析，最后还是转换成IP地址。域名解析这个过程需要花费20~500ms不等，500ms是什么...
2016-02-01 08:02:00
332
转载 ls远程服务目录
ssh 60.28.201.144 ls -ltr /home/web/即可转载于:https://www.cnblogs.com/sunhk/p/5098198.html
2016-01-04 11:14:00
433
转载 查看Apache信息以用户htdoc位置
查看Apache的相关信息:httpd -V再从基本信息中取得DocumentRoot位置less /etc/httpd/httpd.conf中查找DocumentRoot，即有静态文件存放的位置，我的在:/var/www/html中转载于:https://www.cnblogs.com/sunhk/p/5097323.html...
2016-01-03 22:15:00
148
转载 java打印堆栈信息
StackTraceElement[] stackElements = new Throwable().getStackTrace(); if(stackElements != null){ for(int i = 0; i < stackElements.length; i++){ ...
2015-10-27 10:11:00
116
转载 让zepto支持requirejs的方法
window.Zepto = Zepto'$' in window || (window.$ = Zepto)if ( typeof define === "function" && define.amd ) { define( "zepto", [], function () { return Zepto; } );}只要在zepto.mi...
2015-10-19 11:55:00
117
转载 jQuery判断动画是否执行完成
JS$(function() { $("#myDiv").bind("click", function() { if ($(this).css("transform") == 'none') { $(this).css("transform", "scale(1.5, 1.5)"); } else { $(this).css(...
2015-09-08 10:20:00
972
转载 IE6/7下同级只有一个元素浮动，会换行问题
.myDiv { background-color: red; width: 200px; height: 200px; padding: 10px; } .div1 { background-color: yellow; height: 20px;...
2015-09-07 17:24:00
48
转载 client的使用
document.documentElement.clientHeight = 464 // 指窗口的可见高度的大小document.body.clientHeight = 1577 // 指窗口的实际高度，包括滚动条转载于:https://www.cnblogs.com/sunhk/p/4782425.html...
2015-09-04 21:54:00
449
转载 js和JQuery中offset等属性对比
HTML：内容在滚动条下面<div id="outerDiv"> <div id="myDiv" class="myDiv">会员视频下载</div></div>CSS：* { margin: 0; padding: 0;}html,body { width: 400p...
2015-09-02 15:50:00
63
转载 IE6下float双边距问题
当浮动元素的方向和设置margin的方向相同时，就会出现双边距问题，解决方法是：删除浮动，改成display:inline-block_display:inline; _zoom:1;转载于:https://www.cnblogs.com/sunhk/p/4760982.html...
2015-08-26 16:59:00
127
转载 IE6/IE7下只设置margin-left，左右都有边距问题
CSS代码 div { border: 1px solid red; } .inner { width: 80px; height: 80px; float: left; position: relative; margin-left:...
2015-08-26 11:44:00
129
转载 给浏览器绑定鼠标滚动事件（兼容FireFox）
var bs = new Browser(); if(bs.userBrowser() == 'firefox'){ document.body.addEventListener("DOMMouseScroll", test, false); }else { document.bo...
2015-08-25 14:03:00
325
转载 给元素绑定事件的方式
方式1（已解决兼容性）： if(window.attachEvent){ window.document.body.attachEvent("onclick", test); }else if(window.addEventListener) { window.document.body.addE...
2015-08-25 11:31:00
62
转载 js小数点后保留几位方法：toFixed
(0.22223343534).toFixed(2)结果：0.22转载于:https://www.cnblogs.com/sunhk/p/4721701.html
2015-08-11 17:41:00
66
转载 float清除浮动
.fix{zoom:1;}.fix:after{display:block; content:''; clear:both; line-height:0; visibility:hidden;}转载于:https://www.cnblogs.com/sunhk/p/4719874.html
2015-08-11 07:16:00
49
转载 数组随机排序
Arr1.sort(function(){return Math.random()>0.5?-1:1;}); 转载于:https://www.cnblogs.com/sunhk/p/4694373.html
2015-08-01 17:29:00
41
转载 js 随机指定范围数
Math.floor(Math.random()*5)转载于:https://www.cnblogs.com/sunhk/p/4666742.html
2015-07-22 11:04:00
70
转载 360或其他双核浏览器下在兼容模式用chrome内核渲染的方法
<meta name="renderer" content="webkit"><meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1" />转载于:https://www.cnblogs.com/sunhk/p/4636368.html
2015-07-10 17:41:00
98
转载 js统计字符出现次数
vars="TheraininSpainfallsrainmainlyintherainplain";varreg=newRegExp("rain","g");alert(s.match(reg).length); 转载于:https://www.cnblogs.com/sunhk/p/4617453.html...
2015-07-02 23:33:00
78
转载 冒泡事件
function stopMP(e) { if (!e) { e = window.event; } e.cancelBubble = true; if (e.stopPropagation) { e.stopPropagation(); }}转载于:https://www...
2015-07-01 18:35:00
50
转载 event.srcElement || event.target
event.srcElement || event.target转载于:https://www.cnblogs.com/sunhk/p/4608245.html
2015-06-29 18:22:00
84
转载 解决mac下安装yeoman时没有权限问题
在mac下安装yeoman经常会出现如下图错误：解决办法：在命令行执行--sudo chown -R $USER /usr/local/lib/node_modules回车就OK转载于:https://www.cnblogs.com/sunhk/p/4592639.html...
2015-06-21 23:10:00
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人