自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

转载 vscode git远程强制更新代码覆盖到本地

vscode切换到当前分支 git fetch --all 更新所有分支 git reset --haed origin/feature#5(feature#5是要拉取的分支) git pull

2020-10-09 20:48:23 5467

原创 git log后怎么退出?

输入英文字母 q 即可退出

2020-09-17 09:08:39 567

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

准备工作:下载相关js,请戳我1,引入一个js文件 vconsole.lim.js2,在要调试的页面写:$(document).ready(function(){ var vConsole = new VConsole();});3,效果如图:这是一款移动端调试神器,喜欢就点个赞吧~转载自:https://blog.csdn.net/m0_37036014/ar...

2019-03-14 09:35:12 1282

原创 Vue小知识技巧

1、css只在当前组件起作用答:在style标签加入scoped,例如<style scoped></style> 2、v-if和v-show的区别答:v-if是按照条件渲染,v-show相当于display的block或none 3、$route和$router的区别答:$route是“路由信息对象”,包括path,params,hash,qu...

2019-01-31 11:54:44 234

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

一共8个阶段1、beforeCreate(创建前)2、created(创建后)3、beforeMount(载入前)4、mounted(载入后)5、beforeUpdate(更新前)6、updated(更新后)7、beforeDestroy(销毁前)8、destroyed(销毁后) vue第一次页面加载会触发哪几个钩子函数?beforeCreate、cre...

2019-01-31 11:07:21 24746

原创 Vue的生命周期

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

2019-01-31 10:56:46 183

原创 JS获取当前日期时间

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

2019-01-29 17:09:51 536

原创 JS判断是否为闰年

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

2019-01-29 16:42:16 10644

原创 JS获取月份天数

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

2019-01-29 16:28:25 4599

原创 a标签JavaScript的使用方法

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

2018-11-19 12:08:51 9373

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

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

2018-11-16 11:23:01 1942

原创 安装破解Navicat

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

2018-11-14 15:23:44 4894 7

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

废话不说直接上代码啦,<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>example</title> <script src="jquery.min.js"><

2018-11-13 14:37:08 730 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 2520

原创 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 1501

原创 CSS~~text-decoration

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

2018-10-10 14:03:51 292

原创 vue安装vux之神坑之路

1、安装vux,npm install vux --save-dev2、安装vux-loader,npm install vux-loader --save-dev3、安装less、less-loader,npm install less less-loader --save-dev4、安装vuex,npm install vuex --save-dev5、在bui...

2018-09-14 15:56:12 2594

原创 轻松用vux构建vue项目

1、检查node、npm、vue是否安装及查看版本号,node -v,npm -v,vue -V2、全局安装vue-cli脚手架,npm install vue-cli -g3、用vux开始构建项目,vue init airyland/vux2 vue-demo4、进入项目安装依赖, cd vue-demo,npm inatsll5、启动项目,npm run dev...

2018-09-14 10:39:27 402

转载 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, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockq...

2018-08-10 11:46:18 25262

原创 vue在sublime text高亮问题

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

2018-08-09 17:09:37 758

原创 移动端meta标签设置

1、声明html编码格式 'UTF-8', <meta charset="UTF-8">,2、虚拟移动端页面容器 'viewport',<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable...

2018-08-09 15:51:25 266

原创 vue-cli+webpack搭建项目

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

2018-08-07 17:34:23 8043 2

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

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

2018-07-27 09:01:27 1627

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

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

2018-07-27 00:01:40 2600

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

IE内核: TridentFirefox内核:GeckoSafari内核:WebkitOpera内核:Presto——>BlinkChrome内核:Blink

2018-07-25 18:07:22 6064

原创 JQuery~post和get有何异同

相同点:都是异步请求的方式来获取服务端的数据;异同点:1、请求方式不同:$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。2、参数传递方式不同:get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。3、数据传输大小不同:get方式传输的数据大小...

2018-07-25 18:03:23 186

原创 简化版的AJAX

AJAX异步请求$.ajax({  url: 'https://www.baidu.com',//请求路径  type: 'post',//请求方式  data: data,//请求数据  dataType: 'json',//数据格式  cache: true,//请求缓存  async: true,//是否异步,默认true  success: function(data){...

2018-07-25 17:33:22 772

原创 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);            i--;        }    }}方法二:indexOfvar tem...

2018-07-25 16:14:25 98

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

Array对象属性length  //返回数组元素的长度(个数),从0开始计算;prototype  //向对象添加属性和方法constructor //返回创建数组对象的引用 Array对象方法concat()  //合并数组,返回合并结果join()  //将数组放进一个字符串里,元素通过指定的分隔符进行分割slice()  //从数组返回选中的元素rece...

2018-07-25 14:09:56 346

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

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

2018-07-25 11:47:19 1056

原创 雅虎34铁规

前端性能优化34条1、尽量减少HTTPS请求次数2、减少DNS查找次数3、避免跳转4、可缓存的AJAX,异步请求5、推迟加载内容,lazyload6、预加载,less,sass,stylus7、减少DOM元素数量8、根据域名划分页面内容9、使iframe的数量最小(建议不要用复iframe)10、不要出现404错误11、使用内容分发网络12、为文件头...

2018-07-20 17:20:25 135

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

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

2018-07-19 11:48:17 4034 4

原创 eslint语法错误详解

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

2018-06-15 10:38:28 6593 2

转载 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 install -g npm @latest然后在更新vue-clinpm install -g vue-cl...

2018-06-13 10:43:31 20727 6

原创 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 8561 3

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

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

2018-06-13 09:20:29 101612 6

原创 Vue设置浏览器title-icon

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

2018-06-10 23:14:19 3815

原创 VUE设置浏览器icon图标

Vue怎么设置左上角icon图标呢?步骤如下:(1)、提前把icon图标copy到static目录下(2)、在index.html页面添加 <link rel ="shortcut icon" type="image/x-icon" href="static/favicon.ico">(3)、保存页面刷新浏览器即可啦啦啦~~希望能帮到小伙伴们...

2018-06-10 23:04:17 35624

原创 显示隐藏的方法总结

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

2018-06-06 17:41:17 201

原创 CSS之盒模型

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

2018-06-06 16:53:59 164

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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