weixin_45454433的博客

转载 MongoDB和MySQL和Redis的区别

文档是mongoDB中数据的基本单元，类似关系数据库的行，多个键值对有序地放置在一起便是文档，语法有点类似javascript面向对象的查询语言，它是一个面向集合的，模式自由的文档型数据库。redis用于存储使用较为频繁的数据到缓存中，读取速度快，基于内存，读写速度快，也可做持久化，但是内存空间有限，当数据量超过内存空间时，需扩充内存，但内存价格贵。但是，mongodb不一样，只要，业务上能保证，冷热数据的读写比，使得热数据在物理内存中，mmap的交换较少。增强可靠性的同时，影响访问性能。

原创 django、tornado和flask的区别

flask是一个典型的微框架代表，比较灵活，一般是可以自己选择数据库交互组件的（通常情况选择的是Flask-SQLAlchemy），而且加上celery+redis等异步特性后，与tornado性能不相上下。Django ORM比较慢，但是他的许多性能又依赖于此，Flask的ORM是SQLAlchemy，相较于MySQLdb耗时多了5%左右，是性能比较好的一个ORM，Tornado与Flask速度不相上下。首先，tornado是异步框架，flask和django都是同步框架，处理请求时性能会有所限制。

原创 CSS新增属性下

字体：字体的格式：.ttf文件（外部引入文字样式）1.如何引入自己下载好的外部字体：@font_face{font-family:"字体名字";src:"路径";font-weight:normal;font-style:normal}2.字体图标：是一个图标（例如百度的logo，csdn的logo等），但是遵循所有的文本的属性。字体图标经常应用在移动端布局/pc端布局如何引用：1）把iconfont文件夹放在自己的站点里面2）通过link将iconfont这

原创 CSS3新增属性

1.文本阴影：text-shadow:h-shadow(水平阴影) v-shadow（垂直阴影） blur（模糊距离） color（颜色）水平和垂直阴影可以为负数2.盒子阴影：box-shadow：h-shadow v-shadow blur color inset（设置内阴影，一般不使用）3.多背景属性：使用background属性...

原创 CSS3的新增

选择器：1.关系选择器（同级：匹配后面的一个或多个同级兄弟选择器。）+表示匹配对应元素后面的一个兄弟~表示匹配对应元素后面的所有兄弟2.层级选择器（后代选择器/子代选择器）

原创 渐进增强&优雅降级

渐进增强概念：针对低版本浏览器进行构建页面，保证最基本的功能，然后在针对高级浏览器进行效果、交互等改进和增加功能达到功耗的用户体验(从匹配低版本浏览器向匹配高版本浏览器进行兼容，为了提高用户体验度)优雅降级概念：从高到底的过程，开发的时候开发的是一个功能比较齐全的网站，随着时间完整功能回衰退，从高版本的效果向低版本浏览器过度（从一个比较完善的功能向基本功能进行过度）...

原创 h5新增——form表单

1.增强性的表单：直接进行表单的验证，或者是对应的语义化的表单格式：<input type="?">1）placeholder：提示文本，用来占位的提高用户体验度2）required：验证内容不能为空3）multiple：提交多个邮箱，多个邮箱之间用逗号分隔4）autofocus：自动获取焦点（选中输入框的时候会出现一个加深的黑框）属性：1.url：输入框里面需要输入url网址；若想要验证这个url输入框不为空的话需要带required属性，如果不带一定要给内容，不然

原创 html5——音频和视频

video视频：src属性：给定的是视频的路径（但是是一个黑框）width宽度属性height高度属性。如果想让视频不是一个黑框实现播放功能，必须加上controls控件属性；loop属性是循环播放，另外还有一个自动播放属性autoplay，但是不能直接使用，因为页面中有两个滑块（进度条跟音量），所以必须配合muted（静音）audio音频：src属性：给定音频路径，同样的，若想顺利播放也需要加上controls控件属性，loop可以实现单曲循环的功能，muted在这里也是静音的意思，在谷歌浏览器中au

原创 table表格

表格的css属性：1.table：1）border属性：只给table添加边框（最外侧一圈）2）调整单元格与单元格之间的间距：border-spacing：0px（默认得到的边框是2px）3）实现1px细线边框：1>border-collapse:collapse2>使用单元格之间的间距，设为1px，通过背景颜色进行设置4）表格的布局算法：table-layout：auto/fixed两个取值auto：优点：自动撑开，缺点：只要文本过多都会让表格布局发生改变，重新

原创 H5的新增

1.语义化的内容：都是块级元素2.增强型的表单：功能更加齐全，交互效果更加强化3.音频和视频4.离线存储和本地存储5.各种api6.canvas绘图/svg绘图等

原创 form表单的一些内容

原创 overflow是什么？

本质是溢出隐藏，还可以用来解决高度塌陷。给定父子两个div，父级div自适应宽高，子div宽高为300px，若不给子div浮动，则父级div会被子元素撑开，如果给了子div一个浮动，那么父级元素会因为没有高度支撑而产生高度塌陷，此时就可以给父元素添加一个overflow为hidden，产生一个BFC空间，解决父元素高度塌陷的问题。原理是overflow:hidden会让浮动的元素参与高度的运算。overflow:hidden还可以解决边距重合的问题：div1给定margin-bottom为20p

