自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Promise

PromisePromise是一个构造函数,用来封装一个一步操作并可以获取成功/失败的结果值。Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。1.支持链式调用,可以解决回调地狱问题。*回调地狱:嵌套的回调函数。不方便阅读与异常处理2.指定回调函数的方式更加灵活。promise :启动异步任务 => 返回promise对象 => 给promise对象绑定回调函数举例:实现延迟1s后抽奖程序//普通回调函数 function

2022-03-17 19:20:30 142

原创 Git介绍与操作

GitGit配置查看配置 git config -l

2021-05-06 11:29:15 162 1

原创 less基础

LESSnpm install -g less或者在浏览器端 <script src="less.js" type="text/javascript"> </script>,违背了预编译

2021-04-28 15:25:35 155

原创 flex布局

移动端基础1.浏览器现状PC端常见浏览器谷歌浏览器,火狐浏览器,IE浏览器,360浏览器...移动端常见浏览器国内常见手机浏览器都是 webkit 内核。兼容问题处理 webkit 内核浏览器即可。手机屏幕现状移动端碎片化严重,分辨率和屏幕尺寸大小不一移动端调试方法Chrome DevTools 谷歌浏览器 的模拟手机调试 搭建本地web服务器,手机和服务器一个局域网内,通过手机访问服务器 使用外网服务器,直接IP或域名访问视口视口(viewport) 是浏览.

2021-04-12 19:44:21 362

原创 CSS实战技巧

CSS初始化不同浏览器对一些标签默认值不同,为照顾浏览器兼容性,我们要对CSS初始化。(称CSS reset)每个网页都要首先进行CSS初始化如 *{ margin:0; padding:0} 等溢出文字省略号显示1.单行文本溢出显示省略号--强制一行内显示文本 white-space:nowrap; /* 默认为normal自动换行 */超出部分隐藏 overflow:hidden;文字...

2021-04-10 15:57:05 170

转载 算法之 递归与迭代

