- 博客(19)
- 收藏
- 关注
RSS订阅原创 ES6学习——笔记
面向对象原来写法- 类和构造函数一样- 属性和方法分开写的// 老版本function User(name, pass) { this.name = name; this.pass = pass;}User.prototype.showName = function () { console.log(this.name);}User.prototype.s...
2020-03-23 19:55:54
121
原创 MongoDB及Mongoose
MongoDB一、MongoDB数据库环境安装开启服务：mongod连接数据库：mongo推出连接：exit二、基本命令查看显示所有数据库：show dbs查看当前操作数据库：db切换到指定数据库（如果没有就会新创建一个数据库）：use 数据库名称查看数据库的数据集合：show collections 给数据库的某个集合下插入数据：db.colle...
2020-03-14 16:26:27
183
原创 CSS3转换、过渡
2D转换translate()通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数。（效果相当于定位）函数描述translate(x,y)定义 2D 转换，沿着 X 和 Y 轴移动元素。translateX(n)定义 2D 转换，沿着 X 轴移动元素。translateY(n)定...
2020-03-14 16:17:25
101
原创 CSS3边框、背景、文本效果、字体
CSS3边框圆角边框：border-radiusdiv{ border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 1em; border-bottom-right-radius: 5%; border-bottom-left-radius: 5px;...
2020-03-14 16:16:26
135
原创 CSS3多列布局
columns属性是一个复合属性——列宽（column-width）和列数（column-count），可以同时定义多列的列数和每列的列宽。columns: column-width || column-countcolumn-width：定义多列种每列的宽度。column-count：定义多列中的列数。column-width属性类似于给列定义一个最小宽度（min-width）...
2020-03-14 16:12:33
186
原创 CSS3动画
@keyframes关键帧的语法：1.命名以@keyframes开头，后面紧跟着是“动画的名称”，再加上一对花括号“{…}”，括号种就是不同时间段样式规则，即CSS样式。2.一个@keyframes中的样式规则是由多个百分比构成的，如0%~100%，可以在这个规则中创建更多个百分比，从而让元素达到一种不断变化的效果。（百分号不可省略，否则@keyframes是无效的）3.可以使用“from”...
2019-12-04 19:56:41
277
原创 浮动模型
浮动：float: left / right ;浮动元素产生了浮动流：1.所有产生了浮动流的元素，块级元素看不到他们。2.产生了bfc的元素和文本类属性的元素（inline属性）以及文本都能看到浮动元素。清除浮动流：clear: left / right / both ;清除浮动流的方法：1.在要清除的元素下面写一个p元素，给其添加clear属性清除浮动流，使p元素撑开容器（即撑开父元...
2019-12-04 19:56:13
136
原创 两个经典Bug及其解决方法
margin塌陷：当父元素包裹着子元素时，垂直方向的margin取两者之中较大的数值。解决方法：1.给父元素设置一个border-top（不建议采用）2.bfc（block format context — 块级格式化上下文）如何触发一个盒子的bfc：1.position: absolute;2.display: inline-block;3.float: left / rig...
2019-12-04 19:54:41
319
原创 层模型
position: absolute | relative | fixed值：left / right / top / bottom : 100px; （以px为单位）position: absolute（绝对定位）脱离原来位置进行定位（脱离层面）（不占空间）absolute相对与最近的有定位的父级元素进行定位，如果没有，那么相对于文档进行定位z-index:1; 设置层数，数字越大层...
2019-12-04 19:53:00
157
原创 盒模型
CSS盒模型两种盒模型W3C的标准盒模型：外盒尺寸（元素空间尺寸）： 元素空间高度=内容高度+内距+边框+外距 元素空间宽度=内容宽度+内距+边框+外距内盒尺寸（元素大小）： 元素高度=内容高度+内距+边框（height为内容高度） 元素宽度=内容宽度+内距+边框（width为内容宽度）IE传统下盒模型：外盒尺寸（元素空间尺寸）： 元素空间高度=内容高度+外...
2019-11-26 22:26:29
65
原创 display值及其属性
display: inline | block | inline-block;行级元素（内联元素）inline：内容决定元素所占位置；不可以通过CSS改变宽高。常见标签有：span , strong , em , a , del块级元素block：独占一行；可以通过CSS改变宽高。常见标签有：div , p , ul , li , ol , form , address行级块元...
2019-11-26 22:24:31
135
原创 CSS颜色表示方法
纯英文单词（transparent为透明色）；颜色代码：rgb(red,green,blue)，每一个值由两位十六进制数组成，共由六位十六进制数组成，如：#000000为黑色，#ff0000为红色；颜色函数：rgb(255,255,255)，每一位数字范围为0-255，为十进制数。...
2019-11-26 22:23:59
136
原创 选择器权重
！important > 行间样式 > id > class / 属性选择器 > 标签选择器 > 通配符选择器（若优先级相同，后面的代码覆盖前面的）选择器权重!importantInfinity（正无穷）行间样式1000id100class/属性/伪类10标签/伪元素1通配符0权重数字为256进制...
2019-11-26 22:23:25
61
原创 JavaScript基本数据类型总结
字符串类型（String）：JavaScript的字符串类型用于表示文本数据。在字符串中的每个元素占据了字符串的位置。第一个元素的索引为0，下一个是索引1，依此类推。字符串的长度是它的元素的数量。在JavaScript中的字符串需要使用单引号或双引号括起来，表示该值是一个字符串。JavaScript 字符串是不可更改的。这意味着字符串一旦被创建，就不能被修改。但是，可以基于对原始字符串...
2019-11-26 22:22:44
93
原创 CSS字体
CSS中五种通用的字体系列Serif 字体这些字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则成该字符是成比例的。例如，小写 i 和小写 m 的宽度就不同。上下短线是每个字符笔划末端的装饰，比如小写 l 顶部和底部的短线，或大写 A 两条腿底部的短线。Serif 字体的例子包括 Times、Georgia 和 New Century Schoolbook。Sa...
2019-11-26 22:21:49
144
原创 Git安装配置及常见操作学习总结
通过腾讯课堂的GitHub视频教程下载并学习了git的操作。学习的内容有：git原理及配置git常见操作git原理及配置git：分布式版本控制软件命令：git add:将本地文件增加到暂存区git commit:将暂存区的内容提交到本地仓库（本地分支，默认 master分支）git push:将本地仓库（本地分支）的内容推送到远程仓库（远程分支）git pull:将远程...
2019-11-26 22:20:08
107
原创 git基本操作学习总结
注册Git Hub账号时，按照提示步骤完成，无需多论。然而账号注册完成之后，需了解git的相关基本操作，因为git hub是一个外文网站，所以学习过程中借助了一个工具——有道翻译。在git中，通过其本身提供的新手引导，以创建一个名为hello world的存储库为例，来学习git的相关基本操作。学习到的Git操作有：创建一个存储库创建一个分支提交和提交更改打开Pull请求合并Pu...
2019-11-26 22:19:21
288
原创 Linux常用命令
1.创建连接的两种方式软连接：ln-s 源文件 目标文件例如：ln -s /usr/local/tomcat /home/root创建了软连接，在/home/root上创建了一个到/usr/local/tomcat的连接。相当于快捷方式硬链接：ln 源文件 目标文件例如：ln -d /usr/local/tomcat /home/root创建了硬连接其他参数：-f : ...
2019-11-26 22:18:02
73
原创 Markdown基本语法总结
标题在文本前加上#即可在#和标题之间保留一个空格标题从一级到六级，只需增加#即可，标题字号相应降低例如：文字修饰粗体：用两个**包含一段文字斜体：用一个*包含一段文字例如：分隔符采用三个或三个以上的*可以制造分隔线采用三个或三个以上的-可以制造分隔线例如：引用在文字前加>可以引用一段文字例如：列表无序列表：在文字前加*产生无序...
2019-11-26 22:16:46
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人