零散点

阳光穿透心脏的1/2处 2023-08-17 16:20 113阅读 0赞

盒子模型：标准模式：占页面宽度＝content+border+padding; content 仅指内容区width

怪异模式IE：占页面宽度 ＝ content; content本身包含 内容区width＋padding+border

1文档使用DOCTYPE声明，则会采用标准模式；

2设置-webkit-box-sizing:content-box; 则会采用标准模式；设置box-sizing:border-box，将会采用怪异模式。

flexbox 弹性布局：

任意一容器指定为Flex布局，.box\{display:flex;/inline-flex;\} -webkit-flex; 其.box的子元素的float,clear,vertical-align属性将失效

容器.box有以下6个属性：

flex-direction:row | row-reverse | column | column-reverse; 决定主轴main axis的方向；

flex-wrap: nowrap | wrap | wrap-reverse; 定义项目在周线上一行排不下，如何换行；wrap-reverse换行，第一行在下方，第二行在上方

flex-flow: row nowrap(默认) ；简写形式

justify-content: flex-start | flex-end | center | space-between | space-around; 定义了项目在主轴上的对齐方式。space-between两端对齐，项目之间的间隔相等。space-around:每个项目两侧的间隔相等，项目之间的间隔比项目与边框的间隔大一倍。

align-items:flex-start | flex-end | center | baseline | stretch ; 定义项目在交叉轴侧轴上如何对齐，baseline 项目的第一行文字的基线对齐。stretch：如果项目为设置高度或设为auto，将沾满整个容器的高度。

项目.子元素的6个属性：

order:number 定义项目的排列顺序，数值越小，排列越靠前，默认为0.

flex-grow：number 定义项目的放大比例，默认为0；如果都为1，则等份剩余空间。

flex-shrink: number 定义了项目的缩放比例，默认为1，即若空间不足，该项目则缩小

flex-basis: length | auto 定义了项目在分配多余空间前，项目占据的主轴空间。默认auto，即项目本来的大小。

flex:auto | none 是flex-grow flex-shrink flex-basis 简写，默认0 1 auto ； auto(1 1 auto ) none(0 0 auto).

cookie 是浏览器的一种机制，将document对象的cookie 属性提供给js，cookie可以实现严格的 跨页面全局变量 。可以跨越一个域名的多个页，但不能跨越多个域名使用。cookie是存于用户硬盘的一个文件这个文件对应一个域名，当浏览器再次访问这个域名时，便使用这个cookie

cookie机制将信息存储于用户硬盘，因此可以作为全局变量，常见的应用场合 1 保存用户登录状态 2 跟踪用户行为 3 定制页面 4 创建购物车

document.cookie="userId=828";  
document.cookie="userName=hulk";

给cookie设置终止日期：document.cookie="userId=828; expiress=GMT\_String";

删除cookie //获取当前时间 var date=new Date(); //将date设置为过去的时间 *date.setTime(date.getTime()-10000);* *//将userId这个cookie删除* *document.cookie="userId=828; expires="+date.toGMTString();*

viewport可视区； width可视区宽度； device-width设备宽度；minimum-scale 允许用户缩放到的最小比例；maximum-scale允许用户缩放的最大比例 user-scalable:用户是否可手动缩放

HTTP http://blog.csdn.net/a603473186/article/details/6532261

HTML5、CSS3 兼容老师浏览器

关于算法的问题

1 判断一个单词是否是回文

function check(str)\{  
... return str == str.split('').reverse().join('');  
... \}

2 去掉一组整型数组重复的值\[1,1,3,44,14,2,3\]

3 对象创建模式

1.使用new关键字创建

var gf = new Object();
    gf.name = "tangwei"; gf.bar = "c++"; gf.sayWhat = function() { console.log(this.name + "said:love you forever"); }

2. 使用字面量创建

var gf = {
        name : "tangwei",
        bar : "c++", sayWhat : function() { console.log(this.name + "said:love you forever"); } }

3.工厂模式

function createGf(name, bar) { var o = new Object(); o.name = name; o.bar = bar; o.sayWhat = function() { alert(this.name + "said:love you forever"); } return o; } var gf1 = createGf("bingbing","d"); var gf2 = createGf("mimi","a");

4 构造函数

function Gf(name,bar){
        this.name = name; this.bar = bar; this.sayWhat = function(){ alert(this.name + "said:love you forever"); } } var gf1 = new Gf("vivian","f"); var gf2 = new Gf("vivian2","f");

5.使用原型对象：在原型模式中，不必在 构造函数中定义实例属性，可以将属性直接赋予原型对象，达到共享属性和方法。

function Gf(){}
    Gf.prototype = {
        name : "vivian", bar : "c++", sayWhat : function(){ alert(this.name + "said:love you forever"); } }

6. 构造函数和原型组合模式  
在实际开发中，使用构造函数定义 对象的属性，使用原型来定义共享的属性和方法。

原型里定义了sayWhat方法，gf1,gf2共用，name bar 属性 为私有的。

转载于:https://www.cnblogs.com/yxiaoqian/p/6022882.html