- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue断点续传上传文件到oss
首先了解断点续传原理，其次对vue-simple-upload插件进行再度封装使用。这是一个待优化案例，不过是可以实现功能的。附上源码，仅供参考:<template> <div class="uploader-demo"> <!--文件回显--> <div class="show-file"> <img v-i
2018-11-16 10:50:47
3194
1
原创 vue中使用websocket通信
简单介绍websocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。事件：open Socket.onopen 连接建立时触发message Socket.onmessage 客户端接收服务端数据时触发error Socket.onerror 通信发生错误时触发close Socket.onclose 连接关...
2018-11-16 10:32:46
3989
原创 移动端1px如何是实现
思考:为什么移动端的1px会变粗我们需要清楚,css中1px不等于移动端的1px原因:手机像素密度不同(dpr = 物理像素/设备独立像素 )最好的解决办法viewport + rem 实现<!--当dpr=2时--><meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5,...
2018-03-12 15:06:41
638
原创 两列布局(左边固定,右边自适应)
最快速的方法flex布局而且左右盒子的高度一定相等<div class="warp"> <div class="left" id="left">left</div> <div class="right" id="right">right</div>
2018-03-12 14:14:34
360
原创 头痛的this指向问题
es5中的thisthis是javascript中的一个关键字,它代表函数运行时,自动生成一个内部对象,只能在函数内部使用.es5中的this是变化的 ,它指向是一大难点, 记住 : this指向调用它的那个对象面试题中进行分析全局调用 , this指向globalvar name = 'global';function a(){ var name = 'fu...
2018-03-12 12:23:19
141
原创 最有效的数组去重
setset是es6中新增的数据结构,类似于数组,但是没有重复值.所以我们可以使用set来对数组去重. 扩展符…使用for..of循环const arr = [1,2,2,2,3,'3','4','a','a'];let set = new Set(arr);console.log([...set])//(6) [1, 2, 3, "3", "4", "a"]for + ind...
2018-03-12 09:55:12
212
原创 OSI七层模型与HTTP/IP四层协议
OSI七层模型应用层 (直接向用户提供服务，完成用户希望在网络上完成的各种工作,是计算机用户，以及各种应用程序和网络之间的接口) 表示层 (处理用户信息的表示问题,对来自应用层的命令和数据进行解释) 会话层 (向两个实体的表示层提供建立和使用连接的方法.是用户应用程序和网络之间的接口) 传输层 (向用户提供可靠的端到端的差错和流量控制，保证报文的正确传输.承上启下的作用) 网络...
2018-02-26 16:12:56
553
原创 完整的HTTP请求
1.域名解析 首先，客户端发出DNS请求翻译IP地址或主机名。DNS服务器在收到客户机的请求后： （1）检查DNS服务器的缓存，若查到请求的地址或名字，即向客户机发出应答信息； （2）若没有查到，则在数据库中查找，若查到请求的地址或名字，即向客户机发出应答信息； （3）若没有查到，则将请求发给根域DNS服务器，并依序从根域查找顶级域，由顶级查找二级域，二级域查找三级，直至找到要解析的地址或...
2018-02-26 14:37:15
164
原创 理解BFC
前期了解Box、Formatting Context的概念: Box: CSS布局的基本单位 Formatting context: 页面中的一块渲染区域Box分类:(css2.1) block-level box 和 inline-level BoxBox、Formatting Context分类 Block Formatting Context (BFC) Inline ...
2018-02-26 12:26:21
132
原创 引用类型-Array
数组 定义 : 数据的有序列表如何定义一个数组var arr = new Array(); // 定义空数组var arr = new Array(3); //定义长度为3的一个数组var arr = new Array("hello"); //定义长度为1值为"hello"的数组//提示:构建数组时可以省略new操作符var arr = []; //定义空数组va
2018-02-02 11:37:56
173
原创 css-currentColor / inherit
currentColor“当前颜色” 指本体color , 如果没有设置color就找父元素,一级一级找,一直到根元素位置 inherit 继承,除了颜色别的例如字体等都可以继承. html:div class="box"> a href="#">currentColora> p>currentColorp> input type="text" v
2018-01-30 11:19:25
583
1
原创 变量和对象在内存中如何存储?
两个面试题:var a = 10;function a(){console.log(a);};a();var a = {n: 1};var b = a;a.x = a = {n: 2};console.log(a.x); console.log(b.x); console.log(a); console.log(b); 答案: 做对了吗? 下面分别分析这
2018-01-23 16:52:04
2362
原创 函数与变量名字相同怎么处理？
如果函数与变量名字相同怎么处理？尝试心算一下这个面试题，结果是什么呢？？var a = 10;function a(x){console.log(a);function x(){}};a();结果：a is not a function根据变量函数的预加载，改成简单写法：//预加载function a(){console.log(a);};var a;/
2018-01-19 15:50:47
10890
1
原创 flex布局小总结
问题：在哪里可以使用flex布局？任何一个容器都可以使用Flex布局,但是需要注意版本的兼容性 容器可以理解为是项目的父元素。项目可以是块级元素，也可以是行内元素容器和项目六大属性：我们可以用容器属性控制项目的：方向、轴线转折方向、主轴对齐方式、交叉轴对齐方式、多根轴对齐方式 用项目属性控制：排列顺序、放大比例、缩小比例、默认项目本身大小、单个项目的对齐方式需要注意兼容性：对安卓、ios兼容性
2018-01-18 18:02:44
1183
原创 按钮组
目的：主要是练习结构化，标签意义化，根据火热的bootstrap来加深自己结构化的理解。还可以学习它的css样式以及css顺序。没有加js交互~ html：<div class="drop-down-menu"> <button class="btn"> Dropup <span class="triangle"></span> </button>
2018-01-18 17:40:09
214
原创 CSS-rem的使用
了解em em 的计算是基于父级元素的font-size,有复杂的层级关系，不做考虑了。重点rem（ root element） rem相对的是根节点html的font-size（ rem是css3中新增加的一个单位值， 它绕开了复杂的层级关系，实现了类似于em单位的功能。）什么时候用 rem？ 是不是在所有地方都去使用呢？别捉急，通常在标题，正文等大面积文字的位置可以使用 rem。但是在一些
2018-01-18 15:39:48
976
原创 JS-数组
系统分类整理 （1）定义数组： var array = [];定义空数组 var array = [4];定义数组且第一个元素为数字4 var array = new Array();定义数组对象 var array = new Array(4);定义长度为4的数组对象 （2） array.length 数组的长度 （3） 从前往后循环遍历数组var array = [1,2
2018-01-18 09:44:46
245
原创 weUI-Button
只需要添加相应的class类，再根据项目需求进行改变 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用法</title> <!--手机端meta--> <meta name="viewport" content="width=device-width,initial-sca
2018-01-17 10:44:38
7843
1
原创 HTML<!DOCTYPE>文档声明
1.DTD文档声明(Document Type Definition) 作用：为了进行程序间的数据交换而建立的关于标记符的语法规则。 那么不同的公司只需定义好标准文档类型定义，就都能依文档类型定义建立文档实例，并且进行验证，如此就可以轻易交换数据，防止了实例数据定义不同等原因造成的数据交换障碍，满足了网络共享和数据交互。2.HTML文档声明在 HTML 4.01 中， 声明引用 DT
2018-01-16 15:13:04
508
原创 圣杯布局and双飞翼布局
圣杯布局：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding:0; margin:0; } .warp,.main{
2018-01-16 12:48:34
148
原创 伟大的position定位
position定位1.position : static | absolute | fixed | relative声明定位方式top right bottom left z-index具体位置以及层叠的高低2.具体介绍（1）static:无特殊定位（top, bottom, left, right 或者 z-index无作用）。（2）absolute:绝对定位。
2018-01-16 11:19:56
117
原创 weUI和jquery weUI
*根据项目需求确定要使用的UI库（考虑兼容性），由于是做微信开发，所以选择weUI插件 *但是如何判断weUI和jquery weUI哪个更适合呢？ 答： 根据 需求 选择插件， 1.我们可以考虑交互的复杂程度，以及使用jquery weUI是否可以满足交互需求为考虑的重点 使用排除法进行抉择。 2.关键还是需要看一下两个插件中组件与项目需求的吻合度系数 3.最重要的还是考虑兼容性
2018-01-16 11:03:12
4368
原创 代码片段
webstrom上如何设置代码片段呢？1.找到设置 快捷键：ctrl+alt+s2.搜索 live templates3.找到你要加进去的代码片段所属类型，例如css，应该将Zen CSS勾上（如果是新建了自己的css也需要将默认的Zen CSS勾上），然后点击右上方+，选择第一个4.开始编写你的代码片段吧~5.ok来试试吧~
2018-01-04 16:56:42
400
原创 CSS背景
css背景总结首先总结一下css背景属性： background-color（背景颜色） background-image（背景图片） background-repeat（背景重复） background-attachment（背景关联） background-position（背景定位） background-size（背景图片大小）
2018-01-04 16:26:24
126
原创 css命名规范
css命名规范1.根据领域名词命名 例如 我们在相应的模块需要用领域名词进行扩展。2.根据不同的级别，对类进行不同命名 base 初始化和原子类 （简单点） common 模块化 （尽量域名规范命名） page 组件 （对域名规范进行扩展命名）举个栗子 这是我自己写的demo，有错误希望能够指出来，共同进步~
2018-01-04 12:40:05
138
原创 如何高效的编写博客
1. 首先学会使用快捷键来写博客标题 （ctrl+H ） 引用（ctrl+Q） 强调加粗（ctrl+B） 强调倾斜（ctrl+I） 链接（ctrl+L） 图片（ctrl+G） 无序列表（ctrl+O） 有序列表（ctrl+U） 代码块（ctrl+K） 横线（ctrl+R）2.实际练习使用标题 引用块内容重点内容 强调内容 这里写链接内容 列表内容有序列表和无序列表不能
2018-01-03 14:35:39
254
原创 HTML结构化的重要性
为什么我们要学习标签？ 因为搜索引擎只看得到代码，只能通过标签判断内容的语义。所以我们应该尽可能的让我们的代码语义化，这就凸显了html结构化的重要性。 HTML的作用是用来写结构的，css只是用来修饰结构的。千万不要混淆呦~ 举个栗子~ html中的标签就好比是一个有不同作用的积木，有的是地基，有的是房顶，有的是木头，每个标签意义不同，而css只是将积木拼合成各种各样
2018-01-02 11:40:53
631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人