自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 资源 (1)
  • 收藏
  • 关注

原创 手写promise

Promise 可以解决回调地狱的问题。Promise 异步编程的一种解决方案,比传统的解决方案(回调函数)更合理和更强大。Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(resolve已成功)和rejected(已失败)。(2)一旦状态设定,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为re.

2020-06-15 19:57:34 202

原创 学习目标

零.前端的核心工作- 技术核心:html,css,javascript,jquery,bootstrap,sass,git,Node.js,vue.js,react.js,微信小程序,一堆的插件和框架…- 工作核心:渲染,用户体验,性能优化1.渲染:页面布局(数据) - renderDOM渲染字符串拼接 +=模板字符串JSON概念和特点:最好的前后端交互的数据格式是jsonJSON.parse()数组和对象遍历 - for/for…of/for…ininnerHTMLappendCh

2020-06-10 21:10:14 232

原创 jQuery

jQuery参考文档jQuery概述和应用JQuery的官网官方网站:http://jquery.com/中文版:http://www.jquery123.com/如何引入JQuerya.引入本地的Jquery的文件b.其他cdn(内容分发网络)https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.jshttps://www.bootcdn.cn/jquery/ 引入各个版本$符号的介绍是jQue

2020-05-27 20:51:57 226

原创 面向对象继承

引入1.类和构造函数:类就是一类事物,而对象就是一个事物(具体的事物),一类事物中包含若干的事物(而这其中的具体的事物就是对象)2.类和对象类是对象的抽象,而对象是类的具体实例。类是抽象的,不占用内存,而对象是具体的,占用存储空间。类是用于创建对象的,它是一个定义包括在特定类型的对象中的方法和变量的软件模板。3.面向对象(oop) - 自定义面向对象:面向对象的思想是把一个项目、一件事情分成更小的项目,或者说分成一个个更小的部分,每一部分负责什么方面的功能,最后再由这些部分组合而成为一个整体。

2020-05-21 19:34:52 138

原创 闭包

代码开发的格式 - 注意冲突和依赖作用域:任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。局部作用域和全局作用域在JavaScript中,变量的作用域有全局作用域和局部作用域两种全局作用域(变量):整个程序都有效,即整个代码中都可以调用(变量前面没有添加var变成全局的属性)局部作用域(变量):只对函数内部有效,即只能在本变量声明的函数内部调用。 var a =1;//全局 function fn(){//

2020-05-21 19:16:01 144

原创 callback&promise

同步和异步JavaScript语言是一门“单线程”的语言,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程,无论如何,js做事情的时候都是只有一条流水线(单线程),同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入“任务队列”的任务,只有等主线程任务执行完毕,“任务队列”开始通知主线程,请求执行任务,该任务才会进入主线

2020-05-20 20:15:59 234

原创 常用正则

整数或者小数:1+.{0,1}[0-9]{0,2}$只能输入数字:"2KaTeX parse error: Undefined control sequence: \d at position 16: "。只能输入n位的数字:"^\̲d̲{n}"。只能输入至少n位的数字:"^\d{n,}KaTeX parse error: Undefined control sequence: \d at ...

2020-04-23 22:17:33 167

原创 面向对象

面向对象编程ECMAScript有两种开发模式

2020-02-20 16:08:56 213

原创 javaScript

JavaScript基础### 什么是JavaScript

2020-01-11 17:18:49 1443

原创 grid网格布局

1.1 容器和项目采用网格布局的区域,称为"容器"(container)。容器内部采用网格定位的子元素,称为"项目"(item)。1.2 行和列容器里面的水平区域称为"行"(row),垂直区域称为"列"(column)。1.3 单元格行和列的交叉区域,称为"单元格"(cell)。正常情况下,n行和m列会产生n x m个单元格。比如,3行3列会产生9个单元格。1.4 网格线划分网格的...

2019-12-26 17:25:03 146

原创 HTML和CSS

web的组成: 结构: html(xhtml, xml) w3c 表现: css w3c 行为: js ECMA 1)站点的作用 A/ 用来归纳一个网站上所有的网页、素材以及他们之间的联系 B/ 规划网站的所有内容和代码 整合资源 2)创建站点的步骤 创建网页所需各个文件夹 css、js、images 3)文件的命名规则 A/ 件命名规则:用英文,不用

2019-12-21 16:40:01 1377 2

原创 css3渐变属性制作纹理图案

1.条纹背景.pt1 { background-size: 50px 50px; background-color: #0ae; background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); background-imag...

2019-12-21 11:23:11 803 1

原创 锚点的使用

锚点: 在同一页面内的不同位置进行跳转锚点链接语法:1)给元素定义命名锚记名语法:<标记 id=“命名锚记名”> </标记>2)命名锚记连接语法:<a href="#命名锚记名称">链接文本或图片</a>1.楼层跳转效果 *{ margin: 0; padding: 0; ...

2019-12-14 17:19:14 790

原创 简易的手风琴效果

* { margin: 0; padding: 0; } ul { width: 600px; height: 400px; /* border: 1px solid #000; */ margin: 50px auto; } li { width: 150px; ...

2019-12-14 17:06:58 106

原创 各类的导航

鼠标悬浮时高度发生改变* { margin: 0; padding: 0; } ul { width: 800px; height: 50px; border-bottom: 1px solid #000; margin: 50px auto; } li { margin-top...

2019-12-14 17:03:06 608 1

原创 用边框实现各种形状

solid 实线 dashed 虚线 dotted 点状线 double 双实线 none 不要线 默认值是none

2019-12-14 16:18:24 355

边框实现各种图形.html

用边框实现各种图形,包括三角形,梯形,大风车等形状 div{ width: 0px; height: 0px; border-style:solid; border-color: purple transparent transparent transparent; border-width: 20px;

2019-12-14

空空如也

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

TA关注的人

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