原创 如何形成BFC？

BFC是什么？它叫做块级格式化上下文。如果元素想出发BFC的话，会让元素形成一个独立的区域，不会收到外界干扰，并且也不会影响到外部的情况就会形成一个BFC。1.使用浮动2.定位：针对绝对定位（absolute）跟固定定位（fixed）3.overflow：hidden...

原创 如何隐藏元素

1.display:none；元素可以实现隐藏，不占页面空间，下面的元素会补位到上面2.visibility:hidden;隐藏后的元素依旧占着页面的空间3.opacity：0；设置透明度为0，文字和元素都可以隐藏，元素依旧占位置4.将元素的宽高都设置为0，不占位置...

原创 行内元素变成块级元素的几种方法

1.直接使用display:block;使元素的属性改变2.float；浮动之后检查computed里面的元素的display也会发生改变，变为block3.使用定位：position：fixed（固定定位）/absolute（绝对定位）4.使用弹性盒

原创 前端css样式--浮动

浮动的含义就是说让元素进行漂浮，让布局元素横向显示。比如说这个页面中，这些撤销，重做等等的，都是用到了浮动，使内容横向显示浮动的属性是float，有三个取值，None：不浮动；left：左侧浮动；right：右侧浮动。默认情况我们设置两个div盒子的话是上下排序的，而我们要做的就是通过浮动，把竖着排列的两个盒子，变成横着排的。浮动的特点：1.使用浮动后会脱离文档流，不占位置，也就是飘起来了，那么后面的内容，比如说我们上面说的两个盒子，第二个盒子在第一个盒子使用了浮动之后就会自动补位到第一个.

原创 选择器-2

1:伪类选择器：经常出现在a标签中，也可以单独拎出来使用，一般常用的有4种1).:link：超链接访问前。具体用法：<style>a:link{color:red}</style># 给定a标签访问前，也就是点击前的颜色为红色（a标签默认点击前颜色为蓝色，有下划线）2).:visited：超链接访问后。具体用法：<style>a:visited{color:green}</style># 给定a标签访问后，也就是点击后的颜色为绿...

原创 css样式选择表与选择器

首先说css的样式表，分为内部样式，行内样式和外部样式，直接说个结论，三者的优先级是行内样式大于其余二者，这个是按照执行顺序判定的，如果是外部样式表的话，需要通过link调用，而一般调用的内容会放在最上面部分，所以一般来说外部样式的权重最低，因为外部样式是我们另外定义一个css文件，在这个css文件中写我们要修饰的内容，然后再在html文件中调用。其次是内部样式表，在html文件头部标签里写一个style标签，里面写我们要修饰的选择器，按照执行顺序来说他是在外部选择器下面的，所以执行时权重要...

原创 超链接和表格

超链接:<a href="" target="_self"></a>，超链接的标签叫做a，是一个双标签，里面有一个href属性，指向的是跳转的地址，另外还有一个比较重要的参数，target，指定是在当前页面跳转还是在一个新的页面进行跳转，它对应的有几个属性值，_blank,表示浏览器会在一个新的未命名的窗口打开对应的文档，_self是默认值，也就是说如果不设置target属性的话就默认使用_self，表示在当前页面进行跳转，不会打开新的窗口，_parent，这个单词的含义就是父母，.

原创 前端知识点记录Day3

今天记录几个标签：1.加粗标签：就是对文本进行加粗实现，有两个可实现加粗的标签，分别是：<b>文本</b>，<strong>文本</strong>，二者都可以实现加粗效果，但是strong标签更加具有语义化，更有强调作用；2.倾斜标签：让文本添加一个倾斜的效果，同样也有两个标签可以实现：<i>文本</i>和<em>文本</em>,同样的em相较于i更加具有语义化，更加具有强调作用；3.下划线：

原创 前端知识点记录Day2

html标签：分为单标签和双标签单标签的格式是<标签名字/>双标签的格式是<标签名字></标签名字>每个标签都有其对应的属性，属性的格式是属性="属性值"，两个属性之间用空格隔开，单标签属性就直接放在标签名字加个空格的后面，双标签的话就放在前面标签名字加个空格的后面。一般最常用到的标签有段落标签(<p></p>)；盒子标签(<div></div>)；标题标签(<h1/2/3/4/5/6></

原创 前端知识点记录Day1

前端的构成：一般来说有三部分：html（超文本标记语言），也就是我们常说的h5，这部分是网页的一个结构层； css（层叠样式表），这部分是网页的样式构成，可以对html写好的框架做一定的修饰； JavaScript（行为交互层），是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。了解了前端的组成之后，那么我们如何构建一个完整的前端项目呢？这个时候，我们就需要了解一下什么是站点。 站点其实就相当于一个文件夹，其中包含多个...