huxinjian1的博客

原创 get和post的区别

1.get请求传递的数据比post请求少,post请求传递的数据有大小限制， 大小由服务器端决定2.get请求传递的参数在url地址里,url地址是有长度限制3.post请求传递的数据在请求体里4.get请求可以加入收藏夹5.get请求是幂等的(每一次传递相同的参数发起请求不会对数据产生影响)6.如果需要对数据进行修改操作建议使用post或者其他方式的请求我们从输入网址到网页完全加载完成都经历了什么？...

原创 数组的基本概念与应用

数组是数据的组合，数组的循环是根据下标的数字0开始循环到最大下标有序数组的特性：1、每个数据都使用逗号分隔2、数据可以是任何类型3、数据顺序排列4、可以重复5、数组和对象一样都是引用数据类型数组的新建方式1、字面量创建var arr=[4,5,3,6,2,1]2、构造函数创建var arr1=new Array(4,5,3,6,2,1);console.log(arr,arr1)如果通过数组的构造函数创建数组，参数仅有一个且是正整数，则表示新建一个具备该正整数长度的数组，且有这个

原创 获取元素的宽高

获取元素的宽高元素.clientWidth 客户宽高元素.clientHeight 元素.offsetWidth 偏移宽高 元素.offsetHeight 元素.scrollWidth 滚动宽高 元素.scrollHeight元素以外的宽高，页面宽高注意document.body表示的是：bodydocument.documentElement表示的是：html...

原创 排序

冒泡排序代码解释i 的目的是做多少轮的 比较 j和j+1是前后数据比较var arr=[4,1,7,2];i==0arr[i]=4j=0 arr[j]=4 arr[j+1]=1 4,1,7,2---->1,4,7,2j=1 arr[j]=4 1,4,7,2—>1,4,7,2j=2 arr[j]=7 1,4,7,2—>1,4,2,7####...

原创 三种函数定义

三种函数定义   1、命名函数定义         function abc(){            console.log(“a”);&...

原创 循环语句-while

循环语句判断条件，只要满足条件，就会不断的从头到尾重复执行，直到不满足条件时，跳出循环while （表达式）{当表达式 为true 时，执行语句，为false 不执行}循环次数由初始值，条件和变化量来决定var i=0,sum=0;while(1){if (i===5) break; // break 中断性跳出，满足if 条件 跳出整个循环，不再循环 相当于循环条件内置sum+...

原创 运算优先级

原创 关系运算符和逻辑运算符

关系运算符 > >= < <= == != ===判断，比较时使用隐式转换内容为数值，如果都是字符，则通过ASCII转换成编码值，再比较没办法比较时，结果为 falsenull和undefined特殊都没有值 不和其他值进行比较console.log(nullundefined); // trueconsole.log(0null)；...

原创 经常忘记的表格属性，总结一下

table<table border=“1”</tdtd></tdtd></tdtd></td</tr</tabletable ：表格tr : 行td : 单元格th : 表格的列标题单元格的大小默认情况下是不固定的，会根据里面的内容的多少来显示。1）width=“表格的宽度”2）height=“表格的...

原创 图片整合

优点:（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；（2）CSS Sprites能减少图片的字节；（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。（4）CSS Sprites只需要修改...

原创 css像素

css像素 （逻辑）4 ppi -> 设备像素（物理像素）iPhone 4 css像素 320 * 480设备像素 640 * 960dpr : 设备像素比设备像素 640 * 960 / css像素 320 * 4801个 css像素 （px） = 4个设备像素 (ppi)宽是2倍的关系 — 1个...

原创 弹性盒和多行属性

弹性盒的属性分为两部分： 父元素： 1、display：flex/inline-flex; flex:块级弹性盒; inline-flex:行内块级弹性盒; 注意:设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失...

原创 阿里巴巴矢量图库

@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体（@font-face这个功能早在IE4就支持） @font-face的语法规则: @font-face { font-family: <YourWebFo...

原创 CSS3选择符

CSS3选择符:1、属性选择器：1）E[attr]：只使用属性名，但没有确定任何属性值2）E[attr=“value”]：指定属性名，并指定了该属性的属性值3）E[attr~=“value”]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”必须的4）E[attr^=“value”]：指定了属性名，并且有属性值，属...

原创 HTML5新增语义化标签

HTML5新增语义化标签语义化标签 <div class="header"></div> <ul class="nav"><ul> <div class="main"></div> <div class="footer"></div> ...

原创 CSS3动画和3D动画

动画属性 ：animation1、animation-name (必要的)检索或设置对象所应用的动画名，必须与规则@keyframes配合使用，定义关键帧：@keyframes mymove{} animation-name:mymove;语法一：@keyframes mymove{from{初始状态属性}to{结束状态属性} }语法二：@keyframes mymove{...

原创 CSS3过渡和2D属性

. 一、过渡属性1. transition-property：检索或设置对象中的参与过渡的属性说明：属性值可以单独设置否个属性，也可以设置多个属性 width，height； 还可以设置为all（默认值）代表所有属性2. transition-duration：检索或设置对象过渡的持续时间说明：单位（s, ms） 1s = 1000ms3. transition-delay：检索或设置...

原创 CSS样式的下的表格和表单的属性！

一：表格的HTML属性：border -rowspan 合并行border -colspan 合并列rules :添加表格分割线的属性1. rows 行分割线2.cols 列分割线3. all 行和列分割线4. none 没有分割线5. groups 组分割线nth-child(2n+1) 结构伪类选择器， 括号里可以写参...

原创 CSS样式下常用的border有几种线性

CSS样式下常用的border有几种线性: 首先border后的三个参数：边框粗细　边框样式　边框颜色，比如：4px（宽度） dashed（线性） #232323（颜色） 常用 属性参数：border-none(定义无边框） border-solid(定义实线） border-dotted(定义点线） ...