2018年07月_ImpulsionAndpower

07月 05月 04月 03月

转载盒子居中方法

布局中经常会遇到让一个盒子水平且垂直居中的情况，以下总结了几种居中方法：margin固定宽高居中负margin居中绝对定位居中 table-cell居中 flex居中 transform居中不确定宽高居中（绝对定位百分数） button居中不兼容IE低版本的可以用其他方法hack。不多说，直接上代码：大多数方法的html都相同，所以写一个了，不同的再单独写出来。...

2018-07-30 10:40:56 1292

转载 2018 vue前端面试题

1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id 3、vue-router有哪几种导航钩子？答：三种，一...

2018-07-30 10:28:25 656

转载 Angular、ionic、Cordova的关系介绍与打包

一、关系介绍Angular：是一个前端JS框架，类似于JQuery，BootStrap,Three.js等。ionic :是开源的H5移动App开发框架，是Angular的衍生物，利用Angular实现很多移动端的组件。Cordova：在项目中，Cordova负责将前端页面包装成原生页面，作为一个桥梁负责前端页面与原生应用的通信。另外，前端页面没有调用设备的能力，这时就需要与原生应用...

2018-07-25 17:00:47 6491

转载网页请求流程

从浏览器输入网址，回车后，到用户看到网页内容，经过的步骤如下：（1）DNS解析，获取IP地址;（2）建立TCP连接，3次握手;（3）发送HTTP请求报文;（4）服务器接收请求并作处理;（5）服务器发送HTTP响应报文;（6）断开TCP连接，4次握手。-------------------------------------------------- ----------...

2018-07-23 17:50:19 2559

原创 PX、 EM与REM的区别

PX特点px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10p...

2018-07-23 11:14:19 305

转载 JS实现数组去重方法总结(六种方法)

方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则推进数组？ 1 2 3 4 五 6 7 8 9 10 11 12 13 14 15 16 17 18 Array.prototype.dist...

2018-07-23 10:58:51 980

转载 Vue 的生命周期

vue的生命周期Vue的实例有一个完整的生命周期，也就是从开始创建，初始化数据，编译模板，挂载大教堂，渲染→更新→渲染，销毁等一系列过程，我们称这是Vue公司的生命周期。通俗说就是Vue公司实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化，运行中，销毁。实例，组件通过new Vue（）创建出来之后会初始化事件和生命周期，然...

2018-07-19 11:28:49 309

转载用css画三角形（提示框三角形）

(1)有边框的三角形我们来写下带边框的三角形。如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大一些，颜色设置成边框所需的颜色；内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。这里就涉及到...

2018-07-18 15:30:07 8969

转载 flex的使用实例

参考：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html http://www.runoob.com/w3cnote/flex-grammar.html1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现HTM...

2018-07-18 14:35:08 1877

承诺的含义(理解为主)承诺是异步编程的一种解决方案，比传统的解决方案 - 回调函数和事件 - 更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了承诺所谓无极，简单说就是一个容器，里面保存着某个未来才回结束的事件（通常是一个异步操作）的结果。从语法上说，无极是一个对象，从它可以获取异步操作的消息。无极对象的状态不受外界影响三种状态：待定：进行中履行：已经成功...

2018-07-12 09:50:25 323

原创 Vue中使用axios用form表单出现的问题，以及解决办法

vue中使用Axios第三方库，采用形式提交，参数格式为multipart /格式数据，请求参数变为对象格式的解决办法。（推荐第二种方法）提交数据的四种编码方式一，应用/ X WWW的窗体-urlencoded 这应该是最常见的后编码方式，一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有很好的支持。在PHP中，可以用$ _ POST [“钥匙”]的方式获取到关键的值，在节...

2018-07-09 19:07:00 11647

转载 JS的优缺点

　介绍JS的有缺点首先就先介绍下JS的特点：JavaScript介绍　　JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。是基于浏览器内核为html添加生命力的脚本语言。具有以下特点：动态，弱类型，单线程，内置支持类。JavaScript的的特点面向过程和面向过程　　JS看不同的人有不同的解释，其实我觉得完全不用介意，js既可...

2018-07-02 14:50:18 6201