随笔分类 -  html

1 2 下一页
html
mp3各种码率的测试地址 MP3 test files
摘要：https://www.dr-lex.be/software/testsounds.html 阅读全文
posted @ 2020-03-12 00:38 zhishaofei3 阅读(2693) 评论(0) 推荐(0)
一步一步学会preload和prefetch
摘要：preload和prefetch是什么？ 我们常说的preload和prefetch，是link标签rel里新增的两种值，用于让浏览器提前加载指定的资源，它们会先被缓存（属于http cache缓存），达到优化网页速度的目的。 本文将以代码示例的形式一步步讲解preload和prefetch。 1. 阅读全文
posted @ 2019-11-12 14:14 zhishaofei3 阅读(1485) 评论(0) 推荐(1)
使用chrome开发者工具中的performance面板解决性能瓶颈
摘要：前面的话 使用Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。本文将详细介绍如何使用performance面板解决性能瓶颈 准备 【匿名模式】 匿名模式可以保证Chrome在一个相对干净的环境下运行。比如安装了许多chrome插件，这些插件可能会影响我 阅读全文
posted @ 2019-01-30 14:49 zhishaofei3 阅读(789) 评论(0) 推荐(0)
Script error.解决方法
摘要：1. 添加 crossorigin="anonymous" 到script标签 crossorigin可以取枚举值anonymous或则use-credentials。 The “anonymous” keyword means that there will be no exchange of u 阅读全文
posted @ 2018-09-26 19:36 zhishaofei3 阅读(440) 评论(0) 推荐(0)
webstorm允许移动端访问本地html页面的方法
摘要： 阅读全文
posted @ 2018-07-05 18:02 zhishaofei3 阅读(478) 评论(0) 推荐(0)
html5 file 上传文件
摘要：https://codepen.io/zhishaofei3/pen/rKVLjE 阅读全文
posted @ 2018-05-31 21:26 zhishaofei3 阅读(726) 评论(0) 推荐(0)
音频资源下载
摘要：http://sc.chinaz.com/yinxiao/150321424303.htm 阅读全文
posted @ 2018-05-10 16:31 zhishaofei3 阅读(437) 评论(0) 推荐(0)
HTML5实现全屏
摘要：现在主流的浏览器都支持全屏，但是各家实现不一。下面是主流浏览器实现方法： // W3C 提议 element.requestFullscreen(); element.exitFullscreen(); // Webkit (works in Safari5.1 and Chrome 15) ele 阅读全文
posted @ 2018-04-24 13:26 zhishaofei3 阅读(6131) 评论(0) 推荐(0)
css多栏自适应布局
摘要：css多栏自适应布局还是需要总结一下的，都是基本功。一般使用position属性布局，或者用float属性布局，也可以使用display属性。看资料说position适合首页布局，因为首页内容往往可以完全控制。float适合模板布局，模板中填充的内容无法控制。一、左侧尺寸固定右侧自适应1、浮动实现在... 阅读全文
posted @ 2015-08-20 16:17 zhishaofei3 阅读(221) 评论(0) 推荐(0)
span 右浮动折行 解决ie6/7中span右浮动折行问题
摘要：Afloatedboxisshiftedtotheleftorrightuntilitsouteredgetouchesthecontainingblockedgeortheouteredgeofanotherfloat.Ifthere'salinebox,thetopofthefloatedbox... 阅读全文
posted @ 2015-05-12 15:58 zhishaofei3 阅读(401) 评论(0) 推荐(0)
nginx浏览目录
摘要：[root@localhost domains]# vi web.jd.com location / proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; upstream t... 阅读全文
posted @ 2015-04-16 17:45 zhishaofei3 阅读(210) 评论(0) 推荐(0)
jqzoom插件
摘要： 阅读全文
posted @ 2015-04-02 17:26 zhishaofei3 阅读(315) 评论(0) 推荐(0)
爱回收jd图标
摘要：http://jd.aihuishou.com/images/icons.pnghttp://misc.360buyimg.com/201007/skin/df/i/bg_hotsale.gif来自http://jd.aihuishou.com/trade?jdparam=VxIqXSxDQy66%... 阅读全文
posted @ 2015-03-16 17:14 zhishaofei3 阅读(354) 评论(0) 推荐(0)
移动端前端开发调试
摘要：通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到42.6%。由此可见，掌握移动端的前端开发和测试是非常有必要的。由于之前做过大量有响应式需求的项目；今年（2014）年初也配合 Denis 的微信机器人做了一些用于微信的移动端项目；在淘宝 UED 实习的时候，也有参... 阅读全文
posted @ 2015-03-16 15:35 zhishaofei3 阅读(683) 评论(0) 推荐(0)
TrimPath - Js模板引擎
摘要：当页面中引用template.js文件之后，脚本将创建一个TrimPath对象供你使用。parseDOMTemplate(elementId,optionalDocument) //获得模板字符串代码 得到页面中Id为elementId的DOM组件的InnerHTML，将其解析成一个模板，这... 阅读全文
posted @ 2015-02-03 10:10 zhishaofei3 阅读(312) 评论(0) 推荐(0)
canvas 3D雪花效果
摘要： 阅读全文
posted @ 2015-01-31 11:22 zhishaofei3 阅读(481) 评论(0) 推荐(0)
10大支持移动“触摸操作”的JavaScript框架
摘要：摘要：移动开发行业的发展速度让人目不暇接，也在此大势之下，推出移动网站App成为开发者必经之路，如何让触屏设备 更易使用？如何让网站对触摸手势做出反应并使触摸更友好？所有这一切，皆因JavaScript变得轻而易举。本文介绍了Hammer.js等10个极佳 的支持移动触摸操作的JavaScript框... 阅读全文
posted @ 2015-01-27 17:56 zhishaofei3 阅读(391) 评论(0) 推荐(0)
Web移动端的常用组件库
摘要：normalizehttp://necolas.github.io/normalize.css/最受欢迎的css reset保留有用的默认值，这个区别于其他的CSS resets标准化大范围的HTML elements的样式纠正bugs，使浏览器具体通用性通过一些巧妙的改进来增强可用性用具体的说明来... 阅读全文
posted @ 2015-01-23 10:19 zhishaofei3 阅读(2782) 评论(0) 推荐(0)
css 填坑常用代码分享
摘要：以下是常用的代码收集，没有任何技术含量，只是填坑的积累。转载请注明出处，谢谢。一. css 2.x code1. 文字换行/*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap: break-word;word-break: normal;/*强制英文单词断行*/... 阅读全文
posted @ 2015-01-19 09:59 zhishaofei3 阅读(205) 评论(0) 推荐(0)
利用firefox调试安卓手机端web
摘要：分2部分：手机：1.安装最新版firefox2.打开浏览器，输入about:config3.设置 devtools.debugger.remote-enabled 值为truedevtools.debugger.force-local 值为false（这里比pc上多设置一个）4.重启firefoxp... 阅读全文
posted @ 2015-01-16 13:56 zhishaofei3 阅读(3194) 评论(0) 推荐(0)

1 2 下一页