- 博客(21)
- 收藏
- 关注
RSS订阅原创 docker端口映射后不能使用localhost:port访问
本人是Windows系统，安装了虚拟机VMware，在上面装了Ubuntu系统，装了docker以后，配置端口映射docker run --name mcg-mysql -e MYSQL_ROOT_PASSWORD=123456 -p 28001:3306 -d mysql然后在本地宿主机上面用Navicat客户端工具连接docker跑起来的mysql服务，出现以下错误后来参考这位哥们的博客文章，原来是因为我本地的localhost并不是对应docker运行的主机所对应的ip，于是我找
2020-05-24 13:26:43
1979
原创 Windows10右键添加“在此处打开命令窗口”出现乱码问题
文件格式要另存为ASCII码格式对于已经是乱码的盆友 可以 在 HKEY_CLASSES_ROOT\Directory\Background\shell\ 下的 OpenCmdHere有乱码出现的文件， 直接右键点击修改，把乱码修改为正确汉字...
2020-04-29 12:51:20
1208
原创 命令提示符(运行输cmd)显示为无字有光标的黑屏
重置cmd初始状态，运行注册表编辑器，找到 HKEY_CURRENT_USER\Console\%SystemRoot%_system32_cmd.exe项并删除，重起cmd
2020-04-29 12:47:58
1051
2
原创 vue element Cascader 高度过长问题
<el-cascader v-model="selectedKeys" :options="parentCateList" :props="cascaderProps" @change="parentCateChange"> </el-cascader>这是element的新版本的坑，在你的全局glo...
2020-02-14 16:34:04
1183
原创 关于学习css盒模型的总结
box-sizing：border-box;这样设置，width属性是所有可见部分的宽度和，即盒子的宽度=外边距margin+边框border+内边距padding+填充内容的宽度，盒子总宽度不会变，内容的宽度会随着边距的增加而减小；如果设置为content-box，那总的盒子的宽度会变大，所设置的width属性的值就是填充内容的宽度值，再加上内外边距和边框，这样总的盒子宽度就变大了。如下图，...
2019-10-02 19:35:03
198
转载 npm search报错npm ERR! No search sources available
DannideMacBook-Pro:~ danni$ npm search cas npm WARN search fast search endpoint errored. Using old search. npm WARN Failed to read search cache. Rebuilding npm WARN Building the local...
2019-08-26 16:33:16
2058
原创 三栏布局的实现方式
三列布局又分为两种，两列定宽一列自适应，以及两侧定宽中间自适应两列定宽一列自适应：1、使用float+margin：给div设置float：left，left的div添加属性margin-right：left和center的间隔px,right的div添加属性margin-left：left和center的宽度之和加上间隔2、使用float+overflow：给div设置flo...
2019-08-20 20:47:28
239
原创 如何实现图片或者某个元素在某个容器中居中
父元素固定宽高，利用定位及设置子元素margin值为自身的一半。父元素固定宽高，子元素设置position: absolute，margin：auto平均分配margincss3属性transform。子元素设置position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);即可。将父元素设置成displa...
2019-08-20 20:45:41
417
原创 清除浮动
方法一：使用带clear属性的空元素在浮动元素后使用一个空元素如<div class="clear"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" />来进行清理。方法二：使用CSS的overflow属性给浮动元素...
2019-08-20 20:43:27
142
原创 Flex布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。布局的传统解决方案，基于盒状模型，依赖display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。简单的分为容器属性和元素属性容器的属性：flex-direction：决定主轴的方向（即子item的排列方法）.box {flex...
2019-08-20 20:41:20
109
原创 垂直居中的几种方法
(1)margin:auto法css:div{width: 400px;height: 400px;position: relative;border: 1px solid #465468;}img{position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}html:<div&g...
2019-08-20 20:39:45
257
原创 cookie有哪些字段可以设置
name字段为一个cookie的名称。value字段为一个cookie的值。domain字段为可以访问此cookie的域名。非顶级域名，如二级域名或者三级域名，设置的cookie的domain只能为顶级域名或者二级域名或者三级域名本身，不能设置其他二级域名的cookie，否则cookie无法生成。顶级域名只能设置domain为顶级域名，不能设置为二级域名或者三级域名，否则cooki...
2019-08-20 20:37:31
1678
原创 URL执行过程心得体会
输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存-》系统缓存-》路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录，如果没有则查询DNS服务器，得到服务器的ip地址后，浏览器根据这个ip以及相应的端口号，构造一个http请求，这个请求报文会包括这次请求的信息，主要是请求方法，请求说明和请求附带...
2019-08-20 20:36:06
216
原创 cookie sessionStorage localStorage区别
cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识。webStorage虽然也有存储大小的限制，但是比cook...
2019-08-20 20:34:34
196
原创 HTTP状态码
200OK请求成功。一般用于GET与POST请求201Created已创建。成功请求并创建了新的资源202Accepted已接受。已经接受请求，但未处理完成203Non-Authoritative Information非授权信息。请求成功。但返回的meta信息不在原始的服务器，而是一个副本204No Cont...
2019-08-20 20:31:51
166
转载 css3的新特性
CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3新增了很多的属性，下面一起来分析一下新增的一些属性： 1.CSS3边框：border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border...
2019-08-20 20:28:57
118
原创 关于Tomcat窗口输出日志出现中文乱码
1.打开你安装Tomcat的所在目录，本文以7.0.92为例。2. 打开后选择conf目录。. 3. 将里面的logging.properties文件用编辑器打开，本例子是使用“Notepad++”编辑器打开。4. 打开后大约在50行左右找到java.util.logging.ConsoleHandler.encoding = UTF-8 ，如图所示：5. 修改为java...
2019-05-12 13:56:46
536
原创 sublime text3 主题推荐配色自定义方案
先使用Ctrl +shift+p,打开Package Control Install Package,安装Seti_UI主题插件， 在”首选项>浏览插件目录”进入sublime的插件目录，进入Seti_UI目录，使用sublime修改Seti.sublime-theme文件，添加以下代码： { "class": "sidebar_container", ...
2019-05-05 18:23:34
5871
原创 VS Code Boxy Solarized Light 护眼配色方案
打开VS code ，首先安装扩展主题插件Boxy Theme Kit；如下图所示：安装好后接着设置颜色主题为Boxy Solarized Light；但是默认是编辑器背景是主题颜色方案，如下图所示：然后修改用户设置，在setting.json这个配置文件里输入以下代码：{ "editor.fontSize": 16, ...
2019-05-05 00:22:40
5234
2
原创 关于HTML5 audio标签中autoplay属性的使用
<!doctype html><html><head><meta charset="utf-8"><title></title></head><body><audio controls="controls" autoplay="autoplay"><source ...
2019-03-19 17:34:33
3637
原创 HTML5之学习音频元素记
HTML5 提供了播放音频的标准。Web 上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。当前， audio元素支持三种音频格式：Ogg Vobis, MP3,W...
2019-03-19 17:03:53
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人