- 博客(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
原创 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
边框实现各种图形.html
2019-12-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人