前言曾几何时，项目中有碰到视频比例拉伸的需求，但是发现这个看似再普通不过的一个需求，找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸，但是里面的视频还是保持原始比例，怎么调都没用： 因为当我横向拉伸时： 当我纵向拉伸时： 2016-09-21 11:15:40 更新： 感谢 @RileyRen 提醒，原来还有ob... 阅读全文
@2016-09-20
前端综合
浏览(10941)
前言曾几何时，项目中有碰到视频比例拉伸的需求，但是发现这个看似再普通不过的一个需求，找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸，但是里面的视频还是保持原始比例，怎么调都没用： 因为当我横向拉伸时： 当我纵向拉伸时： 2016-09-21 11:15:40 更新： 感谢 @RileyRen 提醒，原来还有ob... 阅读全文
Git 客户端介绍在介绍TortoiseGit之前，先来介绍一下其它客户端。 GitHub for Windows这玩意儿是好几年前Github官方推出的Windows客户端，Mac平台与之对应的是 GitHub for Mac，这2个都已经过时了，取而代之的是GitHub Desktop，之前的2个官网都会自动跳转到 https://desktop.github.com/ GitHub De... 阅读全文
之前还一直以为一个账号只能创建一个github pages 网站，刚刚才知道可以创建无数个，而且全部支持自定义域名，真是业界良心啊！像github这种良心网站我觉得全世界IT公司都应该给它捐赠！ ... 阅读全文
作用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的意思吧），后者则表示最新版，一般看个人需要下载，我习惯下载最新版。 特别说明：由于node.js发展实... 阅读全文
前言网上绝大多是图片懒加载插件都是针对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 ... 阅读全文