3 ImpulsionAndpower

尚未进行身份认证

初学者,一天进步一点

等级
TA的排名 2w+

盒子居中方法

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

2018-07-30 10:40:56

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

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

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

2018-07-25 17:00:47

网页请求流程

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

2018-07-23 17:50:19

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

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

Vue 的生命周期

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

2018-07-19 11:28:49

用css画三角形(提示框三角形)

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

2018-07-18 15:30:07

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

Promise 的基础用法

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

2018-07-12 09:50:25

Json是什么?以及Json的序列化和反序列化

一什么是JSON?  中午肚子饿了,到餐厅点餐。向服务员点了几个菜,厨师根据用户的需求,开始烹饪食物,食物烹饪好后,怎么将食物呈现给用户呢?这时就需要用到盛放食物的碗了用户拿到盛放食物的碗,就可以获得点的餐了这个碗就充当了数据交换的容器了。(^-^)   客户端向服务器端发送请求后,服务器端怎么才能把用户需要的数据返回给客户端呢。这时我们就需要用一个指定的格式将数据,按照指定格...

2018-07-10 16:34:48

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

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

2018-07-09 19:07:00

JS的优缺点

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

2018-07-02 14:50:18

CSS3中的div,section,article的区别

div:在任何框架中,div始终是div,不管你是什么,都可以使用div,咱的功能就是自成个钩子方便添加样式。section:当然既然可以用section,那这部分内容就一定也可以使用section,section中文就是:节,部分的意思,文章的目录,大纲最适合使用。section里一般都会有一个标题。article:article是section的升级版,一段内容已具备section中的标题时,...

2018-05-30 10:25:05

2018年前端面试总结

1.Vue的双向数据绑定原理是什么?简而言之:        vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体步骤:        第一步:需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter这样...

2018-05-10 08:52:42

win10升级node.js到最新版本

 简单粗暴,通过命令行升级暂时就不要考虑了。直接卸载了重装,推荐解压版,因为安装版出现了这样的问题这里直接放弃安装版,去选择解压版。解压版去官网https://nodejs.org/en/ 下载之后,我是放在E盘文件夹node.js在环境变量设置之后查看版本OK了!顺便说一句,有的解决办法是真TM扯淡!...

2018-04-12 16:42:21

理解javascript中的回调函数(callback)

在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象,它可以“存储在变量中,通过参数传递给(别一个)函数(function),在函数内部创建,从函数中返回结果值”。因为function是内置对象,我们可以将它作为参数传递给另一个函数,延迟...

2018-04-11 10:58:30

vue 插件集合

UI组件element -饿了么出品的Vue2的webUI工具套件Vux -基于Vue和WeUI的组件库mint-ui -Vue2的移动UI元素iview -基于Vuejs的开源UI组件库Keen-UI -轻量级的基本UI组件合集vue-material -通过VueMaterial和Vue2建立精美的app应用muse-ui -三端样式一致的响应式UI库vuet...

2018-04-09 17:53:56

ES6 十种最佳新特性

ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开发人员的效率。 本文主要针对ES6做一个简要介绍。 主要译自:  http://webapplog.com/ES6/comment-page-1/。也许你还不知道ES6是什么,实际上,它是一种新的javascript规范。在这个大家都很忙碌的时代,如...

2018-04-09 17:12:07

使用手机预览Vue项目(移动端)

1、在命令行中输入npmrundev,启动自己的vue项目,例:http://localhost:8081/#/goods,可以在浏览器预览2、那么如何在手机端预览vue项目呢?WIN+R,输入cmd启动命令行工具,输入ipconfig查看本机ip3.将vue项目中的index.js文件中的host:“自己IP地址”4.本机ip替换localhost,例:http://192.168.1....

2018-04-08 17:24:05

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!