- 博客(26)
- 收藏
- 关注
原创 与 Input date 作斗争
万恶的 input,总有一天你会屈服的前言介绍input 作为表单元素的输入控件,承担着复杂而又繁重的角色。从文本到数字、网址、邮箱地址,再到单选、多选、滑动条,再到年月日时分,甚至于还有输入文件的功能,然而每一种类型都让人可爱可憎可恨。最近是跟这 type=date 系列杠上了,于是决定对它进行一番“批判”。input 日期的种类根据 w3school 中的介...
2018-08-09 18:39:40
653
原创 Web 页面 Meta 的 Referrer Policy
一个图片,本站或者外站,都要想办法拿到前言介绍近期在一个项目中,需要引用大量外部网站的图片,竟意外的发现在生成环境中没有问题,但在本地的开发环境下,有部分图片无法显示。于是就开启了跨域图片显示的斗争中。名词解释什么是引用策略(Referrer Policy)?引用策略就是从一个文档发出请求时,是否在请求头部定义 Referrer 的设置。目前很多网站的防盗链...
2018-07-20 15:37:32
2088
原创 jQuery-File-Upload(blueimp)爬坑指南
当你无法分辨长的很像的英文的时候,能够拯救你的就只有一遍又一遍的试错了。前言介绍最近项目需要一个页面单独上传的功能,要求页面能够做到多文件上传。于是便去寻找 ajax 上传文件的插件,找到 github 排名最高的 ‘jQuery-File-Upload’ 插件,开发者是 ‘buleibm’。
2017-03-03 09:16:30
2789
原创 Hexo文章简单加密访问
即使是最简单的密码功能也足以阻止90%的访问者一、前言一开始使用Hexo的时候,是喜欢它的简单:因为可以直接编译成纯静态文件,方便部署。可是在使用过程中,又发现诸多不便:也因为它全是纯静态页面。突发奇想,能不能给文章加上一个加密访问的功能……在经过实践之后,运用到自己博客中,发现有不少的访客对这个功能甚是感兴趣,所以也就在这里找个时间写写自己加密的小诀窍吧算是。二、原理由于 Hexo 最终编译出来
2016-12-01 16:14:37
8900
1
原创 Hexo NexT 主题SEO优化指南
当我们搭建一个网站之后,如果没有做一些相关的搜索引擎优化SEO,那么我们的网站是很难获取来自搜索引擎的流量的,用户很难在搜索引擎上搜索到我们网站的内容,所以接下来我们要为Hexo网站做一些简单的搜索优化。
2016-08-16 10:45:53
3143
原创 网页中的三种地址详解
网页中的a标签具有地址跳转的功能,href属性指向跳转的地址。一、三种地址模式网络地址分为两种,一种是绝对地址,一种是相对地址。 但是相对地址又可以细分为两种,一种是基于当前目录的相对地址,一种是基于服务器根目录的相对地址。
2016-07-08 08:19:38
2071
原创 百度脑图核心——kityminder-editor 本地化改造
一、思维导图是什么?早在高中时代就听同学提过思维导图这种东西了,还记得那是一本物理辅导书。当时确实还不理解这种东西,可能是因为当时物理太好,不需要使用思维导图来辅助记忆那些知识点 (⊙o⊙)。那时候的印象就是每一个知识点会画成一个点延伸出来的图形,这也就是思维导图的主要形态了。
2016-06-21 23:12:46
12496
1
原创 使用requirejs 调用百度地图解决方案
百度地图的模块化加载方案百度地图的加载方式比较奇葩,比如百度提供的一个 js 脚本地址是这样http://api.map.baidu.com/api?v=2.0&ak=mXijumfojHnAaN2VxpBGoqHM,直接使用浏览器访问,这个文件的内容是这样:
2016-05-24 14:02:58
8436
原创 Tomcat 开启 gzip
一、原理介绍HTTP 压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求服务器对应资源后,从服务器端将资源文件压缩,再输出到客户端,由客户端的浏览器负责解压缩并浏览。
2016-05-17 18:56:54
522
原创 IE9 不支持 base 标签
最近在学习使用 requirejs,config 的配置中有一个baseUrl代表 requirejs 加载 js 时的基地址,所有的文件都是根据这个基地址去查找相对地址。 html 中有这么一个base标签也是来完成这件事的,w3school里面是这么介绍的:
2016-05-17 15:20:25
2181
原创 Hexo+Coding博客的安装和使用
之前一直在优快云上面写博客,思虑了很久,终于还是忍不住想自己搭建一个博客。想过使用 wordpress,需要找一个免费的主机确实又是个麻烦事。所以静态博客会是个好的选择。
2016-04-30 17:28:05
3458
原创 Velocity 的简单配置及使用
之前一直使用 JSTL 写前端的代码,if else 这种简单功能都没有真是丧心病狂。不管怎样,来到 velocity 的地盘,性能也是比JSP要强一些的,上手比较容易。
2016-04-22 19:20:07
4448
原创 Java urlrewrite+Maven 简单使用
UrlRewrite就是我们通常说的地址重写,用户得到的全部都是经过处理后的URL地址,类似于Apache的mod_rewrite。将我们的动态网页地址转化为静态的地址,如html、shtml,还可以隐藏网页的真正路径。此外还可以用来做地址映射,类似与ThinkPHP和Laravel 中的路由功能。
2016-04-21 19:29:57
715
原创 jqeury validate 相同name值的解决办法
前一段时间学习了jquery validate 的使用,还满心欢喜的觉得以后终于可以规范化的去写表单验证了。不然,碰到使用validate 检查相同name 值的问题着实难到我了。
2016-04-14 21:55:36
7434
2
原创 微信中打开网页,链接无法跳转处理
做的一个项目基本完成,放在微信内置浏览器测试。突然发现有些链接点击了出现了进度条,但是却没有跳转,试了很多次,都是无法跳转,非常的让人苦恼。
2016-03-24 18:52:49
17815
原创 部分网站中加载外部js 禁止的疑问
上次在知乎网站中打开控制台,想引入一段外部js代码,却发现被知乎给禁止了: 经过查询发现是和浏览器的CSP(Content Security Policy 内容安全策略),先留个疑问在这儿,有空再细究。
2016-03-22 10:24:51
1435
转载 jquery中attr和prop的区别分析
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 上面的描述也许有点模糊,举几个例子就知道了。
2016-03-19 16:31:13
407
转载 CSS 实现 textArea 的 placeholder 换行
textArea的placeholder不能换行。例如:<textarea placeholder="第1行 \n 第2行 <br> 第3行 \A 第4行 第5行"></textarea>这是不会起作用的,会原封不动地输出。 官方不认为这是一个bug: The placeholder attribute represents a short hint (a word or short
2016-03-18 10:50:30
6469
1
原创 apache2.4 和php 开启gzip功能
HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。
2016-01-13 11:48:43
627
原创 Http authorization 实现简单的网页用户密码验证
最近想在网页加上简单的用户名验证机制,因为之前有用过新浪云的http authorization 验证方式,作为单网页的验证自然再合适不过。 其实http的用户验证方式很简单
2016-01-10 01:33:28
4930
原创 Bootstrap modal 模态框垂直居中
最近在使用Bootstrap框架,框架本身自带有一个modal模态框,也就是我们平时常叫的弹窗。但是这个模态框有一个特点,就是它本身是不会垂直居中的,默认只是距离顶部30px。那有没有办法让模态框垂直居中呢?有! 一个思路就是使用table布局,table布局的元素默认就是垂直居中的
2015-12-18 13:22:18
6066
原创 Apahce 出现 No input file specified解决办法
Apahce 出现 No input file specified解决办法 最近使用phpstudy 来运行项目,项目在wampserver下运行一切正常,但是在phpstudy下面却会出现“No input file specified”错误
2015-12-11 22:24:47
3810
转载 CSS选择符权重、CSS Sprite技术和CSS hack
一、在实际使用中,使用类要注意:多用组合,少用继承。上下margin重合问题:margin是个特殊的样式,相邻的margin-left和margin-right是不会重合的,但相邻的margin-top和margin-bottom会产生重合。如果不确定模块的上下margin特别稳定,最好不要将它写到模块的类里,而是使用类的组合,单独为上下margin挂用于边距的原子类(如mt10/
2014-11-27 22:26:40
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人