自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 移动端使用vConsole调试,跟PC打开控制台效果一样

准备工作:下载相关js,请戳我 1,引入一个js文件 vconsole.lim.js 2,在要调试的页面写: $(document).ready(function(){ var vConsole = new VConsole(); }); 3,效果如图: 这是一款移动端调试神器,...

2019-03-14 09:35:12

阅读数 241

评论数 0

原创 Vue小知识技巧

1、css只在当前组件起作用 答:在style标签加入scoped,例如<style scoped></style>   2、v-if和v-show的区别 答:v-if是按照条件渲染,v-show相当于display的block或no...

2019-01-31 11:54:44

阅读数 64

评论数 0

原创 vue生命周期共有几个阶段?分别是什么?

一共8个阶段 1、beforeCreate(创建前) 2、created(创建后) 3、beforeMount(载入前) 4、mounted(载入后) 5、beforeUpdate(更新前) 6、updated(更新后) 7、beforeDestroy(销毁前) 8、destroy...

2019-01-31 11:07:21

阅读数 5353

评论数 0

原创 Vue的生命周期

什么是Vue的生命周期? 答:Vue实例从创建到销毁的过程就是生命周期。 即:开始创建创建,初始化数据,编译模板,挂载DOM→渲染,更新→渲染,销毁   vue生命周期有什么作用? TA有很多事件钩子,可以让我们在控制整个vue实例的过程时更容易形成好的逻辑    ...

2019-01-31 10:56:46

阅读数 39

评论数 0

原创 JS获取当前日期时间

废话不多说直接上代码啦: var myDate = new Date(); var year = myDate.getFullYear();//获取当前年份2019 var month = myDate.getMonth()+1;//获取当前月份1月(0-11,0代表1月) var day =...

2019-01-29 17:09:51

阅读数 103

评论数 0

原创 JS判断是否为闰年

判断是否为闰年的条件(二者满足其中之一): 1、年份能被4整除,但不能被100整除 2、年份能被400整除 //判断是否为闰年 function isLeap(year) { if((year%4==0 && year%100!=0)||(year%...

2019-01-29 16:42:16

阅读数 347

评论数 0

原创 JS获取月份天数

废话不说,直接上代码: // 获取月份天数 var d = new Date(2020, 2, 0); console.log(d.getDate());//29 // 封装起来 function myMonth(){ var d = new Date(year, month, 0); r...

2019-01-29 16:28:25

阅读数 1619

评论数 0

原创 a标签JavaScript的使用方法

为什么要使用href=”javascript:void(0);” href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址, 而void(0)表示一个空的方法,也就是不执行js函数。 为什么要使用href=”javascript:v...

2018-11-19 12:08:51

阅读数 1588

评论数 0

原创 解决英文、特殊字符自动换行

废话不多说,直接上代码 word-break: break-all; 效果如图: 简单粗暴!嘿嘿,希望能帮到小伙伴们~

2018-11-16 11:23:01

阅读数 218

评论数 0

原创 安装破解Navicat

1,双击安装Navicat11_mysql_cs_x86.exe,点击下一步下一步直至完成 2,双击PathNavicat.exe,选择navicat.exe, 3,点击打开弹出,即破解成功 4,桌面双击运行Navicat即可打开 5,连接数据库 6,安装包和破解包 链...

2018-11-14 15:23:44

阅读数 144

评论数 0

原创 js多行省略兼容浏览器

废话不说直接上代码啦, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...

2018-11-13 14:37:08

阅读数 304

评论数 2

原创 数组最快去重的方法

ES6 Set: let set = new Set([1,2,3,3,4,5,5,1,2,0]); console.log([..set]); //[0,1,2,3,4,5]

2018-11-13 10:19:37

阅读数 1397

评论数 0

原创 VUE手机访问项目

