#
巧用transform实现HTML5 video标签视频比例拉伸

前言曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸,但是里面的视频还是保持原始比例,怎么调都没用: 因为当我横向拉伸时: 当我纵向拉伸时: 2016-09-21 11:15:40 更新: 感谢 @RileyRen 提醒,原来还有ob... 阅读全文

@2016-09-20 前端综合 浏览(1911)
#
TortoiseGit使用详细介绍【待完善 】

Git 客户端介绍在介绍TortoiseGit之前,先来介绍一下其它客户端。 GitHub for Windows这玩意儿是好几年前Github官方推出的Windows客户端,Mac平台与之对应的是 GitHub for Mac,这2个都已经过时了,取而代之的是GitHub Desktop,之前的2个官网都会自动跳转到 https://desktop.github.com/ GitHub De... 阅读全文

@2016-09-19 Git 浏览(589)
由衷地感叹,github真是业界良心!

之前还一直以为一个账号只能创建一个github pages 网站,刚刚才知道可以创建无数个,而且全部支持自定义域名,真是业界良心啊!像github这种良心网站我觉得全世界IT公司都应该给它捐赠! ... 阅读全文

@2016-09-19 碎碎念 浏览(604)
#
CSS3之box-shadow

作用box-shadow用来给元素添加一个或者多个阴影。 语法box-shadow: offsetX offsetY blur size color inset;其中: offsetX 表示水平偏移距离,允许负值offsetY 表示垂直偏移距离,允许负值blur 表示模糊值,不写默认0size 表示阴影大小,不写默认0color 表示阴影颜色inset 表示内容阴影,可选 以上6个属... 阅读全文

@2016-09-19 CSS 浏览(424)
避免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 前端综合 浏览(1592)
#
【软文】域名批量低价转让,不到100块!(再次降价啦降价啦)

几点说明说明:我不靠这个赚钱啊,玩玩而已~~~ 转让的由来一直以来不太喜欢现在这个域名,主要是将博客这个最重要的东西放在二级域名blog.liuxianan.com下,感觉域名太长了,不好记,所以想找个顶级域名中直接包含blog字样的短域名,可是挑来挑去,想要的域名全部已经被注册了,比如我最想要的 http://iblog.me ,还有 http://xblog.me ,都没了,感觉非常可惜。 ... 阅读全文

@2016-09-10 杂七杂八 浏览(1913)
Android监听APK安装卸载完成事件

概述采用广播方式监听,可以纯代码方式,也可以采用代码+XML配置方式。下面分别就2种方法作介绍。 说明:本人安卓初学者,不保证代码一定没问题。 XML配置方式首先在AndroidManifest.xml中定义广播: <receiver android:name=".ApkInstallReceiver" android:label="@string/app_name"> &... 阅读全文

@2016-09-09 Android基础 浏览(1308)
#
使用Amazing Counters给博客添加访客数量统计

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

@2016-09-09 网站建设 浏览(685)
#
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 浏览(501)
11行代码实现简单的图片懒加载以及背景图懒加载

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

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

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

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

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

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

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

@2016-09-06 前端综合 浏览(576)
#
Android WebView加载本地网页时cookie的相关问题

如题现假设有一webview加载放在本地的网页:file:///android_asset/www/test.html 经测试,网页放在本地是不支持cookie的,所以只能用localStorage来替代。 其实不止是webview,电脑上的本地网页(file:///开头的地址)默认情况下也是不支持cookie的,想让其支持cookie还必须经过一些特殊设置: 至于webview上是否可... 阅读全文

@2016-09-06 Hybird 浏览(1004)
突然灵机一动编了一个小笑话

刚才听旁边人说“USB”的事,刚好脑子里出现一个场景: (B君新买了个笔记本)A:你电脑有USB吗?B:什么?A:USB!B:什么?你再说一遍?A:U!S!B!B:(愤怒地打了一巴掌过去)你他妈才SB呢! ... 阅读全文

@2016-09-06 碎碎念 浏览(538)
#
挺不错的在线SVG编辑器Method-Draw

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

@2016-09-05 前端综合 浏览(1626)
#
启动Eclipse之后提示“Failed to load the JNI shared library jvm.dll”解决办法

分析启动eclipse之后直接报错: Failed to load the JNI shared library jvm.dll此现象一般都是因为jdk和eclipse版本不一致引起的,将二者都换成32位或者64位即可解决这个问题。 查看jdk是32位还是64位第一种方法查看jdk版本: java -version如果是64位的,会有显示64 bit,否则,没有特别指明是多少位,那么就是... 阅读全文

@2016-09-05 Eclipse 浏览(655)
#
onkeydown和onkeypress的区别

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

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

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

@2016-09-02 JavaScript 浏览(796)
#
Java中ArrayList.add报错UnsupportedOperationException

问题描述给一个使用Arrays.asList转换过来的list添加东西: String[] array = "aa,bb,cc".split(",");List<String> list = Arrays.asList(array);list.add("dd"); // 这里会报错 结果: java.lang.UnsupportedOperationException ... 阅读全文

@2016-08-31 JavaSE 浏览(673)
第7页,共11页