rosies-CSDN博客

原创 flex布局

flex布局flex布局通过为父元素增加flex属性，来控制子盒子的位置和排列方式。当为父盒子设置flex布局后，子元素的float、clear和vertival-align将不再起作用父元素（容器）属性：flex-direction：设置主轴方向flex-wrap：设置子元素是否换行flex-flow：复合属性，相当于flex-direction+flex-wrapjustify-content：设置主轴上的子元素排列方式align-items：设置交叉轴上的子元素排列方式（单行）ali

2021-05-27 20:08:42 128

原创 angular 基础

angular基础学习一、angular属性声明public，（默认）在类，子类，以及类外都可以使用protected，只能在类及其子类中使用private，只能在当前类中使用改变属性的值：在constructor中改变属性的值例如public name:string = "杨超越"constructor() { this.name = "ycy" }//这样就改变了属性name的值绑定属性：在html文件中，对标签中增加动态的绑定<div [title

2021-05-27 20:05:56 393

原创常见 js方法

js方法.sort()，sort()方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的``.fill()，fill()方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。array1.fill(0, 2, 4)`用0填充数组1，从下标2直到下标4.charCodeAt() 方法返回 0 到 65535 之间的整数，表示给定索引处的 UTF-16 代码单元codePointAt

2021-05-27 20:04:52 99

原创箭头函与“this”

箭头函数与this在箭头函数内部，this指向是静态的箭头函数体内的this对象，就是定义该函数时所在的作用域指向的对象，而不是使用时所在的作用域指向的对象。若该箭头函数不在任何函数的内部，``this`指向window，否则指向其之所在作用域不可使用=>的情况不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。不可以使用yield命令，因此箭头函数不能用作 G

2021-05-27 20:01:55 92

原创插值型字符串字面量

模板字面量（插值型字符串字面量）模板表达式反引号括起来的是不同的字符串，在反引号内部出现的${...}有点类似于IIFE，允许嵌入基本的字符串插值表达式，之后这些表达式自动地被解析和求值，var name = "Kyle";var greeting = `Hello ${name}!`;console.log( greeting ); // "Hello Kyle!"console.log( typeof greeting );任何合法的表达式都被允许出现在$

2021-05-27 19:59:04 91

原创 const let var

const let 以及暂存死区const在声明时就要赋值，如果是赋值常量那么不可以改变值；如果定义的是数组或者对象，可以改变属性值let和const可以定义块级作用域中的变量，都存在暂存死区：通过 let 声明的变量直到它们的定义被执行时才初始化。在变量初始化前访问该变量会导致 ReferenceError。该变量处在一个自块顶部到初始化处理的“暂存死区”中。注意：如果const在全局和局部都声明了同一个变量s，在局部作用域中出现的s都会被认为是由在局部作用域中声明的那个const声明的数据始终无

2021-05-27 19:47:05 45

原创 for...of和for...in

for…of和for…infor...in循环读取键名(index)，for...of循环读取键值；for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性，for…in不同for...in环可以使用的范围包括数组、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、Generator 对象，以及字符串for...in循环有几个缺点。数组的键名是数字，但是for...in循环是以字符串作为键名“0”、“1”、“2”等等。for...in循环不仅遍

2021-05-27 19:34:20 506

原创 map set weakmap weakset

Map Set方法都可以使用for...of方法，不可以使用for...inMapMap与get、set。Map存储key-value键值对，重复向同一个key添加value，会替代原来的value//两种创建方式var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);var m = new Map(); // 空Mapm.set('Adam', 67); // 添加新的key-valuem.set('Bob', 59);

2021-05-27 19:33:01 54

原创 js基础3 数组与函数

7 数组7.1 数组概念数组是引用数据类型（对象类型）let 变量名称 = new Arrey(n)；变量名称[i]；就可以取出数组内的元素如果数组中对应的索引中没有存储数据，默认存储是undefined；js中访问数组中不存在索引不会报错，会返回undefined；js中数组存储空间不够时，会自动扩容；js数组可以存储不同类型数据；js中数组分配的存储空间不一定是连续的；js数组可以存储不同类型的数据；js中数组分配的存储空间不一定是连续的；创建数组的其他方式通过构造函数创建数

