随笔分类 - html5
1
html相关技术分享
摘要：代码审查（Code Review)是软件开发中常用的手段，和QA测试相比，它更容易发现和架构以及时序相关等较难发现的问题，还可以帮助团队成员提高编程技能，统一编程风格等。 一．审查原因（Why） 持续、有效的开展代码走查，将会收获许多收益，具体表现在： l 能及时发现代码中的Bug，保证版本质量。
阅读全文
摘要：1 //基本用法 2 console.log('最常见用法\n换行'); 3 console.error('输出错误信息 会以红色显示'); 4 console.warn('打印警告信息 会以黄色显示'); 5 console.info('打印一般信息'); 6 console.clear();//清空上面的console显示 7 8 ...
阅读全文
摘要：网页在有些情况下，会需要input的输入的为单纯数字的文本框，此时type=number，但使用type=number时，输入框后面会有一个上下箭头，那么如何去掉上下箭头呢？ 1、chrome浏览器移除 使用none替代textfield，也可以实现去除箭头的效果 2、firefox浏览器下移除 在
阅读全文
摘要：qrcode只通过前端就能生成二维码和解析二维码图片， 首先要引入文件qrcode.js，下载地址为：http://static.runoob.com/download/qrcodejs-04f46c6.zip; 1、识别本地图片： 通过文件的形式获取到本地的图片，生成一个图片的临时路径，然后解析这
阅读全文
摘要：/** * 随机生成颜色 * @return 随机生成的十六进制颜色 */ function randomColor(){ var colorStr=Math.floor(Math.random()*0xFFFFFF).toString(16).toUpperCase(); return"#"+"000000".substring(0,6-colorStr)+colorStr; ...
阅读全文
摘要：最近做项目经常在 chrome 的控制台看到如下提示： 于是 Google 了一番，找到这篇文章，有了详细解释。Making touch scrolling fast by default 简而言之： 这就导致了一个问题： 测试： 那么如何解决这个问题呢？不让控制台提示，而且 preventDefa
阅读全文
摘要：canvas转换为dataURL (从canvas获取dataURL) File对象转换为dataURL、Blob对象转换为dataURL File对象也是一个Blob对象，二者的处理相同。 dataURL转换为Blob对象 dataURL图片数据绘制到canvas 先构造Image对象，src为d
阅读全文
摘要：var isHidden = function (element) { return (element.offsetParent === null);};eg：
阅读全文
摘要：{ getFileUrl: function getFileUrl(fileInputId) { var uri = { url: '', filename: '', filetype: '', data: '' }; var fileObj = typeof fileInputId === 'string...
阅读全文
摘要：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 接
阅读全文
摘要：webstorm增加内存配置参数 找到WebStorm.exe.vmoptions这个文件，路径如下 webstorm安装主目录>bin>WebStorm.exe.vmoptions 更改为 第二行：-Xms526m 第三行：-Xmx1024m （ps：这里-Xms最大值不能超过1024，否则web
阅读全文
摘要：document.body.scrollTop与document.documentElement.scrollTop兼容 document.body.scrollTop与document.documentElement.scrollTop兼容 这两天在写一个JS的网页右键菜单，在实现菜单定位的时候发
阅读全文
摘要：事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。 不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以
阅读全文
摘要：缓存优化 性能优化第一步，便是管理好页面的缓存，避免重复下载资源。否则，即增加服务器压力，又折磨用户的钱包。 浏览器缓存机制 访问页面，请求各种资源，浏览器检查本地是否有缓存。 如果有，检查资源是否过期。没过期，直接使用缓存。过期了，便向服务器发出请求。 发出的请求中会带上etag和last-mod
阅读全文
摘要：很久以前，addEventListener() 的参数约定是这样的： 后来，最后一个参数，也就是控制监听器是在捕获阶段执行还是在冒泡阶段执行的 useCapture 参数，变成了可选参数（传 true 的情况太少了），成了： 去年年底，DOM 规范做了修订：addEventListener() 的第
阅读全文
摘要：在升级到 ios11.3 系统后，发现之前阻止页面滚动的代码e.preventDefault代码失效了。于是自己折腾了一番，找到了解决办法，分享给大家。 一、前言 浏览器在移动端有一个默认触摸滚动的效果，让我们感触最深的莫过于微信浏览器里面，下拉时自带橡皮筋的效果。 然而在开发的时候我们经常需要阻止
阅读全文
摘要：1、 在代码文件结构 尽量优化的同时，能力再强已经到极限了，但你服务器辣鸡，搭配不当，你代码优化上天 也是徒劳啊。 2、你不怎么优化， 服务器 各种技术配置到位的话， now你也看到了，我一个系统首页也不过用了几百ms，比我本地开发环境都快（mdzz，怪不得阿里这么贵）！ 阿里云的CDN GZIP压
阅读全文
摘要：https://codepen.io/lindell/pen/mEVgJP Stack Overflow logo是我最喜欢的logo之一，因为它非常简单，但易于识别。并且这个片段动画点击预览Stack logo图标只使用纯CSS3。这是迄今为止我见过的最令人印象深刻的纯CSS动画之一，最终产生的l
阅读全文
摘要：以前我们用过favicon在浏览器给网站进行身份标识，用法如下： 现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问。实现方法是在H
阅读全文
1
浙公网安备 33010602011771号