[置顶] VSCode前端插件推荐
摘要： 1. VSCode汉化包插件 ：Chinese (Simplified) (简体中文) Language VSCode汉化包，原始默认是英文的所以我们需要下一个中文插件。 2. VSCode自动补全标签 ：Auto Close Tag Auto Close Tag 对Html或Xml文件自动创建结束 阅读全文
posted @ 2022-03-17 15:51 simple-X 阅读(519) 评论(0) 推荐(0)
2022年4月25日
async和await的实现原理
摘要： 由于javascript是单线程的执行模型，因此为了提高效率就有了异步编程，单线程在程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。 但是我们也需要类似多线程机制的这种执行方式，我们需要异步执行编程，异步执行编程会使得多个任务并发执行。 异步编程可以实现多任务并发执行 阅读全文
posted @ 2022-04-25 22:58 simple-X 阅读(1518) 评论(0) 推荐(0)
2022年4月12日
利用css来制作小三角形样式
摘要： 1. 首先我们先准备一个盒子，让盒子的宽高等于零，分别给定四个方向的边框大小、实线、边框颜色；让边框来充当内容。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv=" 阅读全文
posted @ 2022-04-12 21:41 simple-X 阅读(933) 评论(1) 推荐(1)
2022年4月11日
css中的边框图片
摘要： ​1. 什么是边框图片 为了实现丰富多彩的边框效果，在css3中，新增了 border-image属性，这个新增属性允许指定一副图像作为元素的边框。​ 2. 边框图片的使用场景 盒子大小不一，但是边框样式相同，此时就需要边框图片来完成，不是背景图片，而是用边框图片来实现。 3. 边框图片的切图原理 阅读全文
posted @ 2022-04-11 20:19 simple-X 阅读(391) 评论(0) 推荐(0)
2022年4月6日
如何利用js来制作时间倒计时效果
摘要： 利用JavaScript函数做一个简单的倒计时 <script> // 代码如下： function countDown(time) { var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); // 返 阅读全文
posted @ 2022-04-06 21:02 simple-X 阅读(2531) 评论(0) 推荐(0)
2022年4月1日
Javascript中创建元素的三种方式以及区别
摘要： 1. innerHTML() 创建元素 是将内容写入某个DOM节点中，单个创建元素没有什么影响，如果利用for循环拼接多个字符串的形式创建元素的话会出现执行时间的不一样，导致效率很慢；如果想要创建多个元素的效率更高可以不用拼接字符串，而是采取数组形式拼接，但是这种方式结构稍微复杂了点，不会导致页面的 阅读全文
posted @ 2022-04-01 23:14 simple-X 阅读(301) 评论(0) 推荐(0)
2022年3月31日
Javascript中运算符的优先级
摘要： 在js中存在很多的运算符，如何区分它们之间的优先级，今天总结常用的运算符，从上往下依次顺序： 1. 小括号（） 有括号先算括号里面的； 2. 一元运算符 加加（++）； 减减（--）； 非（!） 3. 算数运算符 加（+）;减（-）;乘（*）;除（/）;取于（%）；这里是先乘（*）除（/）取于（%） 阅读全文
posted @ 2022-03-31 23:47 simple-X 阅读(3774) 评论(0) 推荐(0)
2022年3月30日
css中实现元素隐藏的几种方法
摘要： 一、display:none; display翻译成中文是显示、展览的意思；将display的属性改为none可以实现元素的隐藏，元素和盒子模型也不生成，被隐藏的元素不占位置，看不见摸不着，它会导致浏览器的重排和重绘。 二、visibility:hidden; visibility翻译成中文是能见、 阅读全文
posted @ 2022-03-30 21:22 simple-X 阅读(671) 评论(0) 推荐(0)
2022年3月29日
transition和animation的区别是什么？
摘要： 一、transition（过渡、转变的意思） transition 属性是一个简写属性，用于设置四个过渡属性： 1. transition-property：设置过渡效果的属性名称（默认值是all）； 2. transition-duration：设置过渡完成所需要的时间（默认值是0）； 3. tr 阅读全文
posted @ 2022-03-29 23:04 simple-X 阅读(1638) 评论(0) 推荐(0)
2022年3月28日
JavaScript创建对象的三种方法
摘要： 一、什么是对象？ 对象指一个具体的事物，泛指的不算对象，对像是一组无序的相关属性和方法的集合；属性是特征常用名词来表示，方法是行为常用动词来表示。 二、为什么需要对象？ 当我们保存一个值时，可以使用变量，保存多个值时，可以使用数组；当我们需要保存很多完整、复杂的信息时，我们就会需要对象。 三、创建对 阅读全文
posted @ 2022-03-28 22:58 simple-X 阅读(1301) 评论(0) 推荐(1)
2022年3月27日
在JavaScript变量、属性、函数、方法的概念以及区别
摘要： 一、变量与属性的区别； 1. 概念 什么是变量？ 变量：变量是一个存储数据的容器，本质：变量是内存里面的一个空间，通过变量名来获取数据；声明（var）一个变量就是在内存里面获取一个存储空间。 什么是属性？ 为元素提供各种附加信息的就是属性，存在对象里面表示对象有什么样的特征，常用名词来表示，它总是以 阅读全文
posted @ 2022-03-27 22:33 simple-X 阅读(233) 评论(0) 推荐(0)
下一页