拿斐波那契数列求解举例:1.递归int fib(int n){ if(n>1) return fib(n-1) + fib(n-2); else return n; // n = 0, 1时给出recursion终止条件 } 2.迭代int fib(int n){ int i, temp0, temp1, temp2; if(n<=1) return n; temp..

2021-04-09 12:59:00 247

原创 CSS3新选择器,盒子模型,过渡动画transition,2D转换transform

CSS3新增选择器1.属性选择器(和类选择器权重一样:10)E[att] :选择具有att属性的E元素E[att="val"],E[att^="val"]:以val开头,E[att$="val"]:以val结尾,E[att*="val"]值中含有val如:input[type=text]{ color:pink; }2.伪类选择器(和类选择器权重一样:10)E:first-child:匹配E元素中的第一个子元素E:last-child:匹配E元素中的最后一个子元素E:nth.

2021-04-03 22:12:59 507

原创 CSS(布局)float(清除浮动),position(垂直居中),transform,vertical-align,精灵图,BFC

positionCSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。◆position:static 无定位该属性值是所有元素定位的默认情况,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性影响本身,从而可以用position:static取消继承,即还原元素定位的默认值。◆position:absolute 绝对定位使用position:absolute,能够很准确的将元素移动到你想要的位置。◆position:

2021-04-02 21:46:00 590

原创 JavaScript(8)BOM,定时器与计时器

BOM- 浏览器对象模型- BOM可以使我们通过JS来操作浏览器- 在BOM中为我们提供了一组对象来完成浏览器操作window-代表整个浏览器的窗口,同时Window也是网页中的全局对象navigator-代表当前浏览器的信息,通过该对象可以识别不同的浏览器一般我们只会使用userAgent 来判断浏览器信息。userAgent 是一个字符串,不同的浏览器有不同的userAgent 。 userAgent :console.log(navigator.us...

2021-04-01 19:06:28 282 2

原创 arguments,reduce(),...args剩余参数

Array.reduce()学习reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。语法 : array.reduce(function(total, currentValue, currentIndex, arr), initialValue)两个参数,第一个参数为对数组每个元素处理的回调方法,第二个参数可选,为reduce的初始值,如果没有设置初始值,则使用数组第一个元素。(注意:在对没有设置初始值的空数组调用reduce方法时会报错。)

2021-04-01 12:48:11 537

原创 JavaScript(7)事件对象,事件冒泡,委托,绑定

1.事件对象当事件的响应函数被触发时,浏览器每次都将一个事件对象作为实参传递进响应函数,在事件对象中封装了当前事件的一切信息(鼠标坐标,键盘按键等。)var box1=document.getElementById("box1");var box2=document.getElementById("box2");box1.onmousemove=function(event){ var x=event.clientX; var y=event.clientY; bo

2021-03-28 18:12:30 179

原创 JavaScript(6)DOM ,JSON

1.DOMJSON (JS对象表示法)-js的对象只有JS自己认识,其他语言不认识。-JSON是一个特殊格式的字符串,这个字符可以被任意语言识别,并且可以转换为任何语言的对象,JSON在开发中主要用来数据的交互。-JSON和JS对象格式一样,只不过JSON字符串的属性名必须加双引号,其他和JS语法一致...

2021-03-28 14:29:02 247

原创 JavaScript(5)数组,字符串,正则,Date,Math对象

1.垃圾回收当一个对象没有任何变量或属性对它引用,如var obj=new Object(); obj=null; 此时无法操作该对象,它就是垃圾。JS中有自动垃圾回收机制,我们不需要也不能进行垃圾回收操作。我们只需将不再使用的对象设置null即可。2.数组数组(array)也是一个对象。它和普通对象类似,不同的是普通对象使用字符串作为属性名。数组使用数字作为索引操作元素。索引: 从0开始的整数是索引。数组的存储性能比普通对象好,在开发中经常使用数组来存储数据。...

2021-03-20 17:37:19 208

原创 JavaScript(4)this,原型对象...

方法(method)如果一个函数作为对象的属性,那么这个函数称为对象的方法(method).var obj={ name:"lwine", age:20, sayName:function(){ console.log("my name is "+obj.name+"."); } //方法(method)}obj.sayName();//调用方法函数作用域(scope)1.全局作用域-直接编写在script标签中的JS代码

2021-03-18 14:43:59 175

原创 CSS(基础)引入方式,内部样式,属性,display

cssspan 一个容器标签,不具备特殊功能,仅当做容器使用,用于包裹一段文本,便于给文本增加样式。div 一个通用容器标签,可以包裹任何内容,也可以容器直接相互包裹。(一个空div 默认宽度100%,高度为0)text-align:center; 让容器内部元素水平居中。margin-auto; 让容器本身水平居中。...

2021-03-13 16:19:46 481

原创 HTML(1)

编写网页的语言,叫做HTML。规则由W3C制定的。W3C的主要职责就是确定未来万维网的发展方向,并且制定相关的推荐。基础标签<h1></h1> 标题标签 (h1-h6)<hr> 是单标签,画一条水平线 <br>是单标签,换行<p></p> 可使文字独占一行<i></i> 斜体文字 <b></b> 加粗文字 <u&...

2021-03-12 12:34:26 292 1

原创 javascript(3)对象与函数

object对象1.内建对象-由ES标准中定义的对象,在任何ES的实现中都可以使用-如MathStringNumberBooleanFunctionObject...2.宿主对象-由JS运行环境提供的对象,目前来讲指由浏览器提供的对象-如BOM(浏览器对象模型)DOM(文档对象模型)如console,document...3.自定义对象-由开发人员自己创建的对象var obj =new Object(...

2021-03-11 15:16:16 157

原创 javascript 倒计时

程序由一条一条语句构成,语句按照从上至下逐条执行,JS中用{}为语句分组,一个{ }中的语句叫一个代码块。代码块要么都执行,要么都不执行。JS中的代码块,只具有分组的作用。 代码块后不要 ;{ alert("hello"); console.log("nihao"); document.write("语句002\n");}...

2021-03-09 16:54:02 121

原创 javascript入门(1)

var a; // js中用var关键字声明一个变量a=111;var b="tqs" ;console.log(a); //在控制台输出console.log(typeof a); //typeof 检查变量类型console.log(typeof b); //typeof 检查变量类型/* 标识符:可含有字母数字_$,不能以数字开头 数据类型:JS中有六种 String 字符串 Number 数值 Boolean 布尔值 ...

2021-01-29 13:44:58 169

空空如也

空空如也

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

TA关注的人

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