今天本来打算根据自己的计划进行前端自动化的学习的,无奈早上接到一个任务需求需要新增一个页面.自从因为工作需要转前端之后,自己的主要注意力几 乎都放在JavaScript上面了,对CSS和HTML这方面其实基础真的很差,今天在写页面的时候就被浮动啊.内外边距啊这些耽误了不少时间. 反思一下,自己确实在这些基础方面的不足很多,所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法.其中可能中会有JS.CSS.HTML各方面的,我会把自己每一天学到的内容都记录一下,辅助自己打好基础. 今天在…

1.外边距叠加 当一个元素出现在另一个元素上面时第一个元素的底边距与第二个元素的上边距发生叠加,元素被包含时也有可能会发生叠加(如果没有内边距和边框),如果一个空元素没有内边距和边框本身也会发生上下边距的叠加.   只有普通文档流中块框的垂直外边距才会发生叠加,行内框.浮动框或绝对定位框之间的外边距不会发生叠加. 2.定位 css有3中基本的定位机制,普通流,浮动和绝对定位.浮动和绝对定位会脱离普通流,但是float跟绝对定位又有点不一样,绝对定位完全不会再影响普通流中的元素,但是float对其…

p{ font-size: 15px; } .alexrootdiv>div{ background: #eeeeee; border: 1px solid #aaa; width: 99%; padding: 5px; margin: 1em 0 1em 0; } .alexrootdiv>div>p:first-of-type,.alextitlep{ font-size: 18px; font-weight: bold; color: red; } .alexrootdiv spa…

CSS3 伸缩布局盒模型 CSS3引入的布局模式Flexbox布局,主要思想是让容器有能力让其子项目能够改变其宽度,高度,以最佳方式填充可用空间.Flex容器使用Flex项目可以自动放大与收缩,用来填补可用的空闲空间. 更重要的是,Flexbox布局方向不可预知,不像常规的布局(块级从上到下,内联从左到右),而那些常规的适合页面布局,但对于支持大型或者复杂的应用程序就缺乏灵活性. 如果常规布局是基于块和内联文本流方向,那么Flex布局就是基于"Flex-flow"方向.先来了解一下伸缩…

ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理 计划时间:第二天下午 背景:数据量大,工程大 目的:自动化,批处理,定制业务流程,不写程序 教程:Pdf/343 数据:chap8/ex5 建模过程 模型运行界面 模型运行结果: 联系方式:谢老师,135_4855_4328,xiexiaokui#139.com…

Django:学习笔记(7)——模型进阶 模型的继承 我们在面向对象的编程中,一个很重要的的版块,就是类的继承.父类保存了所有子类共有的内容,子类通过继承它来减少冗余代码并进行灵活扩展. 在Django中,父类可以是一个实际的模型(即有同步的数据表),也可以是一个抽象的模型(只用来保存子模型共有内容,并不实际创建数据表). 抽象继承 将一个类转换为抽象类,然后其他类再继承它,来完成抽象继承. class CommonInfo(models.Model): name = models.CharFi…

Django:学习笔记(6)——模型 快速上手 模型到底是什么呢?我们可以想,如果一张数据表的各个字段可以自动映射到一个类的各个属性,则每条记录对应这个类的一个对象.那我们通过类方法来操作对象(即表记录)就会很容易了.这也大大简化了我们对SQL语句的依赖. 在Django中,这种类统称为模型,我们只管创建模型,Django会自动为我们创建响应的数据表. 比如,我们创建一个Peron模型: from django.db import models class Person(models.Model…

(0)css3是啥 css3是最新版本的css,添加了许多新的特性,将切图仔从繁重的工作中解救出来. css3现在主流的浏览器大部分都支持(ie9部分支持,ie8之前的都不支持) 渐进增强,优雅降级 优雅降级(向下兼容):一开始就构建站点的完整功能,然后针对浏览器测试和修复.比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览. 渐进增强(向上兼容):一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效…

JVM学习笔记--内存模型篇 在本系列内容中我们会对JVM做一个系统的学习,本片将会介绍JVM的内存模型部分 我们会分为以下几部分进行介绍: 内存模型 乐观锁与悲观锁 synchronized优化 内存模型 这一小节我们来详细介绍一下内存模型和内存模型的三个特性 内存模型简介 首先我们来简单介绍一下内存模型: 内存模型,全称Java Memory Model,也就是我们常说的JMM JMM中定义了一套在多线程读写共享数据时,对数据的可见性,有序性和原子性的规则和保障 内存模型之原子性 我们将在下…

JUC学习笔记--共享模型之管程 在本系列内容中我们会对JUC做一个系统的学习,本片将会介绍JUC的管程部分 我们会分为以下几部分进行介绍: 共享问题 共享问题解决方案 线程安全分析 Monitor synchronized锁 Wait/notify 模式之保护性暂停 模式之生产者消费者 park 线程状态转换详解 多锁操作 活跃性 ReentrantLock 同步模式之顺序控制 共享问题 这小节我们将会介绍共享问题 共享问题概述 我们首先来简单介绍一下贡献问题的产生原因: 操作系统目前只操纵一…