- 博客(8)
- 收藏
- 关注
RSS订阅原创 一张图搞懂js原型链
1.原型、原型链我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象（原型对象）。使用原型的好处是让所有对象实例共享（继承）它所包含的属性和方法。2. instanceof 运算符语法：object instanceof constructorinstanceof运算符用来检测constructor.prototype是否...
2019-04-18 13:47:27
489
原创 前端解决手机拍照旋转问题及图片压缩上传
1.依赖 jquery.js2.html部分<input class="addImage" name="loadFile" type="file" accept="image/*" capture="camera">//capture="camera" 设置手机端打开上传文件时使用手机摄像头拍照上传，不写则默认拍照或相册3.js部分//input上传图片 ...
2019-04-16 09:45:53
1211
原创 盒模型
所用例子先设置.box{ width:100px; height: 100px; border:20px solid #31B0D5; padding:10px; margin:30px;}W3C标准盒模型box-sizing:content-box设置的元素的宽度 = width元素所占的宽度 = 设置的元素的宽度+padding+border+margin怪异...
2019-04-06 21:01:13
113
原创 事件冒泡和事件捕获
事件流原理图如下：IE提出的是冒泡流，而网景提出的是捕获流，后来在W3C组织的统一之下，JS支持了冒泡流和捕获流，但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流)，所以为了能够兼容更多的浏览器，建议大家使用冒泡流。js为元素绑定一个点击事件：冒泡过程oChild.onclick=function(){ console.log("chlid"); ...
2019-04-06 20:51:15
135
翻译 Flex 布局（弹性布局）
1.flex布局的作用/目的对于使用position+display+float不容易实现的布局，可以简便、完整、响应式地实现，如垂直居中。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。2.基本概念采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目...
2019-04-06 17:46:10
162
原创 px、em、rem单位的用法总结
pxpx（Pixel）即像素，是相对于显示器屏幕分辨率而言的。特点：使用px单位的字体对于适应不同的屏幕大小不友好，如电脑屏幕和手机屏幕，做不到自适应的效果。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。特点： 1. em的值并不是固定的；2. em会继承父级元素的字体大小。注意：任意浏览器的默认字体高都是...
2019-04-04 18:46:09
165
翻译 VUE双向数据绑定原理
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。vue Observer 数据监听器，把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用Object.defineProperty()方法把这些属性全部转成setter、getter方法。当data中的某个属性被访问时，则会调用getter方法，当data中的...
2019-03-22 17:45:48
175
原创 websocket与sockJS
1、websocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。传统的网站为了实现推送技术，所用的技术都是 Ajax 轮询...
2019-03-22 13:36:39
3042
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人