![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端典藏
MR漠
这个作者很懒,什么都没留下…
展开
-
CSS 属性之 position讲解
postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值:position: staticposition: inheritposition: relativeposition: absoluteposition: fixed依次讲解这5个值的应用。position: static static 为position 属性的默认值,static 元素会遵转载 2017-06-29 11:05:54 · 776 阅读 · 0 评论 -
JavaScript六种继承方式
继承是面向对象编程中又一非常重要的概念,JavaScript支持实现继承,不支持接口继承,实现继承主要依靠原型链来实现的原型链首先得要明白什么是原型链,在 一篇文章看懂 proto 和prototype的关系及区别 中讲得非常详细原型链继承基本思想就是让一个原型对象指向另一个类型的实例function SuperType(){ this.property = true}SuperType.pr转载 2017-06-28 11:56:54 · 194 阅读 · 0 评论 -
JavaScript 浏览器事件
事件基本概念事件是指在文档或者浏览器中发生的一些特定交互瞬间,比如打开某一个网页,浏览器加载完成后会触发 load 事件,当鼠标悬浮于某一个元素上时会触发 hover 事件,当鼠标点击某一个元素时会触发 click 事件等等。事件处理就是当事件被触发后,浏览器响应这个事件的行为,而这个行为所对应的代码即为事件处理程序。事件操作:监听与移除监听2.1 监听事件浏览器会根据一些事件作出相对应的事件转载 2017-06-28 11:31:00 · 469 阅读 · 0 评论 -
前端跨域请求解决方案汇总
同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。但是有时候跨域请求资源是合理的需求,本文尝试从多篇文章中汇总至今存在的所有跨域请求解决方案。跨域请求首先需要了解的是同源和跨源的概念。对于相同源,其定义为:如果协议、端口(如果指定了一个)和主机对于两个页面是相同的,则两个页面具有相同的源。只要三者之一任意一点有不同,那么就为不同源。当转载 2017-06-26 11:41:17 · 1521 阅读 · 1 评论 -
JavaScript中的函数节流
一. 背景在一些场景下,函数有可能会被频繁地调用,而这些函数本身占用的内存或计算较大时,就可能造成大的性能问题。譬如以下场景:window.onresize事件。window.onresize事件在浏览器窗口大小改变时被触发,而且浏览器每改变1px,该事件就被触发一次,触发的频率非常的高。如果在window.onresize事件中涉及到一些DOM节点相关的操作时,而DOM操作往往是非常耗内存的,这时转载 2017-06-26 11:30:59 · 275 阅读 · 0 评论 -
JS工具函数封装:使用隐藏iframe实现跨域表单提交
代码如下:/* * 使用隐藏的iframe发送表单提交 * Author: 邓智容 * Created: 2017-06-19, Last-Modified: 2017-06-19 * 依赖 jQuery或者 Zepto * * * options参数说明: url : api接口地址 (必填) type : 请求method(选填。转载 2017-06-26 11:25:37 · 1107 阅读 · 0 评论 -
JS工具库封装:HTML5摄像头拍照组件的封装
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl转载 2017-06-26 11:17:25 · 1713 阅读 · 0 评论 -
JS工具库封装:Video转换成Canvas
在PC端,IE9+浏览器对原生视频的支持还是很不错的,然而一到了移动端就会各种兼容性的坑爹问题。在移动端,各大浏览器厂商对视频会植入许多他们自定义的交互方式(如默认全屏播放、视频不能初始化播放、窗口置顶等等),更坑爹的是这些被植入的交互还无法去掉。移动端的视频行内自动播放看起来确实很棘手。目前主流有两种方法处理移动端的视频播放问题:一种是改设计和说服需求方,即使视频不能自动播放或者置顶也不影响页面展转载 2017-06-26 11:19:49 · 5304 阅读 · 0 评论 -
使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论—— 手淘的H5页面是如何实现多终端的适配 ? 那么趁此 Amfe阿里无线前端团队双11技术连载 之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobi转载 2017-07-01 14:25:23 · 741 阅读 · 0 评论 -
CSS3 动画
CSS3 提供给了我们非常多的转换函数:2D: translate, rotate, scale, skew.3D: translate3d, rotate3d, scale3d, skew3d.只需要将这些函数作为transform属性的值,就可以设置相应的效果。CSS3 动画则是将这些效果以及其他CSS属性按照你设定的方式来进行互相转变。动画相关属性 属性 描述@keyframes转载 2017-06-29 11:25:46 · 264 阅读 · 0 评论 -
HTML5 file API加canvas实现图片前端JS压缩并上传
HTML代码: JS代码: var eleFile = document.querySelector(‘#file’);// 压缩图片需要的一些元素和对象 var reader = new FileReader(), img = new Image();// 选择的文件对象 var file = null;// 缩放图片需要的canvas var canvas = document.c转载 2017-08-01 11:53:29 · 466 阅读 · 0 评论