自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zhou_shadow的博客

记录工作,记录生活,记录点点滴滴。无论多么微末,终究现在比过去懂得多了一点

  • 博客(30)
  • 收藏
  • 关注

转载 Github 的搭建和配置github中的SSH key值

转载

2019-07-12 23:52:49 200

转载 Vue报错* !!vue-style-loader!css-loader?和you can run: npm install --save !!vue-style-loader!css-loader

Vue报错ERROR Failed to compile with 1 errors ...

2019-07-08 10:06:12 13510

原创 vscode常用web插件

无意中找到的github上面的vscode中web开发中的一些有意思的插件,记录一下github网址链接

2019-07-05 09:54:02 3299

转载 vue实例中data使用return包裹

原文在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ }})在使用组件化的项目中使用的是如下形式:export default{ data(){ return...

2019-07-01 14:25:32 299

转载 java项目中的classpath到底是什么

转自柒叶java项目中的classpath到底是什么在java项目中,你一定碰到过classpath,通常情况下,我们是用它来指定配置/资源文件的路径。在刚开始学习的时候,自己也糊里糊涂,但是现在,是时候弄清楚它到底是指什么了。顾名思义,classpath就是class的path,也就是类文件(*.class的路径)。一谈到文件的路径,我们就很有必要了解一个java项目(通常也是we...

2019-07-01 11:50:47 254

转载 java中*和**的作用

转自:lycIT"*"就表示了所有的文件,但是“*”并不包括子目录下的文件;"**"匹配包含任意级子目录中所有的文件\

2019-07-01 11:15:04 4714

转载 趣谈多线程

【面试】编程新说李新杰如果把线程当作一个人来对待,所有问题都瞬间明白了分享一篇好文!文章含有常见的面试题!多线程的问题都曾经困扰过每个开发人员,今天将从全新视角来解说,希望读者都能明白。强烈建议去运行下文章中的示例代码,自己体会下。问题究竟出在哪里?一个线程执行,固然是安全的,但是有时太慢了,怎么办?老祖宗告诉我们,“一方有难,八方支援”,那不就是多叫几个线程来帮忙嘛,好办呀,多ne...

2019-06-22 11:32:50 154

转载 redis在window下闪退

一般是由不规范的退出所导致的转自

2019-06-19 00:20:01 1073

原创 CSS渡一教程学习笔记(十六)--CSS要点补充

关于页面两端的缩放以及顶部目录排列的需求代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css要点补充</title> <style> *{ margi...

2019-06-15 09:25:07 204

原创 CSS渡一教程学习笔记(十五)--背景图片链接处理企业开发经验

图片链接代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景图片实际中的应用</title> <style> a { /*第一种方案*/ ...

2019-06-14 23:00:34 185

原创 CSS渡一教程学习笔记(十三)--文字溢出处理,背景图片处理,企业开发经验

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文字溢出</title> <style> .single-text{ width:200px; ...

2019-06-14 17:42:09 467

原创 CSS渡一教程学习笔记(十二)--伪元素

    伪元素存在于任意一个HTML标签里面。可以通过CSS显示展示出来。任意一个标签元素在创建时都带有两个伪元素分别为before和after,伪元素可以和正常元素一起使用,但是伪元素没有正常的元素结构。伪元素结构上存在,但没有写在HTML代码里面,可以被css正常操作,但是没有HTML标签结构,也即是可以当成HTML元素,但是没有元素结构,也就是所谓“伪元素”。其中伪类都是行级(内联)元素。类...

2019-06-14 17:37:43 260

原创 CSS渡一教程学习笔记(十一)--浮动模型

模型总共有3中1.盒子模型2.层模型3.浮动模型:float:left/right;浮动元素浮动元素中占位边界不足,则自动换行。浮动元素产生了浮动流,所有产生了浮动流的元素块级元素看不到他们,产生了BFC的元素和文本类(inline)属性的元素以及文本都能看到浮动元素。代码:<!DOCTYPE html><html lang="en"><hea...

2019-06-14 17:21:41 203

原创 CSS渡一教程学习笔记(十)--margin的合并问题

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>margin合并问题</title> <style> .span1{ background-color: ...

2019-06-14 17:05:46 228

原创 CSS渡一教程学习笔记(九)--Block Format Context

问题:父子嵌套的关系中,垂直方向的marin-top的父子元素是结合在一起的,会取父子元素中的最大值。造成的结果就是父级元素的“棚”好像不存在一样,也即是俗称“margin塌陷”只能弥补,不能解决。代码:<style> *{ margin:0px; padding:0px; } ....

2019-06-14 16:57:33 502

原创 CSS渡一教程学习笔记(八)--行级元素、块级元素、行级块元素。

1、行级元素: 也被称为内联元素 inlinefeature:1.内容决定元素所占的位置2. 不可以通过css改变宽高3.span,strong,em,a,del2、块级元素: 也被称为blockfeature:1.独占一行2.可以通过css改变宽高3.div,p,ul,li.ol,form,address3、行级块元素: 称为inline-blockfeature:...

2019-06-14 16:00:57 261 1

原创 CSS渡一教程学习笔记(七)--单行文字水平居中,pm与em的区别。

单行文字水平居中div{ width: 400px; height: 400px; border: 1px solid black; /*水平居中*/ text-align:center; /*单行垂直居中*/ line-height: 400px; /*line-he...

2019-06-14 15:39:16 1208

原创 CSS渡一教程学习笔记(六)--层模型、position定位。

层模型如何让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持层布局模型。层模型有三种形式:1、绝对定位(position: absolute)2、相对定位(position: relative)3、固定定位(position: fixed)绝对定位和相对定位 有以下四个属性...

2019-06-14 15:29:43 371 1

原创 CSS渡一教程学习笔记(五)--盒子模型

盒子模型原理    网页:内容(content)、内边距(padding)、边框(border)、外边距(margin), CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。特点    想象一个盒子,它有:外边距(margin)、边框(border)、内边距(pad...

2019-06-14 15:16:57 281

原创 CSS渡一教程学习笔记(四)--利用border刻画一个三角形

今天笔记刻画一个三角形。估计以后会用的到,所以在这里记一下 <style> .div1{ /* width:0px; height:0px; border:50px solid red; !*可以设置为透明transparent*! border-to...

2019-06-14 11:23:56 186

原创 CSS渡一教程学习笔记(三)--字体、颜色

字体设置,是CSS中比较常见的需求,这里列出常见的字体配置代码如下:<style> div{ /*设置字体大小*/ font-size: 20px; /*设置字体粗细*/ font-weight: bold; /*设置字体正常\斜体*/ font-style:normal; /*设置字体*/ ...

2019-06-14 10:35:18 365

原创 CSS利用display:flex实现ul-li中tab垂直居中布局

   老规矩,先看看需求:要求在移动端实现echart表格下面添加点击按钮,实现类似与tab那种echart表格切换。按钮布局类似于如下结果:尝试过一些方法,发现可以利用display:flex、 flex-wrap: nowrap;实现类似效果代码如下: <style> ul li{ /*去除ul中list的“圆点”之类的样式*/ ...

2019-06-12 11:20:38 6186

转载 CSS选择器:#id和.class中间有空格和无空格的区别

    相信大家都知道 .class1 .class2 和 .class1.class2 是两种不同的选择规则,但具体怎样不同呢?首先中间有空格的情况:是选择到.class1类下的.class2类子节点,即.class2类的节点要是.class1类子节点代码: <style> .class1 { color: black; } .clas...

2019-06-11 09:46:02 4704 1

原创 CSS渡一教程学习笔记(二)--选择器

CSS选择器常用选择器id选择器 1.一个元素只能有唯一的id值,也就是一对一关系 #{}类选择器(class选择器) 也就是多对多关系 .{}标签选择器 di{} 无论标签是否被嵌套,没被嵌套的,和已经被嵌套的都会被选中通配符选择器 *{}属性选择器 [id]{},[id=‘demo1’]选择器权重!important>行间样式style>id优先级>cl...

2019-06-11 09:25:27 189

原创 关于echart中使用width:100%与display:none中图表不能正常显示的问题

先查看需求    要求类似于web端tab的样式,点击切换。因为是在移动端的应用,为了适配,宽度一般都采用%来表示,移动端宽度设置为100%当echart对应的div采用display:none,代码如下<div id="container"> <div id="map1" style="width:100%;height:300px;"></div&gt...

2019-06-10 15:44:19 6004 1

原创 CSS渡一教程学习笔记(一)--注释、引入CSS、CSS加载顺序

第一天1、css注释    css注释的快捷键为:ctrl+? 快速注释/取消代码注释    编程理念:编程10分,调试8分,代码2分,交流1分

2019-06-10 07:12:31 311

转载 CSS实现文字和图片的水平垂直居中

关于文字和图片的水平垂直居中,在前端界绝对算是一个老生常谈的问题了,尤其是垂直居中,什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法:一、文本的水平垂直居中:1、水平居中: 一个text-align:center 就搞定了。2、垂直居中:(1)、单行文本只要height值等于line-height值就 有且仅占有一行的情况下垂直居中 ps:h...

2019-06-09 19:08:52 15784 1

转载 CSS水平居中+垂直居中+水平/垂直居中的方法总结

转自:杜媛媛原文水平居中行内元素块级元素方案一:(分宽度定不定两种情况)方案二:使用定位属性方案三:使用flexbox布局实现(宽度定不定都可以)垂直居中单行的行内元素多行的行内元素块级元素水平垂直居中已知高度和宽度的元素未知高度和宽度的元素方案一:使用定位属性方案二:使用flex布局实现水平居中行内元素首先看它的父元素是不是块级元素,如果是,则直接给父元素...

2019-06-09 18:26:09 2190

转载 margin:0 auto;居中的原理

margin居中原理 刚刚学习CSS的时候,经常需要用到块元素居中,于是乎度娘、google一番,当然查专业资料建议用google,题外话!学会了给块元素设置个width,然后给margin特性设为0 auto,如此块元素便缴枪投降,乖乖居中了。 那是为什么呢?这中间的原理和实现过程是如何呢?夜深了,待我喝杯咖啡,慢慢说来! 上一篇文章谈到了盒子模式,这个居中的原理...

2019-06-09 10:12:30 3809

转载 JavaMap的深入学习

Java Map集合深入学习转自:Java初级码农网址:https://www.cnblogs.com/lzq198754/p/5780165.html

2019-06-03 09:29:57 249

空空如也

空空如也

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

TA关注的人

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