#
避免Chrome的XSS防御机制限制提交代码

缘由最近在弄仿w3school的在线代码提交功能:http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide 发现自己在做的时候,当提交的代码包含script时浏览器总数提示如下错误: The XSS Auditor refused to execute a script in ‘http://localhost:8080/base/blog/pr... 阅读全文

@2016-09-11 前端综合 浏览(4743)
#
使用Amazing Counters给博客添加访客数量统计

过程百度统计、CNZZ等是统计详细访问记录,如果你只需要了解总访客数,建议使用这个网站提供的服务,虽然这个网站界面和体验真不是一般的丑,但是速度还是可以的。 过程非常简单,首先访问:http://amazingcounters.com/ 第一步点击中间的创建: 第二步然后从众多样式中选一个你喜欢的,继续下一步: 第三步填好一些信息,如果你没有登录这一步会让你登录,其中最重要的是Si... 阅读全文

@2016-09-09 网站建设 浏览(3969)
#
node.js学习笔记(一)环境安装

介绍官网:https://nodejs.org 文档:https://nodejs.org/en/docs/ 下载:https://nodejs.org/en/download/ 下载和安装下载主要分2种版本,LTS版和Current版,前者表示长效版、稳定版(大概是Long Time Support的意思吧),后者则表示最新版,一般看个人需要下载,我习惯下载最新版。 特别说明:由于n... 阅读全文

@2016-09-08 Node.js 浏览(2219)
#
11行代码实现简单的图片懒加载以及背景图懒加载

