- 博客(14)
- 资源 (9)
- 收藏
- 关注
原创 JavaScript - 原型链与继承
前言:在JavaScript中,类的实现是基于原型继承机制,原型链是作为实现继承的主要方法。构造函数、原型、实例在讲JavaScript的继承之前,我们首先所要了解和知道的是构造函数、原型、实例三者之间的关系,大家可以看下下方代码:function A(){ this.name="A";}var B=new A();A.prototype.constructor===A;...
2018-07-07 15:44:15 172
原创 Vue - 深入响应式原理
使用Vue开发也快半年了,在使用过程中越发的觉得是真的好用,上手简单,看一遍官方文档就可以直接上手了。但是在做了两个项目之后,乘着项目的休息期,觉得自己需要提高一下对于Vue原理的一些了解,其中最感兴趣的就是响应式原理了,于是开始着手进行学习,并把自己学习所收获的和大家分享一下,也希望能和大家一起探讨研究下,共同学习,共同进步!对象属性在了解响应式原理之前,必不可少的是要理解对象的属性和s...
2018-07-05 17:13:57 457
原创 JavaScript - 创建对象的5种常见模式
创建自定义类型对象有哪些模式?为什么我们平常都会使用构造函数+原型模式去创建对象而不是其它模式?近期在温读红宝书过程中,记些笔记,和大家分享一二。
2018-07-05 15:58:56 371 4
转载 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 477
转载 使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论—— 手淘的H5页面是如何实现多终端的适配 ? 那么趁此 Amfe阿里无线前端团队双11技术连载 之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobi
2017-07-01 14:25:23 749
转载 CSS3 动画
CSS3 提供给了我们非常多的转换函数:2D: translate, rotate, scale, skew.3D: translate3d, rotate3d, scale3d, skew3d.只需要将这些函数作为transform属性的值,就可以设置相应的效果。CSS3 动画则是将这些效果以及其他CSS属性按照你设定的方式来进行互相转变。动画相关属性 属性 描述@keyframes
2017-06-29 11:25:46 269
转载 CSS 属性之 position讲解
postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值:position: staticposition: inheritposition: relativeposition: absoluteposition: fixed依次讲解这5个值的应用。position: static static 为position 属性的默认值,static 元素会遵
2017-06-29 11:05:54 826
转载 JavaScript六种继承方式
继承是面向对象编程中又一非常重要的概念,JavaScript支持实现继承,不支持接口继承,实现继承主要依靠原型链来实现的原型链首先得要明白什么是原型链,在 一篇文章看懂 proto 和prototype的关系及区别 中讲得非常详细原型链继承基本思想就是让一个原型对象指向另一个类型的实例function SuperType(){ this.property = true}SuperType.pr
2017-06-28 11:56:54 200
转载 JavaScript 浏览器事件
事件基本概念事件是指在文档或者浏览器中发生的一些特定交互瞬间,比如打开某一个网页,浏览器加载完成后会触发 load 事件,当鼠标悬浮于某一个元素上时会触发 hover 事件,当鼠标点击某一个元素时会触发 click 事件等等。事件处理就是当事件被触发后,浏览器响应这个事件的行为,而这个行为所对应的代码即为事件处理程序。事件操作:监听与移除监听2.1 监听事件浏览器会根据一些事件作出相对应的事件
2017-06-28 11:31:00 483
转载 前端跨域请求解决方案汇总
同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。但是有时候跨域请求资源是合理的需求,本文尝试从多篇文章中汇总至今存在的所有跨域请求解决方案。跨域请求首先需要了解的是同源和跨源的概念。对于相同源,其定义为:如果协议、端口(如果指定了一个)和主机对于两个页面是相同的,则两个页面具有相同的源。只要三者之一任意一点有不同,那么就为不同源。当
2017-06-26 11:41:17 1537 1
转载 JavaScript中的函数节流
一. 背景在一些场景下,函数有可能会被频繁地调用,而这些函数本身占用的内存或计算较大时,就可能造成大的性能问题。譬如以下场景:window.onresize事件。window.onresize事件在浏览器窗口大小改变时被触发,而且浏览器每改变1px,该事件就被触发一次,触发的频率非常的高。如果在window.onresize事件中涉及到一些DOM节点相关的操作时,而DOM操作往往是非常耗内存的,这时
2017-06-26 11:30:59 287
转载 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 1116
转载 JS工具库封装:Video转换成Canvas
在PC端,IE9+浏览器对原生视频的支持还是很不错的,然而一到了移动端就会各种兼容性的坑爹问题。在移动端,各大浏览器厂商对视频会植入许多他们自定义的交互方式(如默认全屏播放、视频不能初始化播放、窗口置顶等等),更坑爹的是这些被植入的交互还无法去掉。移动端的视频行内自动播放看起来确实很棘手。目前主流有两种方法处理移动端的视频播放问题:一种是改设计和说服需求方,即使视频不能自动播放或者置顶也不影响页面展
2017-06-26 11:19:49 5352
转载 JS工具库封装:HTML5摄像头拍照组件的封装
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-06-26 11:17:25 1734
中国区块链技术和应用发展白皮书2016.pdf
2018-07-04
java jre6.0安装包
2013-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人