笔记
文章平均质量分 67
shadow fish
好多,好多,好多
展开
-
重头学习html5+css3系列笔记(5)
目录CSS的三大特性层叠性继承性行高的继承(相对单位)优先级权重叠加CSS的三大特性css具有三大特性:层叠性,继承性,优先级。层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题原则:样式冲突,遵循的就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠(以最后一个为准)继承性子标签会继承父标签的一些样式(inherited from),比如文本颜色和色号恰当的利用继承性可以简化代码,降低css样式的复杂性但是子标签一般原创 2020-10-04 20:31:17 · 103 阅读 · 0 评论 -
NoSQL mongoDB数据库
安装在官网下载安装包在安装进程中可以选择custom(自定义)选项选择安装路径接着会让你选择是否 install mangod as a service安装mangod 作为一个服务? 没有搞明白什么意思,可能是之后可以开放给其他客户端吧,先留一个坑,希望有看见的大佬可以帮我解答,不过还是默认安装了作为一个网络使用者那个选项...原创 2021-04-16 15:54:39 · 219 阅读 · 0 评论 -
node.js 接收post请求的第三方依赖 body-parser中间件(弃用)
在express中对get请求内置了req.query来获取请求数据,对post请求,需要配合使用body-parser中间件来获取示例(来源于文档说明)var express = require('express')var bodyParser = require('body-parser') var app = express() // parse application/x-www-form-urlencodedapp.use(bodyParser.urlencoded({ exten原创 2021-04-05 21:16:11 · 1199 阅读 · 0 评论 -
art-template模板
模板语法最先用于服务器端,将网页内容渲染完毕后再发送给客户端,只需完成一次请求,将所有的数据都传给客户端,不需要网页在加载中再发送ajax请求异步加载局部页面所需的数据,减少了向服务器端请求次数使页面加载更快(一定程度上),但是只是页面局部需要请求服务端数据,发送ajax异步请求比传回来整个页面更快。如电商网站商品列表做成服务器渲染,用户评论做成局部异步请求,此时评论区局部数据更换加载就比商品列表整个页面加载更快,但是为了做SEO优化(异步请求的数据无法被爬虫爬取,服务器端渲染可被爬取),商品列表降低了用户原创 2021-03-30 21:09:09 · 86 阅读 · 0 评论 -
重头学习html5+css3系列笔记(11)
网页favicon图标截取png格式的图片在网站中将其转为.ico格式在head中引入 <link rel="shortcut icon" href="favicon.ico">网站三大标签SEO优化SEO(search Engine Optinization)意思是搜素引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名的方式页面必须有三个标签TDK,即title description keyword来进行SEO优化title 网站标题title具有不原创 2021-03-13 17:52:57 · 99 阅读 · 0 评论 -
Vue学习笔记记录
MVC 模式M model 模型 数据(js变量)V view 视图 用户所见界面(html css)C control 控制器 事件的交互后改变视图和数据 关联(对DOM绑定事件)MVVM模式VM 即是替代C的,比如框架,可以直接实现数据交互虚拟DOM在js的内存中构建类似于DOM的对象,去拼装数据,拼装完整后,把数据整体解析,一次性插入html中,形成了虚拟DOM,相当于之前一条条向HTML中传数据,现在打包好一次性传入,效率提高。...原创 2021-03-03 22:53:21 · 287 阅读 · 0 评论 -
vue学习笔记之基础篇(1)
指令总结v-bindv-bind:attritube=“variable”Mustache 语法不能作用在 HTML attribute 上,遇到这种情况应该使用 v-bind 指令将相关属性的值与VUE实例中variable的property保持一致。 <span v-bind:title="title">123</span>v-ifv-if=“variable”条件,当variable为真值时显示当前节点,将其与DOM结构绑定<div v-if="see原创 2021-01-28 16:05:04 · 157 阅读 · 0 评论 -
重头学习html5+css3系列笔记(10)
CSS初始化由于每个浏览器执行css时会有一些差异,所以我们需要将标签自带的一些样式清除,再将其进行初始化,让其按照我们设定的属性去执行。比如京东的初始化* { margin: 0; padding: 0;}em,i { font-style: normal;}li { list-style: none;}img { border: 0; /* 消除空白间距 */ vertical-align: middle;}button { cursor: poi原创 2020-11-08 11:49:59 · 272 阅读 · 0 评论 -
重头学习html5+css3系列笔记(9)
元素的显示与隐藏display属性display: none ;隐藏元素(注意不是删除),且其不再占有原来的位置display:block不仅可以转化为块级元素,同时还有显示元素的意思visibility可见属性默认属性为inherit,继承上一个父对象元素可视:visibility:visible元素隐藏:visibility:hidden元素隐藏后,还会占有其原来的位置overflow溢出overflow属性值指定了如果内容溢出了一个元素的框(超过其指定的高度及宽度)时,会原创 2020-10-29 23:31:42 · 197 阅读 · 0 评论 -
重头学习html5+css3系列笔记(8)
学成在线实例头部制作导航栏注意点:实际开发中,不会直接用链接a,而是用li包含链接(li+a)的做法原因:li+a语义更清晰,说明这是有条理的列表型内容如果直接用a,搜索引擎容易辨别有堆砌关键字的嫌疑,有被降权的风险,从而影响网页排名搜素块是一个表单和按钮组合,因为他们都是行内块元素,会导致中间有缝隙,最终无法按照预先的尺寸装下,所以要为其添加浮动,这样会自动清除缝隙...原创 2020-10-16 21:48:52 · 159 阅读 · 0 评论 -
重头学习html5+css3系列笔记(7)
盒子阴影可以使用box-shadow属性box-shadow: h-shadow v-shadow blur spread color inset;项目Valueh-shadow必需 水平阴影的位置,允许负值v-shadow必需 垂直阴影的位置,允许负值blur可选 模糊距离spread可选 阴影的尺寸color阴影的颜色inset可选 讲外部阴影(outset)改为内部阴影盒子的阴影不占用空间,不影响布局文字阴影文本 text-原创 2020-10-09 19:12:46 · 149 阅读 · 0 评论 -
重头学习html5+css3系列笔记(6)
页面布局三大核心,盒子模型,浮动,定位页面布局过程:确定页面内网页元素,大部分都是一个个的盒子利用css设置盒子样式,和相应的位置往盒子里装内容网页布局最核心的就是利用css摆放盒子盒子模型盒子模型组成所谓盒子模型就是把html页面内的布局元素看作一个盒子,装内容的容器CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框,外边距,内边距,实际内容边框(border)border可以设置元素的边框,边框有三部分组成:边框宽度(粗细) 边框样式 边框颜色border原创 2020-10-05 20:59:33 · 144 阅读 · 0 评论 -
重头学习html5+css3系列笔记(4)
emment语法快速生成html结构语法如果想要生成多个相同的标签,用*如果是父子关系,用> 如div>span兄弟关系,用+如果生成带有id或带有类的,直接写 标签#id或标签.类名,如果不写标签,则默认为div如ul>li.name*5如果想要生成有顺序的 则需要(自增符号)如‘.demo(自增符号) 如`.demo(自增符号)如‘.demo*5`,会生成以下代码 <div class="demo1"></div> <div原创 2020-10-03 21:20:53 · 165 阅读 · 0 评论 -
重头学习html5+css3系列笔记(3)
csscss 设置文本内容(字体,大小,对齐方式),图片的外形(宽度,边框样式,边距),版面的布局和外观显示样式 css美化html 让html专注于结构css由两部分构成 选择器+一条或多条声明css选择器又分基础选择器和复合选择器两大类基础选择器由单个选择器构成,又包括标签选择器,id选择器,类选择器,统配符选择器标签选择器将同类型标签全部选择出来类选择器开发中最常用的一类选择器 ,谁去使用,就去调用该类名多类名一个标签可以包含多个类名 每个类名对应一个职责,减少耦合性,剥原创 2020-09-26 20:40:45 · 132 阅读 · 0 评论 -
重头学习html5+css3系列笔记(2)
表格标签<table></table> 表格最外层标签<tr></tr>行标签<td></td>在每一行里可以嵌套多个该标签,相当于单元格<th></th>使用该标签会使文字加粗居中对齐 可以用于表格第一行说明栏可是我在尝试过程中,遇到了一个我无法解释的问题: <table> <tr> <td>123</td>原创 2020-09-23 22:00:33 · 135 阅读 · 0 评论 -
重头学习html5+css3系列笔记(1)
前言因为自己是从小程序入门的,而小程序是类似vue框架的一类技术,而且其中某些标签和web端也有不同,所以自己在web端学习时时常一知半解,遇到没有见过的不懂的,才会去查,这就导致自己的知识不是很系统,所以趁这段稍微空闲的时间(毕竟离期末考试还远hhh),决定从头再来一遍,把基础扎牢。为了督促自己并坚持下去,我决定将接下来这段小旅途记录下来。HTML什么是html超文本标记语言,不是编程语言,而是一种标记语言。是一套标记标签。超文本有两种含义:他可以加入除文本以外的其他元素,超越了文本限制他原创 2020-09-16 21:24:31 · 208 阅读 · 0 评论 -
《图解HTTP》<五>
## 确认访问用户身份的认证Basic 认证明文解码后就是用户的ID和密码 另外,无法实现认证注销操作,使用不够灵活digest认证同样使用质询响应的方式,但不会明文发送密码发送给对方的只是摘要及由质询码产生的计算结果,所以密码泄露的可能性降低ssl客户端认证借由https的客户端证书完成认证。ssl客户端采用双因素认证。第一个认证因素的ssl客户端证书用来认证客户端计算机,另一个认证因素的密码则用来确定这是用户本人的操作。基于表单认证输入已经事原创 2020-07-19 20:39:28 · 96 阅读 · 0 评论 -
《图解http》(四)
http首部http协议的请求报文和响应报文中必定包含http首部,首部内容为客户端和服务器分别处理请求和响应提供所需要的信息。http首部字段是构成http报文的要素之一。它能起到传递额外重要信息的作用。使用首部字段是为了给浏览器和服务器提供报文主体大小,所使用的语言,认证信息等内容。4种http首部字段类型通用首部字段请求首部字段响应首部字段实体首部字段首部字段结构首部字段名:字段值例:Content-Type:text/html(可以有多个字段值)(首部字段有点多,自己一遍看下原创 2020-07-18 15:56:28 · 129 阅读 · 0 评论 -
《图解http》三
返回结果的http状态码原创 2020-07-12 19:45:27 · 94 阅读 · 0 评论 -
《图解HTTP》(二)
简单的http协议为了协议的弹性,http是一种不保存状态的通信,即不保存之前发送过的请求或响应。带来的问题是,当用户登录后跳转页面时,无法保存登录状态。为了解决此问题,引入cookie技术,其过程如下图http接受的方法...原创 2020-07-11 11:11:51 · 144 阅读 · 0 评论 -
学习《图解HTTP》
一直对网页是如何与服务器交互这个问题感到好奇,然后被大佬推荐了这本书,现将一些自己认为重要的对自己印象较深刻的知识摘抄总结下来,方便查看。了解web及网络基础借助多文档之间相互关联形成的超文(HyperRext),连成可相互参阅的www。三项www构建技术,分别是:把SGML(标准通用标记语言)作为页面的文本标记语言的HTML(超文本标记语言),(原来HTML还有这方面的内容);作为文档传输协议的HTTP;指定文档所在地址的URL(统一资源定位符)。...原创 2020-07-09 16:52:30 · 123 阅读 · 0 评论