qq_43558102-优快云博客

原创 CSS3手风琴的制作

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

2020-03-03 16:13:44 265

原创 CSS3立体盒子的制作

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

2020-02-26 20:55:27 1190

原创异步和单线程

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

2019-10-13 12:59:45 158

原创变量类型和计算

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 178

原创 ES6的常用功能

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

2019-09-22 12:49:58 303

原创 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 1931

原创 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 135

原创 JS关于ES6的Promise.

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

2019-09-16 15:51:16 201

qq_43558102的博客