自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 弹性布局

弹性布局display:flex;弹性布局改变容器内部的布局方式:从流式布局 —> flex布局主轴:默认为盒子水平方向,可以通过属性改变主轴方向。交叉轴:与主轴垂直的即是交叉轴。属性flex-direction:容器内项目的排列方向(默认横向排列)取值 row 水平排列(左 —> 右)row-reverse 水平排列(右 —> 左)column 垂直排列(上...

2019-09-06 22:41:43 450

原创 内存和拷贝

内存内存:栈内存 和 堆内存1:只要声明一个变量;就会在【栈】中占一个内存2; 基本类型的的VAR 在栈中;直接提供在变量上3:引用类型的数值;数据存在堆中;同时提供给栈一个【地址】;指向堆中的数据4:堆中有多个数据;就有多个【地址】5: 栈中的变量;如果多个变量指向【同一个地址】,获取到的是【同一个堆内存中数据】任何一个变量发生变化都会影响到【其它的变量】拷贝深拷贝:抄袭...

2019-09-06 22:06:43 246

原创 递归

递归注意事项:找规律找出口先执行的一定被最后执行完例:求n的阶乘//n的阶乘 // n! = n * (n - 1) ! function mul(n) { if (n == 1 || n == 0) { return 1; } return n ...

2019-09-06 21:49:38 100

原创 闭包

闭包: 外部函数中包裹另一个函数,并将该函数返回出去(函数的返回值为一个定义的函数)优点: 保证变量不被全局污染,外部可以访问函数内部的变量缺点: 执行完毕后变量不会释放,容易造成内存泄露 // 不会被全局变量污染 function fun() { a = 0; //全局变量 var b = '' //闭包内变量 ...

2019-09-06 21:43:20 89

原创 原生js改变this指向&jQuery改变this指向

改变this指向call()改变this指向,并调用方法,方法需要的参数一个一个传递apply()改变this指向,并调用方法,方法需要的参数以数组的形式传递call(),apply(),只存在函数对象中,【只能】改变函数方法体中this指向,可以执行前面的函数var name = 'lucy'; var age = 26; var obj ...

2019-09-06 20:31:35 750

原创 this指向与区分this指向步骤

this指向1:全局下的this指向window2:函数中的this,谁调用指向谁3:事件处理函数中this谁触发指向谁4:对象中的this默认指向当前对象5:箭头函数中没有this,但是箭头函数中出现this就去父域中找父域this指向谁就指谁6:构造函数中的this指向构造函数的对象//构造函数中this值得是构造函数本身 function People() { ...

2019-08-31 15:58:20 247

原创 js预编译

预编译在内存中有多少通道,通道就有多少预编译过程js解析型语言语言分析:有错误的抛出错误,没有错误,所有分析完毕预编译:在内存中开辟一些空间,存放一些变量与函数对这些内存中每一个通道进行编译,所有通道就是变量和函数:预编译完成后进入第三步解析执行:也就是浏览器执行代码预编译的过程分为4个阶段创建AO对象(Activition Object)(执行期上下文)找形参和变量声明,将...

2019-08-31 15:31:04 131

原创 图片精灵

什么是精灵图:css精灵(CSS sprites),是一种网页图片应用处理技术。主要是指将网页中需要的零星的小图片集成到一个大的图片中应用的原因:1.减少对浏览器的请求次数,避免网页的延迟2.方便小图标的统一管理精灵图的制作:1.软件:ps2.制作方法:新建透明图层添加参考线将画布划分,将小图标放入划分好的格子中精灵图的使用: css精灵图需要配合背景的图片和背景定位1.引入...

2019-08-31 15:17:37 203

原创 js运算符

运算符1:算数运算符+ - * / % += ++ --x++ 先赋值后运算,没有输出运算后结果++x 先运算后赋值 输出表达式运算结果(优先于x++)2:比较运算符> < >= <= 存在隐式转化== 等于;只判断大小不判断类型 (只要数据不是完全相等时候;就会存在隐式转化)==== 全等,既判断类型 也判断大小3: 逻辑运算符|| 或 ...

2019-08-19 22:59:27 90

原创 合并数组并去重

方式一 var arr2 = [2, 3, 4, 555, 6, 7, 6, 2, 3, 4] var arr3 = ['a', 'b', 'c', 'd', 'a', 'b', 'c'] //声明一个数组,接收合并后的数组 var newArr = arr2.concat(arr3); //声明一个空数组,将去重后...

2019-08-19 22:13:27 204

原创 原生js九九乘法表

css样式: <style> table { border-collapse: collapse; } tr { height: 30px; } td { width: 50px; border: 2...

2019-08-16 22:12:45 129

原创 position定位属性

定位属性默认值static:静态定位相对定位(relative):- 相对自身起始位置进行定位- 定位后原来的位置不被其他元素所占据- 应用:适合用于元素微调** 绝对定位(absolute)**:- 相对祖级元素中具有 position 属性的 但值不是static元素进行绝对定位,如果祖级都没有定位属性,那么相对于body进行绝对定位- 定位后脱离文档流,位置被其他元素所占据,...

2019-08-10 18:08:27 213

原创 Android打包工具Hbuilder以及打包步骤

打包-运行步骤导入文件或新建文件(文件命名要规范不能出现中文,导入图片命名也不能出现中文)安卓手机打开开发者选项进去后开启USB调试用数据线和电脑连接上在文件夹上鼠标右键在下拉菜单中点击转换成移动App(T),在文件夹下会生成一个文件名为manifest.json的文件双击manifest.json的文件会出现下面界面在菜单栏里找到发行(B)点击下拉菜单里的第一个云打包-打原生安装包...

2019-08-10 18:00:29 2235

原创 bootstrap

BOOTSTRAP 全局样式规范特点1:码整洁2:风格统一3:美观简要下载官网;点击下载;解压缩方式: 安装 node 安装 npm 使用命令行工具; npm i bootstrap --savebootstrap 文件目录css 是 bootstrap 样式库;可以通过使用类名形式显示样式js 是 bootstrap 逻辑代码 现阶段不要气;只要求会使...

2019-08-10 17:11:55 133

原创 浮动

浮动浮动有三个值,none不浮动,left左浮动,right右浮动.two { width: 100px; height: 150px; background-color: aquamarine; /* 左浮动 */ float: left; }浮动后...

2019-08-10 17:08:40 617

原创 媒体查询

媒体查询语法结构:@media 媒体设备 and (条件){ 选择器{ 属性:值; } }@media 表示媒体查询screen 表示查询设备,媒体设备是个变量,在什么设备下用什么值(电脑,手机,平板)speech 阅读设备 all 所有设备and 连接符;并列条件屏幕条件:...

2019-08-10 17:02:33 98

原创 html5新特性,css3新特性

h5新特性语义化标签|<header></header>| 定义文档的头部 ||<footer></footer>| 定义文档尾部 || <nav></nav> | 定义文档导航 || <section></section>| 定义文档中的节(section,区段) ||<arti...

2019-08-10 16:00:26 151

原创 css3过渡,动画

过渡效果过渡效果(transition):使页面变化的更平滑transition-property:执行动画对用的属性,例如:color,background等,可以使用all来指定所有属性transition-duration:过渡动画的持续时间transition-timing-function:在持续的时间段动画变化的速率,常见的有ease(先慢后快,然后慢速结束)、linear(...

2019-08-10 15:32:32 90

原创 css选择器

css选择器元素选择器HTML标签,选中所有对应的HTML标签.class 选中元素具有class行内属性的标签#id 选中所有具有id行内属性的标签*(通配符)选中所有元素id与class的区别:id具有唯一性 建议:不要给不同的元素命名为同一个idclass 类选择器,可以给多个元素这只同一个类名 *{ width: 300px;...

2019-07-23 21:25:22 82

原创 HTML标签

常用HTML标签分类布局类标签头部标签:<header></header>导航标签:<nav></nav>内容标签:<section></section>侧边栏标签:<aside></aside>底部标签:<footer></footer>文本类标签段落标签:&l...

2019-07-22 20:48:47 174

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除