作用box-shadow用来给元素添加一个或者多个阴影。 语法box-shadow: offsetX offsetY blur size color inset;其中： offsetX 表示水平偏移距离，允许负值offsetY 表示垂直偏移距离，允许负值blur 表示模糊值，不写默认0size 表示阴影大小，不写默认0color 表示阴影颜色inset 表示内容阴影，可选 以上6个属... 阅读全文
@2016-09-19
CSS
浏览(1167)
作用box-shadow用来给元素添加一个或者多个阴影。 语法box-shadow: offsetX offsetY blur size color inset;其中： offsetX 表示水平偏移距离，允许负值offsetY 表示垂直偏移距离，允许负值blur 表示模糊值，不写默认0size 表示阴影大小，不写默认0color 表示阴影颜色inset 表示内容阴影，可选 以上6个属... 阅读全文
缘由最近在弄仿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... 阅读全文
几点说明说明：我不靠这个赚钱啊，玩玩而已~~~ 转让的由来一直以来不太喜欢现在这个域名，主要是将博客这个最重要的东西放在二级域名blog.liuxianan.com下，感觉域名太长了，不好记，所以想找个顶级域名中直接包含blog字样的短域名，可是挑来挑去，想要的域名全部已经被注册了，比如我最想要的 http://iblog.me ，还有 http://xblog.me ，都没了，感觉非常可惜。 ... 阅读全文
概述采用广播方式监听，可以纯代码方式，也可以采用代码+XML配置方式。下面分别就2种方法作介绍。 说明：本人安卓初学者，不保证代码一定没问题。 XML配置方式首先在AndroidManifest.xml中定义广播： <receiver android:name=".ApkInstallReceiver" android:label="@string/app_name"> &... 阅读全文
过程百度统计、CNZZ等是统计详细访问记录，如果你只需要了解总访客数，建议使用这个网站提供的服务，虽然这个网站界面和体验真不是一般的丑，但是速度还是可以的。 过程非常简单，首先访问：http://amazingcounters.com/ 第一步点击中间的创建： 第二步然后从众多样式中选一个你喜欢的，继续下一步： 第三步填好一些信息，如果你没有登录这一步会让你登录，其中最重要的是Si... 阅读全文
介绍官网：https://nodejs.org 文档：https://nodejs.org/en/docs/ 下载：https://nodejs.org/en/download/ 下载和安装下载主要分2种版本，LTS版和Current版，前者表示长效版、稳定版（大概是Long Time Support的意思吧），后者则表示最新版，一般看个人需要下载，我习惯下载最新版。 特别说明：由于n... 阅读全文
前言网上绝大多是图片懒加载插件都是针对img的src的，但是很多时候图片是以背景图的形式存在的，因为这种方式可以很容易实现图片不变形但是又保证宽高度固定，所以只能自己写一个。 这里只是简单的实现，没有考虑横向滚动、div滚动等等情况，但相信已经满足大部分情况了。 代码直接上代码，标题说11行，真有点吹了，哈哈，其实是去掉了大括号之后还剩11行，一共有15行： /** * 图片懒加载插件，与绝... 阅读全文
前言iframe虽说一般不怎么推荐使用，但是很多时候还是挺有用的，所以还是要掌握一些关于它的东西。 //TODO 本文有待继续完善 测试代码现假设有如下测试代码： <!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8"> <title>测试iframe<... 阅读全文
前言园子里有人问到了这个问题，所以写篇博客简单介绍下。 博客园代码高亮使用的插件是 highlight.js，本来想替换成我 个人网站 使用的 prism.js，但是比较坑爹的是，解析过程在服务端已经完成了，为什么这么说呢？因为我禁用浏览器JS重新刷新页面时，pre>code里面的所有代码都已经被解析成一个个span了: 没办法，只能通过替换主题来达到效果了。 博客园最大的优点就是... 阅读全文
什么是网站地图网站地图，又叫站点地图，它就是一个列出了你网站上所有页面地址的清单文件，一般来说分为2种，一种是给搜索引擎看的，一种是给用户看的，前者帮助搜索引擎更好地收录你的网站，后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者。 站点地图格式一般有3种格式，txt、xml、html，绝大部分情况下都是用xml格式，百度、谷歌都是支持xml格式。下面简单介绍... 阅读全文
如题现假设有一webview加载放在本地的网页：file:///android_asset/www/test.html 经测试，网页放在本地是不支持cookie的，所以只能用localStorage来替代。 其实不止是webview，电脑上的本地网页(file:///开头的地址)默认情况下也是不支持cookie的，想让其支持cookie还必须经过一些特殊设置： 至于webview上是否可... 阅读全文
刚才听旁边人说“USB”的事，刚好脑子里出现一个场景： （B君新买了个笔记本）A：你电脑有USB吗？B：什么？A：USB！B：什么？你再说一遍？A：U！S！B！B：（愤怒地打了一巴掌过去）你他妈才SB呢！ ... 阅读全文
介绍这个编辑器还是挺不错的，功能强大，界面也美观，就是感觉有一点小bug。 主界面如下： github地址：https://github.com/duopixel/Method-Draw 官网演示地址：http://editor.method.ac/ 我在自己服务器上搭建了一个版本，应该比国外服务器的稍微好点： http://svg.liuxianan.com/ ... 阅读全文
分析启动eclipse之后直接报错： Failed to load the JNI shared library jvm.dll此现象一般都是因为jdk和eclipse版本不一致引起的，将二者都换成32位或者64位即可解决这个问题。 查看jdk是32位还是64位第一种方法查看jdk版本： java -version如果是64位的，会有显示64 bit，否则，没有特别指明是多少位，那么就是... 阅读全文
原文写于：20150121 正文二者区别大着呢。 首先，从名字上就可以看出一些区别：keydown意指键盘被按下触发，keyup意指键盘松开被触发，keypress则是按键被按压，keydown和keyup容易区分，但是keydown和keypress啥区别呢？ keydown和keypress的区别区别： 执行顺序不同：keydown < keypress < keyup... 阅读全文
前言本来想模仿Java里面的SimpleDateFormat()对象的，但是感觉这样用起来不方便，所以还是直接写成单独的方法算了。 原文链接 PS：较新的浏览器有提供一个自带的日期格式化方法Intl.DateTimeFormat，但是超级难用，完全没必要去了解。 日期格式化使用说明formatDate(date, fmt)，其中fmt支持的格式有： y（年）M（月）d（日）q（季度... 阅读全文
问题描述给一个使用Arrays.asList转换过来的list添加东西： String[] array = "aa,bb,cc".split(",");List<String> list = Arrays.asList(array);list.add("dd"); // 这里会报错 结果： java.lang.UnsupportedOperationException ... 阅读全文
原文于2016-01-07首发于我的博客园：http://www.cnblogs.com/liuxianan/p/err_unsafe_port.html 问题来源因为经常有各种各样的大小项目要跑，全部放一个tomcat很慢，所以俺平时喜欢新建80-89这10个tomcat，分别放不同的项目。以前还一直用的好好的，昨天突然发现87端口的tomcat怎么都访问不了，本来大不了换一个别的端口就了事，... 阅读全文
缘由一直以来在编码规范界有2大争论不休的话题，一个是关于是用空格缩进还是tab缩进的问题，一个是花括号是否换行的问题，笔者是tab缩进和花括号换行的坚决拥护者，不解释，免得挑起争论。 可惜的是，几乎找遍全网都找不到一个支持tab缩进和花括号换行的json格式化工具（IDE除外），包括Chrome在内，几乎所有浏览器内置的代码格式化都是空格缩进和花括号不换行的，每次看着花括号放在右上角像一个驼背的... 阅读全文
设置多个path同一个拦截器如果想指定多个path，直接顺序添加多个<mvc:mapping path="" />即可： <!-- 拦截器 --><mvc:interceptors> <!-- 多个拦截器,顺序执行 --> <!-- 如果不配置或/**,将拦截所有的Controller --> <!-- 注意，匹... 阅读全文