自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 npm run build卡在node build/build.js

npm run build执行打包一直卡在node build/build.js处不动解决:在build/check-versions.js里注释如下代码if (shell.which('npm')) {versionRequirements.push({ name: 'npm', currentVersion: exec('npm --version'), versionRequirement: packageConfig.engines.npm})}...

2021-03-25 12:37:24 5831 1

原创 css文本超过多行显示省略号兼容所有浏览器

css

2021-02-03 17:29:10 946

原创 IE浏览器控制台空白

刚开始每一项都是空白(DOM、控制台…),在设置——Internet选项——高级——重置——重启计算机后,控制台还是空白,DOM这一栏报错:后来查询发现需要安装补丁:32位:http://www.microsoft.com/zh-CN/download/details.aspx?id=4513464位:https://www.microsoft.com/zh-cn/download/details.aspx?id=45154...

2021-02-03 14:25:31 1137

原创 npm ERR! code ELIFECYCLE npm ERR! errno 1

cmd运行报错如下:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! industrialKnowledgeBase-web@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the industrialKnowledgeBase

2020-12-28 16:58:44 5200

原创 vue和echart画雷达图

效果如图:代码如下:<template> <div id="myChart" style="height:100%;width:100%;"></div></template><script> import echarts from 'echarts' export default { data() { return { } }, mounted() { this.draw() }, me

2020-12-16 16:16:51 2098

原创 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! npm ERR! Exit status 1 npm ERR!

从git拉取代码运行报错如下,解决:将node_modules复制到文件夹里

2020-12-09 17:40:37 2554

原创 <input type=“checkbox“/>在页面不显示

type为checkbox的input写在.vue文件里,但在页面上不显示,检查发现就在页面上但是肉眼看不见。。。将这行代码随便放到一个.html文件里又显示正常<input type="checkbox" v-model="item.flag"/>最后在.vue文件里给它加了样式正常显示template:<input type="checkbox" class="checkbox-input" v-model="item.flag" />style:.check

2020-11-30 11:11:23 3001 1

原创 一个页面使用多个swiper冲突

点击上面swipper的箭头,下面轮播会动

2020-11-05 10:01:49 4095 1

原创 vue项目npm run build打包发到服务器上,背景图片消失

vue项目打包后本地运行正常,但在服务器上看不到背景图片,网上搜索大概原因是因为路径的问题,部署到服务器上后找不到静态资源。1.找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下2.修改build/utils.js,添加publicPath:’…/…/’...

2020-10-27 20:13:49 1845

原创 swiper设置autoplay不起作用

autoplay:2000,不起作用是因为版本不匹配,引入的是swiper6.0版本,最新版本更改后,autoplay接收的值不再是毫秒数,所以上面这种写法最新版本不能用,解决方法:重新引入旧版本的swiper插件将autoplay:2000替换为autoplay:{delay: 2000}来实现自动播放功能。...

2020-10-22 09:49:09 12117

原创 vue中v-for循环出来的元素click事件跳转到不同的页面

vue官网编程式导航

2020-10-21 09:19:03 4566

原创 vue通过循环添加每个元素不同的样式

例如循环添加背景色,HTML部分:<template> <div v-for="(items,indexs) in totalArr" :style="{background:items.color}"> <span class="test">{{items.name}}</span> </div></template>script部分:<script> export default {

2020-10-19 21:15:22 2178

原创 CSS设置字间距、行间距、首行缩进

CSS设置字间距、行间距、首行缩进

2020-10-19 16:47:13 1100

原创 Layout框架的footer固定在底部

利用css3的flexbox,flex-grow:元素在同一容器中对可分配空间的分配比率,及扩展比率 flex-shrink:如果空间不足,元素的收缩比率flex-basis:元素的伸缩基准值HTML部分:<template> <div class="layout"> <Layout> <Header class="header>....</Header> <Content class="content">

2020-10-16 15:02:05 1716 2

原创 swiper层叠轮播手动切换后不自动切换

加上下面代码可以实现:autoplay: 2000,//延迟时间autoplayDisableOnInteraction : false, //手动播放后继续自动播放但是有个问题,当我写成这种形式的时候轮播完全乱了很快?????autoplay:{// delay:3000, stopOnLastSlide:false, disableOnInteraction : false,},...

2020-10-12 16:12:49 1111 1

原创 BootStrap表单

- 垂直或基本表单向父form添加role=“form”将标签和控件放在class=form-group的中,作用:获取最佳间距所需。向所有文本元素、、添加class=“form-control”<form role="form"> <div class="form-group"> <label >名称</label> <input type="text" class="form-control" id="name" placehol

2020-09-28 11:25:55 271

原创 选择器的优先级

hh

2019-09-07 20:58:57 216

原创 cookie、localStorage、sessionStorage区别

localStorage 的优势1、localStorage 拓展了 cookie 的 4K 限制。2、localStorage 会可以将第一次请求的数据直接存储到本地,这个相当于一个 5M 大小的针对于前端页面的数据库,相比于 cookie 可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的。localStorage 的局限1、浏览器的大小不统一,并且在 IE8 以上的 IE 版本...

2019-09-03 01:19:47 198

原创 Vue:$route和$router的区别

$route$router

2019-09-03 01:18:39 223

原创 git clone操作出现fatal:index-pack failed

Cloning into 'vueArea'...remote: Enumerating objects: 38, done.remote: Counting objects: 100% (38/38), done.remote: Compressing objects: 100% (31/31), done.client_loop: send disconnect: Connection...

2019-08-21 18:33:25 1725

原创 git报错RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054

RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054可能是上传大小限制,执行:git config http.sslVerify “false”但是执行后又报错 fatal: not in a git directory是因为没有初始化版本库解决方法:git initgit config ...

2019-08-20 21:36:40 605

原创 es6箭头函数和function的区别

1.this指向使用function定义的函数,this的指向随着调用环境的变化而变化的,而箭头函数中的this指向是固定不变的,一直指向的是定义函数的环境2.构造函数function是可以定义构造函数的,而箭头函数是不行的(不能使用new)。3.变量提升function在变量提升中是最高的,箭头函数没有函数提升,所以箭头函数要定义于调用之前4.写法不同...

2019-08-17 16:07:28 532

原创 http中post和get的区别

两者

2019-08-17 14:29:43 358

原创 css单位

两者

2019-08-17 03:21:43 177

原创 v-show和v-if的区别

"v-if"根据条件进行渲染,切换过程中适当对子组件进行销毁重建;"v-show"不管初始条件直接渲染元素,只是改变css的display属性;“v-if"触发重排;“v-show"触发重绘,初始渲染开销高,所以频繁切换时用"v-show”,运行条件很少改变时用"v-if”...

2019-08-17 02:48:04 838 1

原创 数据类型

常用数据类型

2019-08-17 02:44:25 219

原创 JavaScript隐式类型转换

隐式转换为布尔值1.表达式中有字符串其他类型隐式转换为字符串多个加号时,按照从左到右的顺序,两两进行计算只要表达式中如果有字符串,最终结果一定是字符串如果有复杂类型,先将复杂类型按照对象隐式转换规则转换成字符串2 + "3"; // "23"1 + 2 + "3"; // "33"true + 2 + "3"; // "33"1 + "2" + 3; // "123""2...

2019-08-17 02:11:55 158

原创 apply、call、bind的区别

apply方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数fun.apply(thisArg,[argsArray])thisArg:fun函数运行时指定的this值argsArray:一个数组或类数组对象,数组元素作为单独的参数传给fun函数call的语法为:fun.call(thisArg[,arg1[,arg2[,…]]])bind...

2019-08-16 17:47:56 144

原创 HTTP状态码

1××(临时响应)被接受需要继续处理100 //继续 请求者应继续提出请求。服务器返回此代码表示已接收到请求的第一部分,正在等待其余部分101 //服务器根据客户端的请求切换协议102 //代表处理将被继续执行2××(成功)服务器成功处理了请求的状态码200 //成功 服务器已经成功处理了请求。通常,这表示服务器提供了请求的网页。201 //已创建 请...

2019-08-16 17:02:22 137

原创 let 、const 、var的区别

let的用法类似于var,但let只在所在的代码块内有效,我们一般用let取代var,用const来声明常量。letlet是块级作用域{ },只在所声明的代码块内有效;let不存在变量提升,必须“先声明后使用”否则会报错,而var存在变量提升;let不允许重复声明,var重复声明后面的会覆盖前面的;let存在暂时性死区,进入当前作用域变量就已经存在,但只有声明变量的那一行代码出现,才可以...

2019-08-16 16:18:19 109

原创 盒子模型(常规盒模型、怪异盒模型)

常规盒模型:也叫内容盒模型怪异盒模型:也叫边框盒模型

2019-08-07 17:31:47 498

原创 常见的元素的特点属性(href、src的区别,alt和title的区别)

jjjjj

2019-08-06 23:24:41 2687

原创 兄弟盒子外边距重叠

外边距重叠(margin-collapse):相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距,折叠结果遵循下列计算规则:两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值两个外边距一正一负时,折叠结果是两者的相加的和解决...

2019-08-06 17:28:10 634

原创 HTML5标签嵌套规则

html5出现前,常把元素按display属性分为块级元素、行内元素、内联块元素。而在html5中,按照内容模型来区分,分为元数据型、区块型、标题型、文档流型、语句型、内嵌型、交互型。...

2019-08-06 17:05:35 1559

原创 HTML标签嵌套规则及HTML转义

标签嵌套规则有些标签有固定的嵌套规则,比如ul包含li,ol包含li,dl包含dt和dd块级元素和块级元素平级、内嵌元素和内嵌元素平级块元素可包含内联元素和某些块元素,内联元素只能包含其他内联元素有几个特殊块级元素只能包含内联元素,不能再包含块元素:h1~h6、p、dtli标签可以包含div标签转义转义字符串(Escape Sequence)也称字符实体(Character En...

2019-08-05 18:48:06 336

原创 输入URL到页面展现的过程

总体来说分为以下几个过程:DNS解析:将域名解析为IP地址TCP连接:TCP三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面断开连接:TCP四次挥手...

2019-08-05 02:03:33 202

转载 DOM结构及优化

kkkkkkk

2019-08-05 01:49:46 404

原创 浏览器内核

1、理解主要分为两部分:渲染引擎(layout engineer或Rendering Engine)和js引擎。渲染引擎:负责获得王爷的内容(HTML,XML,图象等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后输出至显示器或打印机。浏览器的内核不同对王爷的语法解释也不同,渲染效果自然不同。所有的网络浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核。j...

2019-08-04 22:21:26 174

原创 页面导入样式时,使用link和@import的区别

1、link属于XHTML的标签,除了加载css外,还能用于定义RSS,定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS。2、页面被加载的同时,link会同时被加载,而@iimport引用的CSS会等到页面被加载完后再加载。3、import是CSS2.1提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题。——如何使用@import语法结构:...

2019-08-04 21:36:28 241

原创 !Doctype的作用,严格模式和混杂模式的区别、以及如何触发两种模式

jjjjjjjjjjjjjj

2019-08-04 20:44:55 293

空空如也

空空如也

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

TA关注的人

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