前言网上绝大多是图片懒加载插件都是针对img的src的,但是很多时候图片是以背景图的形式存在的,因为这种方式可以很容易实现图片不变形但是又保证宽高度固定,所以只能自己写一个。 这里只是简单的实现,没有考虑横向滚动、div滚动等等情况,但相信已经满足大部分情况了。 代码直接上代码,标题说11行,真有点吹了,哈哈,其实是去掉了大括号之后还剩11行,一共有15行: /** * 图片懒加载插件,与绝... 阅读全文

@2016-09-08 JavaScript 浏览(3665)
#
关于iframe的那些事儿

前言iframe虽说一般不怎么推荐使用,但是很多时候还是挺有用的,所以还是要掌握一些关于它的东西。 //TODO 本文有待继续完善 测试代码现假设有如下测试代码: <!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8"> <title>测试iframe<... 阅读全文

@2016-09-07 HTML 浏览(1219)
#
如何自定义博客园代码高亮主题,同时分享自己使用的黑色主题

前言园子里有人问到了这个问题,所以写篇博客简单介绍下。 博客园代码高亮使用的插件是 highlight.js,本来想替换成我 个人网站 使用的 prism.js,但是比较坑爹的是,解析过程在服务端已经完成了,为什么这么说呢?因为我禁用浏览器JS重新刷新页面时,pre>code里面的所有代码都已经被解析成一个个span了: 没办法,只能通过替换主题来达到效果了。 博客园最大的优点就是... 阅读全文

@2016-09-07 CSS 浏览(4308)
#
网站地图(站点地图)介绍以及如何制作

什么是网站地图网站地图,又叫站点地图,它就是一个列出了你网站上所有页面地址的清单文件,一般来说分为2种,一种是给搜索引擎看的,一种是给用户看的,前者帮助搜索引擎更好地收录你的网站,后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者。 站点地图格式一般有3种格式,txt、xml、html,绝大部分情况下都是用xml格式,百度、谷歌都是支持xml格式。下面简单介绍... 阅读全文

@2016-09-06 前端综合 浏览(2051)
#
挺不错的在线SVG编辑器Method-Draw

介绍这个编辑器还是挺不错的,功能强大,界面也美观,就是感觉有一点小bug。 主界面如下: github地址:https://github.com/duopixel/Method-Draw 官网演示地址:http://editor.method.ac/ 我在自己服务器上搭建了一个版本,应该比国外服务器的稍微好点: http://svg.liuxianan.com/ ... 阅读全文

@2016-09-05 前端综合 浏览(4264)
#
onkeydown和onkeypress的区别

原文写于:20150121 正文二者区别大着呢。 首先,从名字上就可以看出一些区别:keydown意指键盘被按下触发,keyup意指键盘松开被触发,keypress则是按键被按压,keydown和keyup容易区分,但是keydown和keypress啥区别呢? keydown和keypress的区别区别: 执行顺序不同:keydown < keypress < keyup... 阅读全文

@2016-09-02 JavaScript 浏览(1851)
#
[精品] 分享自己写的JS版日期格式化和解析工具类,绝对好用!

前言本来想模仿Java里面的SimpleDateFormat()对象的,但是感觉这样用起来不方便,所以还是直接写成单独的方法算了。 原文链接 PS:较新的浏览器有提供一个自带的日期格式化方法Intl.DateTimeFormat,但是超级难用,完全没必要去了解。 日期格式化使用说明formatDate(date, fmt),其中fmt支持的格式有: y(年)M(月)d(日)q(季度... 阅读全文

@2016-09-02 JavaScript 浏览(3289)
#
有强迫症的我只能自己写一个json格式化工具

缘由一直以来在编码规范界有2大争论不休的话题,一个是关于是用空格缩进还是tab缩进的问题,一个是花括号是否换行的问题,笔者是tab缩进和花括号换行的坚决拥护者,不解释,免得挑起争论。 可惜的是,几乎找遍全网都找不到一个支持tab缩进和花括号换行的json格式化工具(IDE除外),包括Chrome在内,几乎所有浏览器内置的代码格式化都是空格缩进和花括号不换行的,每次看着花括号放在右上角像一个驼背的... 阅读全文

@2016-08-29 JavaScript 浏览(2716)
#
JavaScript中实现最高效的数组乱序

本文内容参考自网络。 常规做法var array = [1, 2, 3, 4, 5, 6, 7, 8, 9];array.sort(function(a, b){ return Math.random() > 0.5 ? -1 : 1;}); 此方法虽直观,但效率并不高,经某网友测试,打乱10000个元素的数组,大概花了35ms左右。 高效做法if (!Array.prototype.... 阅读全文

@2016-08-22 JavaScript 浏览(1598)
#
JavaScript的hasOwnProperty和isPrototypeOf详解

作用hasOwnProperty的作用是用来判断一个对象本身是否具有某个属性或对象,对象本身的意思是指不包括它的原型链,个人觉得这个方法应该叫isOwnProperty更合适。 isPrototypeOf是用来判断对象是否存在于另一个对象的原型链中,如: Array.prototype.isPrototypeOf([1, 2, 3]);几个例子下面几个例子应该很好理解: String.pro... 阅读全文

@2016-08-22 JavaScript 浏览(2527)
#
element.children和element.childNodes的区别

如题假设有这样的代码: <!-- 注意中间有空格 --><div id="hot_game">热门游戏<div>我是子节点</div> </div> 生成如下结构DOM: 测试: 最后一个#test是由于上面的空格引起的,一个空格也算是一个#text。 结论 element.children只输出普通的DOM元素;el... 阅读全文

@2016-08-19 HTML 浏览(2487)
#
阿里云服务器SSH无法连接:Connection closed by foreign host

描述之前一直好好的,今天突然连接不上了,报一个什么Connection closed by foreign host的错: 解决方法登录阿里云后台,进入实例详情,连接管理终端,执行如下命令: 以上方法是网上找到的,我试了之后发现依然连不上,但是过了一天之后再试发现没问题了,所以到底是这个问题过一段时间会自己会自动变好呢,还是执行上述代码之后需要过一段时间才生效呢?不得而知。 具体多久... 阅读全文

@2016-08-18 网站建设 浏览(5973)
#
使用hexo+github搭建免费个人博客详细教程

前言准备工作搭建github博客创建仓库绑定域名配置SSH key测试是否成功使用hexo写博客hexo简介原理注意事项安装初始化修改主题上传之前上传到github保留CNAME、README.md等文件常用hexo命令_config.yml写博客写博客工具如何让博文列表不显示全部内容最终效果参考前言使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快;免费方便,不用... 阅读全文

@2016-08-18 网站建设 浏览(36835)
#
marquee标签

marqueemarquee是已经废弃、过时的标签,不推荐使用!在Chrome不同版本中有很多bug,如,Chrome45.0中动画执行完总是需要点一下页面才能继续,最新版的Chrome52.0则没有这个问题。 虽然已经过时,有时候还是不得已用到,这里简单对几个属性做一下介绍。 behavior可用的值为scroll(滚动)、slide(滑动)、alternate(改变,类似于光学的反射路径)... 阅读全文

@2016-08-17 前端综合 浏览(2257)
#
HTML、CSS、JS对unicode字符的不同处理

unicode字符的不同表示法unicode字符在html、css和js中的表示方法均不相同,下面分别作介绍。 css表示法首先来一段很常见的bootstrap的字体图标代码: .glyphicon-home:before { content: "\e021";} 上面代码中的e021就是这个字符的unicode码,是16进制。 语法: '\ + 16进制的unicode编码'如:... 阅读全文

@2016-08-17 前端综合 浏览(2709)
#
[精品] JavaScript数组常用方法详解

前言JavaScript中的数组有很多实用方法,但是方法多了难免记不住,本文就是对一些常用方法做一个基本的梳理。 为方便对比和理解,这里统一假设有一个名为a的数组:var a=[4,6,1,7,2,9,3,6],以下所有方法的测试都是基于这个数组。 兼容性较好的会修改原数组的方法:push、pop、shift、unshift、reverse、sort、splice。 push(value)进... 阅读全文

@2016-08-17 JavaScript 浏览(1682)
#
网页上如何实现禁止复制粘贴以及如何破解

我们首先来介绍如何实现禁止复制,知道了禁止的方式,再破解就容易了。 实现禁止复制粘贴比较简单,直接上代码: <style type="text/css">/* 最简单的实现禁止复制的方法,采用css方式禁止文字选择,当然这只兼容webkit内核浏览器 */* { -webkit-user-select: none; }p {font-family: 'Microsoft Yahei... 阅读全文

@2016-08-17 JavaScript 浏览(17914)
第6页,共8页