qq_43558102-CSDN博客

原创 CSS3手风琴的制作

效果如下效果核心原理利用表单的radio相同name只能选中一个作为效果开关. 利用伪类checked的检测选中状态并改变样式我们来写代码吧~~~ 首先写html的基本结构 <ul class="list"> <li> <input type="radio" name="change" checked> </li> &lt...

2020-03-03 16:13:44 182

原创 CSS3立体盒子的制作

#3D盒子效果如下 3d基础知识电脑上游览器绘制的不是真正的3D物体,而是游览器模拟出来的3D,是3d空间在屏幕当中的投影怎么模拟的呢?利用的就是景深,即近大远小的概念.我们绘画领域叫做透视法则,浏览器透视：把近大远小的所有图像，透视在屏幕上如果我们能够模拟这样的效果,我们就可以欺骗我们的大脑,让大脑以为这是一个真实的3D空间,最终我们可以实现3D效果. 轴向前端立体空间坐标系由...

2020-02-26 20:55:27 1022

原创异步和单线程

同步和异步的区别同步会阻塞代码执行 alert是同步,setTimeout是异步前端使用异步的场景有哪些定时任务：setTimeout, serInterval 网络请求：ajax请求，动态加载事件绑定 ...

2019-10-13 12:59:45 100

typeof 123 //number 值类型 typeof "123" //String 值类型 typeof true //boolean 值类型 typeof undefined //undefined 值类型 typeof {} //object 引用类型 typeof [] //object 引用类型 typeof null // object 引用类型 typeof console...

2019-10-12 16:33:49 109

原创 ES6的常用功能

Class函数 https://blog.csdn.net/qq_43558102/article/details/101058943 Promise https://blog.csdn.net/qq_43558102/article/details/100888191 多行字符串/模板变量拼接更加简单

2019-09-22 12:49:58 217

原创 JS的class函数

class的基本语法 class addhander{ constructor(x,y){ this.x = x; this.y = y; } add(){ return this.x + this.y; } } var a = new addhander(2,2); console.log(a.add()); console.log(typeof(addhander)); console.log...

2019-09-20 14:58:59 1852

原创 ES6扩展

1.模板字符串 const xiaoming = { name: "xiaoming", age: 14, say1: function(){ console.log("我叫"+this.name.toUpperCase()+",我今年"+this.age+"岁！") }, say2: function(){ console.log(`我叫${`Mr${this.n...

2019-09-18 17:04:01 92

原创 JS关于ES6的Promise.

1.回调与Promise 普通的回调函数（向服务端请求数据） function(cb){ SetTimeout(function(){ cb&&cb() },1000) } f(function(){ console.log(1); )

2019-09-16 15:51:16 132

qq_43558102的博客