1、在config/index.js找到host: 'localhost', 2、将localhost替换成ip地址,如host: '192.168.3.137', 3、在地址栏输入http:192.168.3.137:8081即可访问(8081是端...

2018-11-01 11:11:04

阅读数 434

评论数 0

原创 CSS~~text-decoration

text-decoration有5种形式, (1)、none,默认什么都没有 (2)、overline,上划线 (3)、underline,下划线 (4)、line-through,中贯线 (5)、blink,闪烁文字(注:浏览器不支持了) 废话少说,直接上代码啦, &lt...

2018-10-10 14:03:51

阅读数 60

评论数 0

原创 vue安装vux之神坑之路

1、安装vux,npm install vux --save-dev 2、安装vux-loader,npm install vux-loader --save-dev 3、安装less、less-loader,npm install less less-loader --save-de...

2018-09-14 15:56:12

阅读数 1058

评论数 0

原创 轻松用vux构建vue项目

1、检查node、npm、vue是否安装及查看版本号,node -v,npm -v,vue -V 2、全局安装vue-cli脚手架,npm install vue-cli -g 3、用vux开始构建项目,vue init airyland/vux2 vue-demo 4、进入项目...

2018-09-14 10:39:27

阅读数 214

评论数 0

转载 reset.css初始化设置

reset.css /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, a...

2018-08-10 11:46:18

阅读数 13642

评论数 0

原创 vue在sublime text高亮问题

1、安装Packages Control sublime text3 打开控制台按 shift+` 输入以下代码后按Enter(回车) import urllib.request,os; pf = 'Package Control.sublime-package'; ip...

2018-08-09 17:09:37

阅读数 244

评论数 0

原创 移动端meta标签设置

1、声明html编码格式 'UTF-8',  <meta charset="UTF-8">, 2、虚拟移动端页面容器 'viewport', <meta name="viewpor...

2018-08-09 15:51:25

阅读数 78

评论数 0

原创 vue-cli+webpack搭建项目

1、检查是否安装了node,node -v, 2、检查npm版本,npm -v, 3、进入项目的地址(我的是直接建立在桌面上的,比较懒),cd desktop, 4、安装cnpm(原因:因为npm安装速度超级慢,cnpm是淘宝镜像很快,也是一个小技巧哈), npm instal...

2018-08-07 17:34:23

阅读数 3503

评论数 2

原创 position实现块级元素垂直居中

块级元素垂直居中(position方法), css部分: *{padding: 0;margin: 0;} body,html,.wrap{width: 100%;height: 100%;} .wrap{background: red;position: relative;} .box{po...

2018-07-27 09:01:27

阅读数 294

评论数 0

原创 用Flex布局实现块级元素垂直居中

块级元素垂直居中(Flex布局方法): css部分:  *{padding: 0;margin: 0;} body,html,.wrap{width: 100%;height: 100%;} .wrap{background: yellow;display: flex;-webkit-displ...

2018-07-27 00:01:40

阅读数 1076

评论数 0

原创 浏览器内核分别是什么

IE内核: Trident Firefox内核:Gecko Safari内核:Webkit Opera内核:Presto——>Blink Chrome内核:Blink

2018-07-25 18:07:22

阅读数 2567

评论数 0

原创 JQuery~post和get有何异同

相同点: 都是异步请求的方式来获取服务端的数据; 异同点: 1、请求方式不同:$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。 2、参数传递方式不同:get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体...

2018-07-25 18:03:23

阅读数 50

评论数 0

原创 简化版的AJAX

AJAX异步请求 $.ajax({   url: 'https://www.baidu.com',//请求路径   type: 'post',//请求方式   data: data,//请求数据   dataType: 'json',/...

2018-07-25 17:33:22

阅读数 298

评论数 0

原创 JavaScript~数组去重方法

方法一:for循环 for(var i=0;i<arr.length;i++){     for(var j=i+1;j<arr.length;j++){         if(arr[i] == arr[j]){             arr.splice(j,1...

2018-07-25 16:14:25

阅读数 25

评论数 0

原创 JJavaScript数组(Array对象)相关属性和方法

Array对象属性 length  //返回数组元素的长度(个数),从0开始计算; prototype  //向对象添加属性和方法 constructor //返回创建数组对象的引用   Array对象方法 concat()  //合并数组,返回合并结果 join()  //将数组放...

2018-07-25 14:09:56

阅读数 110

评论数 0

原创 JQuery之DOM操作详解~~添加、删除、查找、创建、复制、移动节点

  (1)创建节点   document.createElement();//创建元素节点 document.createTextNode();//创建文本节点 document.createAttribute();//创建属性节点 (2)添加、删除、替换、插入、复制 appen...

2018-07-25 11:47:19

阅读数 460

评论数 0

原创 雅虎34铁规

前端性能优化34条 1、尽量减少HTTPS请求次数 2、减少DNS查找次数 3、避免跳转 4、可缓存的AJAX,异步请求 5、推迟加载内容,lazyload 6、预加载,less,sass,stylus 7、减少DOM元素数量 8、根据域名划分页面内容 9、使iframe的数量最...

2018-07-20 17:20:25

阅读数 40

评论数 0

原创 CSS经典布局~圣杯布局

为了实现中间自适应,两边固定的最好解决方法, 话不多说,直接撸代码吧。 HTML部分: <div class="wrap">         <div id="header"></d...

2018-07-19 11:48:17

阅读数 984

评论数 4

原创 eslint语法错误详解

昨天npm run dev的时候还好好地不会报红,今天早上npm run dev就启动失败了,具体的报错是:http://eslint.org/docs/rules/eol-lasthttp://eslint.org/docs/rules/indenthttp://eslint.org/docs/...

2018-06-15 10:38:28

阅读数 3392

评论数 1

转载 npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir解决方法

在vue init webpack my-vue的时候出现 npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir 报错emmm.... 不知道什么原因报的错,最后还是解决了,只需update最新npm即可npm inst...

2018-06-13 10:43:31

阅读数 6649

评论数 3

原创 npm err! Unexpected end of JSON input while parsing near解决办法

npm install时出现npm err! Unexpected end of JSON input while parsing near错误输入  npm cache clean --fore 即可解决问题啦啦啦~~希望可以帮助到小伙伴们

2018-06-13 09:56:06

阅读数 5801

评论数 1

原创 如何将npm升级到最新版本

查看当前版本  npm -v更新到最新版本  npm install -g npm更新到指定版本 npm -g install npm@5.6.0 (@后面加指定版本号)啦啦啦~~希望能帮到小伙伴们呦

2018-06-13 09:20:29

阅读数 38115

评论数 4

原创 Vue设置浏览器title-icon

vue项目如何设置浏览器title-icon呢?步骤如下:(1)、把icon图标存放在static目录下(2)、在index.html页面添加 <link rel ="shortcut icon" type="image/x-icon" hre...

2018-06-10 23:14:19

阅读数 1825

评论数 0

原创 VUE设置浏览器icon图标

Vue怎么设置左上角icon图标呢?步骤如下:(1)、提前把icon图标copy到static目录下(2)、在index.html页面添加 <link rel ="shortcut icon" type="image/x-icon" href=...

2018-06-10 23:04:17

阅读数 9880

评论数 0

原创 显示隐藏的方法总结

怎么让一个元素显示隐藏呢?css:display:none / block;//完全消失,不占文档宽高opacity:0 / 1;//完全透明,但还是文档流内,有大小visibility:hidden / visible;//相当于透明,还存在于文档流中,有大小JQuery:$(ele).hide...

2018-06-06 17:41:17

阅读数 83

评论数 0

原创 CSS之盒模型

盒模型有两种类型:标准(W3C)盒模型、IE盒模型,如下图两者区别在于content不同:标准盒模型content=width=200pxIE盒模型content=width+padding+border=200px+30px*2+5px*2=270px那么问题来了,如何自由切换盒模型呢?很简单的...

2018-06-06 16:53:59

阅读数 72

评论数 0

原创 offsetWidth、offsetHeight、clientWidth、clientHeight、innerWidth、innerHeight、Width()、Height()详解

offsetWidth = width+padding+borderjs:var offsetW = document.documentElement.offsetWidth || document.body.offsetWidth;//兼容浏览器jq:$('body')[0]...

2018-06-05 16:32:34

阅读数 1099

评论数 0

原创 typeof() js详解

typeof 用来判断给定变量的六种数据类型(String、Number、Object、Boolean、Undefined、Function)eg:var str = 'abc';var arr = ['a','b','c�...

2018-06-04 17:01:32

阅读数 562

评论数 0

提示
确定要删除当前文章?
取消 删除