使用 CSS 3 transition 实现动画效果
使用 CSS3 的新特性 transition 可以很方便的实现像 JQuery 的 animate 方法一样的动画效果,但是有点遗憾的是,transition 只支持一个属性,重复定义后面的属性会覆盖前面的属性。 transition 有四个参数,分别是 transition-property(规定设置过渡效果的 CSS 属性的名称),transition-duration(规定完成过渡效果需要多...
LMLPHP官方网站兼博客移动站上线
,所以手机站独立模板才是更好的选择,我个人不建议使用 BootStrap 和一些非常复杂的前端框架来做。 如果在页面加载后,计算出手持设备对应的尺寸,然后将文档中图片的 width 和 height 属性进行等比缩小,图片的展示就会比较好看,本站现在的主体内容区域里面的图片都是设置了最大宽度为 90% ,这样有个缺点就是加载文档后,图片的高度属性失效,显示的高度很小,仅仅够显示出了 alt 属性,随着...
前端技术之导航栏浮动最佳实践
及以上浏览器、Firefox、Chrome。在测试的过程中,发现本博客在 IE6 中样式出现问题,有图片的列表页内容被图片撑坏了,发现 IE6 是不支持 max-height 和 max-width 属性的。看了同行的博客 IE6 访问直接 403 ,并显示 Fuck IE 6,看最近几个月的访问统计,IE6 的流量几乎没有,Window 7 占据了一大半的市场份额。 下面给出具体实现技术上的部分 J...
从网站统计功能看百度图片蜘蛛抓取错误地址
但是也有不少的请求是在故意的猜测一些文件,比较多的是猜测一些编辑器的文件,看来市面上编辑器的漏洞还是很多。除了这些外,我发现了百度图片蜘蛛有很多错误的请求,由于本站使用了延迟加载,图片标签并没有src属性。在此之前,我看百度网页快照,本站的所有页面的快照都是没有图片的,当时我就在想,百度做网站分析这么多年,为什么不从图片的其他属性里面去找图片链接呢?。这次通过百度图片蜘蛛的请求来看,它还是尝试的去找了...
谈谈HTML网页编辑器技术实现
情。先谈一谈 Selection获取 selection 对象非常简单,如下所示:getSelection(); // or window.getSelection();selection 对象有一些属性,对于现代浏览器有四个比较重要的属性,分别是 anchorNode,focusNode,baseNode,extentNode。在一些比较老的浏览器中,也可能出现没有 baseNode 和 exten...
谈谈网站开发中的跳转方式
时,跳转到正确的域名,当时使用的是 301 跳转,跟随当前协议。结果哪些傻逼爬虫竟然请求成了这个死样。哎!我之前有篇文章提到百度的图片爬虫很弱智,现在很多网站的图片都是使用的懒加载,很自然的 src 属性是不正确的。所以作为一个稍微有点脑子的程序员写个爬虫也应该知道在 img 标签中尝试的匹配下比较有可能的正确的图片路径,当时我的图片路径还是包含协议头的,傻逼的爬虫竟然将这个路径加在了当前网站路径的后...
谈谈 SEO 对中文搜索引擎百度的影响
就针对性的做一些搜索优化,比如天涯的会员名,新浪微博的会员名,贴吧的邮箱和手机号等,这些都是可以搜的到的。而如果你的网站不出名,就会严格的按照 SEO 规则来检索。比如缺少某个标签权重就低了,缺少某个属性质量就是差的,script 标签没有合在一起或者放在了 header 里就是体验不好的等一些不合理的规则,永远都分析不出网站的架构出来,更搜不出好的内容。在前端技术日渐复杂的今天,这样会不会很傻啊,在...
Java 中如何避免空指针异常
。其实,空指针异常是可以根治的,写下这篇文章希望能给大家带来帮助。据网友总结,Java 空指针异常 NullPointerException 主要原因如下:引用空对象,即调用空对象的方法或引用空对象的属性将 java8 中基础类型的封装类赋值给对应的基础类 如何避免空指针异常:?多留心,多判断多使用 CollectionUtils,MapUtils,StringUtils.isNotEmpty() 等...
解决 springboot Interceptor @Autowired null
in"); super.addInterceptors(registry); } } 上面的代码看似非常简洁,其实是有一些问题的。当 WebInterceptor 类中使用了 @Autowired 的属性就会出现空指针错误。问题原因:拦截器加载的时间点在 springcontext 之前,所以在拦截器中注入值为 null,使用 Bean 注解提前加载即可解决。代码改成如下:@Bean public H...
新版本 Chrome 浏览器 POST 请求不携带 Cookie 问题
okie 的校验更加严格,有页面嵌套的可能会出现问题。 chrome 升级到 80 版本之后 (最坑的地方:灰度测试,即也可能存在同一版本不同人的浏览器表现不同),Cookie 的 SameSite 属性默认值由 None变为 Lax,该问题的讨论可参考:https://github.com/google/google-api-javascript-client/issues/561。在 Lax 模式...