2021-05-18 14:59:27 144

原创 js基础2 运算符与流程控制

5.运算符5.1 算术运算符掌握点任何非数值类型的数据在参与加法运算（这里指加减法）之前，都会被自动转换成数值类型，然后再参与运算。true转化为1，null转化为0，任何数据与NaN进行加减运算，结果都是NaN任何数据与字符串相加，都会被先转换为字符串之后再运算，也就是字符串拼接；数据与字符串相减字符串‘数字’被直接转换为数字再运算，字符串‘字母’运算结果为NaN乘除法与减法规则相同模运算格式：m%n = 余数如果m>n,那么正常取余；m<n,那么结果是m；n是

2021-05-17 16:35:49 61

原创 js基础1 输入输出方式数据类型

1.javascript基本概念js是一种解释型语言，可以边运行边编译，html的架构https://www.html5rocks.com/en/tutorlals/internals/howbrowsweswork/javascript严格区分大小写javascript由三部分组成，ECMAScript，DOM，BOM ECMAScript：欧洲计算机制造协会标准 DOM：js操作网页上元素（标签）的api BOM：js操作浏览器的部分功能的apijs有行内样式、内嵌样式和外链样式需

2021-05-17 16:31:13 1052

原创 js高级3 new方法进程线程 webworkers

6. new方法function Func() {};var func = new Func();看看new操作符具体做了以下几件事情：创建一个空对象var obj = new Object();设置原型链obj.__proto__ = Func.prototype;让Func中的this指向obj，并执行Func的函数体。var result = Func.call(obj);判断Func的返回值类型：如果result是值类型，返回obj。如果是引用类型，就返

2021-05-17 16:28:46 306

原创 js高级 2

6 函数高级原型与原型链prototype属性，每个函数都有，默认指向一个object空对象（原型对象），原型对象中有属性constructor，指向函数对象也就是fun.prototype.constructor === fun //true 构造属性和原型对象相互引用可以为原型对象添加属性（一般添加方法），函数的所有实例对象自动拥有原型中的属性（方法）var Fun = new fun()Fun.test() //这样就可以使用原函数中的方法了获取函数的protot

2021-05-13 11:05:38 50

原创 js高级——基础补充

这里写自定义目录标题js高级1. 数据、变量和内存2. 对象3. 函数4. IIFEjs高级1. 数据、变量和内存基本概念每个变量都对应一块内存，变量名用来查找对应的内存，变量值是内存中保存的数据内存分类：栈，堆；**栈：**保存局部变量/全局变量堆：保存对象对象名在栈中数据特点：可传递；可运算；内存中所有的操作都是针对数据；数据，变量和内存的关系内存是用来存储数据的空间，不是永久；代码存储在硬盘，加载到内存空间运行，引用对象两个引用对象指向同一个对象，一个引用对象改

2021-05-12 21:34:34 63

原创回流与重绘

回流与重绘浏览器布局模型浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。由于浏览器使用流式布局，对Render Tree的计算通常只需要遍历一次就可以完成，但table及其内部元素除外，他们可能需要多次计算，通常要花3倍于同等元素的时间，这也是为什么要避免使用t

2021-04-11 16:57:31 67

原创 CSS的水平居中、垂直居中和水平垂直居中

CSS的水平居中、垂直居中和水平垂直居中1.水平居中水平居中可分为行内元素水平居中和块级元素水平居中1.1 行内元素水平居中这里行内元素是指文本text、图像img、按钮超链接等，只需给父元素设置text-align:center即可实现。.center{ text-align:center;}1.2 块级元素水平居中1.2.1 定宽块级元素水平居中只需给需要居中的块级元素加margin:0 auto即可，但这里需要注意的是，这里块状元素的宽度width值一定要有 .

2021-04-11 15:46:32 235

rosies的博客