TA的文章(28)
-
HTML框架集
1.<frameset></frameset>标签不能写在<body></body>标签中,通常做法是写在<head></head>标签结尾。2.cols和rows两条属性分别定义框架集中列、行的数目和尺寸,noresize(边界不能拖动)。3.框架集标签<frameset>可以嵌套<frameset>,可以包含多个框架标签<frame>。4.框架标签<frame>常用属性:name(设置框架名称)、src(引入页面)、scrolling(设置滚动条,值为autor、yes、no)。5.targ
-
CSS样式与选择器
1.选择器:(1),标签选择器,(<p>、<span>、<div>)(2),类选择器,(.类名)(3),ID选择器,(#ID名)注:ID选择器具有唯一性,只能调用一次选择器优先级:ID选择器>类选择器>标签选择器2.样式语法:(1),行内样式,(<style="属性:属性值;...">)(2),内部样式,(写在body标签外<style>选择器{属性1:属性值;......} </style>)(3),外部样式,(<link rel="stylesheet" type="text/css"/
-
CSS字体样式和文本样式
1.font-family:字体;定义字体的时候建议使用通用字体系列,因为用户的电脑不一定装有你的字体,而且定义 字体时再定义几种备用字体。当首选字体不能被加载的时候会默认执行备用字体。2.单行文字垂直居中的做法是定义该行文字容器的高度,然后定义行高值,行高值与高度值一致。3.伪类hover,谁变化,hover前面就是谁。4.background-position,背景图片定位,可以使用方位词,也可以使用百分比,也可以使用精确数值。
-
div+css布局
1.div标签为块级标签,div与div之间没有间隙。2.background-position后两个数值,第一个是x轴横向移动,正数向右,第二个数值为Y轴纵向移动,正数 向下。3.hover悬停,***:hover ~~~{……},~~~应为***后代关系。
-
盒子模型
1.盒子模型内外边距是基础,内边距会把当前对象撑大,而外边距不会。同时内外边距是相对而言,需要灵活运用。2.进行布局先把整体的内外边距清零一遍。3.盒子模型内外边距的方向值为上右下左顺时针。4.内容无法到达内边距填充的部分,但是背景是会随着内边距的增加而增加。5.外边距可以是负值。
-
CSS隐藏与显现
1.display:none,这种写法的隐藏效果不会占据空间。2.visibility:hidden,这种能使对象隐藏,但是依然占据空间。3.opacity:0,CSS3的写法,通过调节透明度使对象隐藏。
-
浮动与定位
浮动:1.常用的只有两个属性,left或right,当盒子浮动之后,此时该盒子不属于文档普通流,可以漂浮在文档普通流 之上,原来位置会被其他的DIV盒子取代,也会被行级标签(p)取代,但p标签中的文字会空出浮动框的宽高显示,而img标签不会取代浮动框原有位置,img宽高不超出文档范围时会紧随其后同一行显示。2.对于浮动布局,基本做法,给予外框宽高,内部盒子同样给予宽高进行浮动。浮动四大基本元素:宽、高、内边距,外边距。浮动的盒子通常顶着左上角排列,无法给予left或top属性,只能通过外
-
DIV+CSS布局
1.DIV浮动的子元素的外边距对该DIV兄弟DIV元素无效,因为浮动块虽然在DIV里,但是已经脱离文档流。2.选择器:nth-child(odd)奇数选择;选择器:nth-child(even)偶数选择。这两种选择适用于大段相同标签的间隔选择3.img标签之间会有缝隙,造成这种情况的原因有两种:一是img标签回车换行带来的空格,另一种是没有将img标签转化成block块级
-
前期DIV+CSS布局综合练习中padding的几个特殊用法及其他总结
1.对父级标签设置首行缩进命令会对其子元素(文字)有影响,但是改用padding内间距的话不会出现这种问题。2.table标签布局需增大单元格时,css表现中,margin外边距作用在tr、td都无效,padding可以实现在td上,但是对tr无效的。3.常见布局中,相对于margin,padding更多应用于较大的盒子B对其子盒子C位置四周进行统一操作,而margin则用于B盒子对其父级盒子A的位置操作。4.在初始化中,*定义的字体字号后,再次定义字号的时候不被应用。未初始化之前,table标
-
mysql中视图的作用及原理
视图保存的并不是真实的数据,而是一张虚拟的表,不占用内存空间,只是保存了计算需要的sql语句,每次调用的的时候都会自己调用封存的sql语句,从而提高了重用性。并且视图显示的内容会跟原文件同步。
-
MYSQL之查询
查询:一:查询所有数据select * from Info 查所有数据select Code,Name from Info 查特定列二:根据条件查select * from Info where Code='条件' 一个条件查询select * from Info where Code='条件1' and Nation='条件2' 多条件 并关系 查询select * from Info where Name='条件1' or Nation='条件2' 多条件 或关
-
CSS3之圆角和文本阴影
1.圆角(border-radius:): 当一个值时,即四个角均为该值;当两个值时,第一个值对应左上角与右下角,第二个值对应左下角与右 上角;当三个值时,第一个值对应左上角,第二个值对应左下角与右上角,第三个值对应右下角;四个值时,从左上角开始顺时针旋转相对应数值。2.椭圆与圆: 椭圆时设置长宽比为一比一,border-radius值为50%;圆的border-radius值同样为50%,但是长宽得相 同。3.文本阴影(text-shadow:1
-
CSS3动画、过渡
2d转换:改变元素形状,尺寸和位置。关键词transform 1.translate():位置偏移,括号内两个数值代表水平(x轴)和垂直(y轴)。 2.rotate():旋转,角度正数时为顺时针旋转,负数时为逆时针旋转。 3.scale();扩大或缩小,1为基数,小于1时是缩小,大于1时是扩大。 4.skew():翻转。过渡:过渡有两个关键,一个是需要变化的样式,另一个是过渡时间。关键字transition。动画,@keyframes规则是创建动画,规
-
java第一章
一,常用数据类型 1.整型:byte、short、int、long,其中long定义长整型,后面必须加上L。 2.浮点类型:float、double,如果用float定义小数,后面必须加f。 3.类型转换: (1)低级转换成高级,自动转换。 (2)高级转低级,强制转换,强制转换(需要转换的类型)。 (3)高级转低级可能会丢失精度。 (4)键盘上
-
JAVA数组
一. 声明一个数组1.String[] arr1=new String[5];2.String[] arr2={"a","b","c","d"};2.String[] arr3=new String[]{"a","b","c","d"};二,数组排序方法Arrays.sort();升序三,获取最大值原理:定义一个变量max;通过判断max如果比数组任意一个数小,则将这个数的值重新赋给max,通过循环遍历数组所有数字与max打擂台,直到最后max会获取到最大的赋值。延伸,判断随机输入的三个数大小也
-
JavaScript——第一章
1.组成; (1)ECMA js的核心,标准。 (2)Bom 浏览器对象。 (3)Dom 文档对象。2.引用形式: ①嵌入式;②外部引用;③事件驱动3.数据类型 ①undefined 未定义;②Boolean 布尔类型;③String 字符串;④number 数字类型;⑤null 空对象 注:数据类型转换为
-
ES6--一、简介及let和const命令
一、简介1、ECMAScript 和 JavaScript 到底是什么关系?ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)。日常场合,这两个词是可以互换的。2、babel转换器Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。附上ba
-
js中判断数据类型的方法
在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String;复杂数据类型是Object,Object中还细分了很多具体的类型,比如:Array, Function, Date等等。这么多类型,有时候需要进行判断,那么,js中有哪些方法实现判断类型呢?我们先测试一下,定义这些变量,var num = 123; var str = 'abcdef'; var bool = true; var arr
-
js中数据类型转换的方法
既然说到了数据类型的判断,就不得不说数据类型的转换,在js中,数据类型分为显示数据类型和隐式数据类型。 一,显示数据类型转换 (一)、转数字 1.number转换:var a="123"; a=Number(a);注意:a) 如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己。b) 如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果是NaN。c) 如果要转换的内容是空的字符串,那以转换的结果是0。d) 如果是其它的字符,那么
-
ES6数组方法总结
一、findlet arr=[1,2,344,'sdf',-2]; arr.find(function(x){ return x<=2; })//结果:1、返回第一个符合条件的x值 arr.find(function(x,i,arr){ if(x<2){console.log(x,i,arr)} })//结果:1 0 [1, 2, 234, "sdf", -2],-2 4 [1, 2, 234, "sdf", -2]find参数为回调函数,可以接收3个参数,第一个参数为符合条件的
-
ES6中Set和Map数据结构
一、Map数据类型Map类型的出现是为了解决传统JavaScript对象中的键值对的键名只能是字符串,由此会带来一些不便。而Map数据类型类似于对象,也是键值对的集合,但键名可以是任何类型数据,包括Number,Object,Boolean等。const m = new Map(); const o = {p: 'Hello World'}; m.set(o, 'content') m.get(o) // "content" m.has(o) // true m.delete(o) // t
-
vue.js基础知识(上)
一、模板语法1、插值(1),普通文本<span>Message: {{ msg }}</span>Musteche标签将会被替代为对应数据对象上的msg属性值,无论何时,绑定数据对象上msg属性发生了改变,插值处的内容都会更新。(2),插入原始html<div id="app"> <div>欢迎来到<span v-html="msg"></span></div> </div> <script> var vm = new Vue({ el: "#app",
-
Vue.js基础
<style type="text/css"> .pRed{ color: red; } .fWeight{ font-weight: bolder; } </style> <body> <div id="app"> <h2>绑定类</h2>
-
Vue.js之购物系统总结
先看效果图:该综合练习整合前期学习到的知识,包括:监听、渲染、数据变化的检测与跟踪、事件处理、表单输入绑定及类、样式绑定。现总结一下遇到的各种问题://商品列表信息 list:[ {books:'.JavaScript DOM编程艺术',oldPrice:39.00,disPrice:29.30,num:1}, {books:'.深入浅出MySQL数据库开发、优...',oldPrice:34.80,disPrice:20.60,num:1}, {books:'.解禁(当当网独家首发)',old
-
Vue.js学习--组件(本篇纯属自己理解,或有很多错误,望理解正确的同学指正)
一、组件和Vue的相似点及区别: 相似:组件是一个可以复用的Vue实例,需要挂载到Vue的实例;组件中出来el选项 外,同样包含data、computed、watch、methods以及生命周期钩子等。 不同:组件的data必须是一个函数,返回一个对象,Vue实例是对象;组件没有el选 项,Vue实例是对象。二、注册组
-
vue.js学习--vuex状态管理(一)
一、vuex是什么?官方定义:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、工作原理如果不是很明白上面的后半句话,我们不如打个比方,以相亲为例:假设你们村里的少男少女都很腼腆,害羞得不行,你也不例外。正因为这样,你们村出一个男女通的媒婆,手里掌握着村的所有未婚男女资源(状态)。有一天,男一号(你)看上了一位貌美如花的姑娘(G),但你不敢也不能直接去表白,不过你可以以某种方式(方法)告
-
版本管理工具git安装使用
git是一个开源的的分布式版本控制系统,可以有效、高速的处理项目版本管理。一、下载:http://www.gitblit.com/(根据自己的电脑操作系统选择相应的版本)二、安装一路无脑next点击就行,安装完毕后,打开控制台输入git命令,看看弹出来的是什么,如下图则表示安装成功:如果有报错的看看环境变量的路径:因为变量值可能不止一个,所以与别的路径进行区分是用的英文状态下的分号这个路径是你自己安装好的git文件下的cmd目录,同时要看一下cmd文件内有没有git.exe,复制这个绝对路径备用
-
Visual Studio 2017安装配置
百度百科说Visual Studio 2017是迄今为止 最具生产力 的 Visual Studio 版本。其内建工具整合了 .NET Core、Azure 应用程序、微服务(microservices)、Docker 容器等所有内容。一、下载 官网下载路径:https://visualstudio.microsoft.com/zh-hans/downloads/,下载后就是这个东西,二、安装 双击后,根据提示进入下一步, 然后会弹出一个界面,每一个分类的第一个进行勾选,总共勾选了四个。点