移动前端图片上传压缩解决方案1 图片上传前端压缩演示示例： 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，已经成了很多移动端图片上传的必备功能了。 在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata …
文章目录 1.什么是事件流 2.事件流的类型 3.冒泡型事件（Dubbed Bubbling） 4.捕获型事件（Event Capturing） 5.事件处理函数/监听函数 6.事件注册 7.现代事件绑定方法 8.事件委托 什么是事件流 从页面中接收事件的顺序。也就是说当一个事件产生时，这个事件的传播过程，就是事件流。 浏览器中的事件流意味着页面上可有不仅一个，甚至多个元素响应同一个事件。而这一个或多个元素响应事件发生的先后顺序在各个浏览器（主要针对IE和Netscape）上是不同的。 事件流的类型： DOM同时支…
文章目录 什么是跨域 js跨域解决方案1：通过jsonp跨域 js跨域解决方案2：通过修改document.domain+iframe来跨子域（不推荐） js跨域解决方案3： 使用HTML5 postMessage js跨域解决方案4：基于script标签动态创建实现跨域 js跨域解决方案5：window.name实现的跨域数据传输 js跨域解决方案6：利用iframe和location.hash js跨域解决方案7：利用flash js跨域解决方案8：服务器Proxy js跨域解决方案9：后台代理方式 …
nec更好的css解决方案之自适应布局 两列右侧自适应布局 [ 兼容 ]: 两列左侧自适应布局 [ 兼容 ]: See the Pen VLVMow by cywcd (@webzsky) on CodePen. 三列中间自适应布局 [ 兼容 ]: See the Pen mJQqbP by cywcd (@webzsky) on CodePen. 三列左侧自适应布局 [ 兼容 ]: See the Pen zGMPOy by cywcd (@webzsky) on CodePen. 三列右侧自适应布局 [ 兼容 …
2015年已经到来，制定移动策略框架对于企业接下来一年及以后的成功至关重要。本文中我们将探讨一些在制定年度策略时需要考虑的关键点，以及这些关键点如何能够引领你走向成功。本文涉及的主题包括： 可视化开发环境的兴起 双模IT 基于云的移动开发 HTML5 vs. 原生开发 充分利用可视化开发环境 绝大多数企业很难快速雇佣到移动开发人员，这会导致这些企业在移动应用方面所积压的工作越来越多。这一瓶颈是不可忍受的；公司如果想要长时间保持成功，就必须要采取行动。幸运的是，“low-code”开发平台的兴起让更多的…
Normalize.css 简介 Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。 官方网站：http://necolas.github.io/normalize.css/ 浏览器支持情况：Chrome, Firefox, Opera, Safari 6+, IE 8+ 一般前端工程师都会使用 reset.css 去处理不同浏览器的默认样式，这里推荐使用Normalize.css Normalize.css有哪些优点 1)不像其他CSS resets，norm…
html5+css3钟表指针动画： See the Pen OVoGpY by cywcd (@webzsky) on CodePen. html5+css3星轨运转： See the Pen gpdyoJ by cywcd (@webzsky) on CodePen. html5+css3+js(canvas)线型心： See the Pen vOzMaP by cywcd (@webzsky) on CodePen. html5+css3波纹闪动： See the Pen YXOMJg by cywcd (@w…
快捷键使用帮你提升编码速度，整理sublime Text3实用快捷键如下： Sublime Text 3 快捷键精华版 Ctrl+Shift+P：打开命令面板 Ctrl+P：搜索项目中的文件 Ctrl+G：跳转到第几行 Ctrl+W：关闭当前打开文件 Ctrl+Shift+W：关闭所有打开文件 Ctrl+Shift+V：粘贴并格式化 Ctrl+D：选择单词，重复可增加选择下一个相同的单词 Ctrl+L：选择行，重复可依次增加选择下一行 Ctrl+Shift+L：选择多行 Ctrl+Shift+Enter：在当前行前…
svg任务跑步svg代码拷贝到html的body区域内，使用谷歌浏览器查看效果。 [codesyntax lang="php"] <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="max-height: 800px; min-height: 100vh;" viewbox="0 0 400 400" xml:space="…
在HTML5之前，网页中日期选择，最常见的方案是用Javascript日期组件。这几乎是无可争议、别无选择的做法。html5出现后其input的type提供了date类型，不依赖js实现日期选择。但是这个属性只有在谷歌浏览器实现了比较好的支持。HTML5规范里只规定date新型input输入类型，并没有规定日历弹出框的实现和样式。所以，各浏览器根据自己的设计实现日历。 如果你使用的是谷歌浏览器，那你就可以在下面的实例演示中看到这个日期的组件效果。用鼠标点击输入框，就能看到浏览器原生的日历框： <input t…