海绵宝宝_0113_社区达人页

2022年12月

• 12.06 20:34:13
  发表了文章 2022-12-06 20:34:13

  纯CSS实现跑马灯效果

  又是一个安静的晚上，又是没有灵感的一天，又只能去逛逛codepen。看到一个流光的边框效果，我就想如何通过自己的方式来现这样一个效果。 突然又想起路边夜市的招牌，不就是一个流光效果加一个广告词吗。这下我的兴趣一下就激发起来了。

  
• 12.06 20:33:08
  发表了文章 2022-12-06 20:33:08

  CSS如何实现毛玻璃效果

  写在前面 之前在逛一些网站的时候，就经常看见一些图片背景模糊的效果，这样的效果可以使得用户将更多的注意力放在清晰的地方上，可以不经意间引导用户。 我就很好奇，这样的一种效果是怎么实现的。恰好这几天周末，顺便弥补一下我拙劣的css知识。 通过查找一些资料，我发现这样的效果大致可以使用两种方法来实现：

  
• 12.06 20:32:10
  发表了文章 2022-12-06 20:32:10

  CSS实现一个『简约高级』的输入框

  一个商务简约的登陆界面 前几天在逛codepen的时候，发现了一个很有意思的登陆界面，于是就想着自己实现一下，于是就有了这个demo。 顺便将接下来网站的登陆界面也改成这个样式了。

  
• 12.06 20:31:33
  发表了文章 2022-12-06 20:31:33

  使用纯html与css实现跳动小球加载动画

  跳动小球加载动画 在网页开发中，加载动画是必不可缺的一个设计；因为在一些资源加载的时候需要让用户等待一段时间，为了使用户有更好的交互体验，一个使人身心愉悦的加载动画变必不可少。 今天为大家带来的就是一个小求跳动加载动画

  
• 12.06 20:30:49
  发表了文章 2022-12-06 20:30:49

  Vue中的列表循环

  Vue中的列表循环 在电商项目的开发中，会用到这样一个问题：商品的陈列我们如果使用原生的js会显得十分臃肿。但是在Vue中，我们可以直接使用列表渲染来实现这样的效果。

  
• 12.06 20:30:19
  发表了文章 2022-12-06 20:30:19

  DOM注册事件以及删除事件

  注册事件以及删除事件 注册事件（绑定事件） 注册事件也就是给元素添加事件，成为注册事件或者绑定事件。
• 12.06 20:29:49
  发表了文章 2022-12-06 20:29:49

  css实现一个简单的加载动画

  css实现一个简单的加载动画 在网页的页面中，我们有时候需要等待服务器返回数据给我们，我们再将其渲染到页面上。 但是服务器返回数据给我们的时候，这个是有延迟的；为了让用户得到更好的使用体验。我们需要在用户等待这段时间给用户一个加载动画。

  
• 12.06 20:28:53
  发表了文章 2022-12-06 20:28:53

  JS中Date的常用方法

  内置对象Date Date对象在实际开发中，也使用得非常频繁，它是一个内置对象，用于表示日期和时间。 Date是用来处理日期和时间的对象，但是与Math对象不同的是：Date是一个构造函数，需要实例化之后才能使用。
• 12.06 20:28:24
  发表了文章 2022-12-06 20:28:24

  BOM常见方法

  BOM常见的方法 window对象常见的事件 窗口加载事件onload
• 12.06 20:27:40
  发表了文章 2022-12-06 20:27:40

  jQuery中自定义动画

  jQuery中自定义动画 在上一篇文章当中，我们讲述了jQuery中自带的一些动画属性，但是在开发中，产品经理提出的一些需求靠这些自带的动画，往往是实现不了的，这个时候，我们就需要自定义动画了。
• 12.06 20:27:13
  发表了文章 2022-12-06 20:27:13

  jQuery中的自带动画

  jQuery中的自带动画 jQuery是一个非常强大的JavaScript库，它提供了很多非常有用的功能，其中包括动画。 在前端的实际开发中，我们经常会遇到一些动画效果，比如：鼠标移入移出，点击，滚动等等。这些动画效果，我们可以使用jQuery来实现。下面我们就来看看jQuery中的动画。
• 12.06 20:26:17
  发表了文章 2022-12-06 20:26:17

  AJAX的一些常见问题处理

  AJAX常见一些问题的处理 在用户体验中，可能会存在这样的问题，当服务器半天没有返回数据的时候，用户可能会多次进行请求。这就会导致浏览器增加许多的请求，这样就会导致服务器的压力增大，而且用户体验也会变差。
• 12.06 20:22:56
  发表了文章 2022-12-06 20:22:56

  初识AJAX

  AJAX的基本使用 1. 什么是AJAX AJAX是Asynchronous JavaScript and XML的缩写，意思是异步的JavaScript和XML。
• 12.06 20:22:28
  发表了文章 2022-12-06 20:22:28

  css中的2D转换

  CSS2D转换 今天给大家带来的是css经常用到的属性，不管是元素旋转还是元素移动，都是用到了css3的transform属性，今天我们就来看看这个属性的用法。
• 12.06 20:22:00
  发表了文章 2022-12-06 20:22:00

  vue中绑定样式

  vue绑定样式 总所周知，vue是一个响应式的框架，当数据发生改变的时候，页面会自动响应这个变化。那么当元素的样式发生改变的时候，也应该动态的发生改变，要实现这样一种效果，我们可以使用vue的绑定样式的方式来实现。
• 12.06 20:13:18
  发表了文章 2022-12-06 20:13:18

  v-if与v-show的使用方法以及区别

  v-if与v-show的使用方法以及区别 在vue里面有两种方式来控制元素的显示与隐藏，分别是v-if和v-show，这两种方式都可以控制元素的显示与隐藏，那么如何进行使用呢？

  
• 12.06 20:12:44
  发表了文章 2022-12-06 20:12:44

  教你5分钟搞懂css里面的盒模型

  教你5分钟搞懂css里面的盒模型 什么是盒模型 在html中，我们写的标签，很多都是有盒模型的，也就是在css里面，我们为这些标签设置样式的时候，实际上就是为这些盒子设置样式。

  
• 12.06 20:11:58
  发表了文章 2022-12-06 20:11:58

  浅谈一下ES6的提升

  es6的提升 在es6之前，我们定义定义变量的时候，只能使用var关键字来定变量，这样有一个问题，var定义的变量会成为全局变量。
• 12.06 20:11:21
  发表了文章 2022-12-06 20:11:21

  css常见的两种清除浮动方法

  css中的浮动以及清除 1. 浮动的概念 浮动是网页布局中最古老的方式，但是这种方式最开始并不是为了网页布局而生的。浮动是为了让文字环绕图片而生的。在css中，浮动是通过float属性来实现的，float属性有left和right两个值，分别表示向左浮动和向右浮动。正是因为浮动并不是为网页布局而生的，导致我们在后面在使用的时候会有很多出乎意料的方式。
• 12.06 20:10:53
  发表了文章 2022-12-06 20:10:53

  浅谈一下js中的原型

  JavaScript中原型 什么是原型 众所周知，JavaScript是一门面向对象的编程语言，但是JavaScript中并没有类的概念，那么JavaScript是如何实现面向对象的呢？这就要从原型说起。 首先我们要知道：原型存在于对象中。

  
• 12.06 20:10:18
  发表了文章 2022-12-06 20:10:18

  jQuery基础选择器

  jQuery引入及其选择器 jQuery是JS的一个库，它里面封装了一些我们开发中常用的一些功能；它提供了一些方便的选择器，可以让我们更方便的操作DOM。
• 12.06 20:09:49
  发表了文章 2022-12-06 20:09:49

  Map基础

  MAP基础 map不同于普通的对象，普通对象的键值对，键只能是数值、字符串或者符号，而map的键可以是任意类型的值，包括对象、函数、数组等。
• 12.06 20:01:52
  发表了文章 2022-12-06 20:01:52

  vue基础之监视属性

  vue监视属性 在开发中，我们会遇到这样一种情况，我们需要一个属性变化的时候，然后做出一些操作。而检测这个变化的属性，在vue中叫做监视属性。
• 12.06 20:01:23
  发表了文章 2022-12-06 20:01:23

  vue基础之计算属性

  vue中计算属性 在我们使用vue的时候，会遇到这样一种情况：我们需要对一个数据进行处理，然后再显示出来，比如我们有一个数据a，我们需要对它进行处理，然后再显示出来，这个时候我们就可以使用计算属性。
• 12.06 20:01:00
  发表了文章 2022-12-06 20:01:00

  vue基础之事件

  vue中的事件 1. 事件绑定 在vue中，事件的绑定使用vue指令来完成，我们需要使用v-on指令来完成事件的绑定，v-on指令可以简写为@，如下：
• 12.06 20:00:34
  发表了文章 2022-12-06 20:00:34

  Math常用方法

  Math常用方法 我们知道在js中有很多的内置对象，使用这些对象可以极大的提高我们的工作效率。 这里我们讲讲在实际开发中用的比较多的Math对象。 Math对象
• 12.06 20:00:05
  发表了文章 2022-12-06 20:00:05

  这么好用的markdown，还不知道怎么用，快来看看这篇文章吧

  MARKDOWN基本语法 前几天我想朋友推荐了这个轻量级的标记语法，为了更好的帮助大家了解这个标记语言。我就出来写一篇文章来介绍一下这个标记语言。
• 12.06 19:59:39
  发表了文章 2022-12-06 19:59:39

  学css动画很难？ 不妨来看看这篇css动画

  CSS动画 1. CSS动画的基本概念 动画是一种使元素从一种样式逐渐转变为另一种样式的效果。CSS动画是通过改变元素的样式来实现的，这些样式可以是元素的位置、大小、颜色、背景、边框等等。
• 12.06 19:59:14
  发表了文章 2022-12-06 19:59:14

  css中常见的五种定位方法

  CSS中的定位 在页面布局中，我们经常会对一些盒子调整位置，普通的浮动或者一些其他方法，但是这些方法要么达不到我们想要的效果要么就是实现起来太复杂了。 今天我们要讲到的定位就可以很好的解决这个问题。
• 12.06 19:58:51
  发表了文章 2022-12-06 19:58:51

  浅析js中回调函数（通俗易懂）

  你真的知道回调函数吗？ 在JavaScript中，回调函数是非常重要的概念，但是对于初学者来说，理解回调函数比较困难，本文将会带你了解回调函数。
• 12.06 19:58:24
  发表了文章 2022-12-06 19:58:24

  节点操作之创建节点

  节点操作之创建节点 在实际开发中，我们经常会遇到在用户使用过程中，我们需要动态创建一个文本框，也就是用户在点击某些按钮之后，我们要给这个页面添加一个新的节点。这种操作在节点操作里面叫做创建节点。那么创建节点有哪些方式呢？
• 12.06 19:58:00
  发表了文章 2022-12-06 19:58:00

  JS执行机制

  JS是单线程 JS是单线程的，也就是说JS代码是按顺序执行的，一行一行执行的，不会出现同时执行多行代码的情况。 也就是JavaScript同一时间内只能做一件事情，如果有多个任务，就必须排队，前一个任务结束，才能执行后一个任务。（比如我们对某个DOM元素进行添加删除操作室，不同同时进行，要按照顺序执行）
• 12.06 19:57:30
  发表了文章 2022-12-06 19:57:30

  数值、字符串、数组的相互转换

  今天是我第一天刷力扣，我就想着通过刷题来巩固一下之间学习过的知识。 然后有一道题就需要将数字转换为字符串，然后倒转，比较是否相等。 这里我就想把之前学习到数字、字符串、数组的相互转换方法总结一下。
• 12.06 19:56:52
  发表了文章 2022-12-06 19:56:52

  DOM操作元素

  操作元素 前言 前面说过，网页三件套中，HTML负责网页的框架，CSS负责网页的样式，而JavaScript负责网页的行为。 在JavaScript中，我们可以通过DOM来操作网页中的元素，比如获取元素，修改元素，添加元素，删除元素等。这就是JavaScript操作网页行为的一种体现。
• 12.06 19:37:12
  发表了文章 2022-12-06 19:37:12

  JS基础之解构赋值

  解构赋值 在js中，我们经常会将对象或者数组里面的一部分数据作为参数传递给函数，如果我们使用传统的.方法会很麻烦。
• 12.06 19:36:36
  发表了文章 2022-12-06 19:36:36

  字符串常用方法第二弹

  字符串常用方法第二弹 在上一篇文章我们讲到了字符串的常用方法，这篇文章我们继续讲解字符串的常用方法。 这里我们将会讲解字符串获取指定位置以及字符串截取的方法。
• 12.06 19:36:07
  发表了文章 2022-12-06 19:36:07

  字符串常用方法第一弹

  字符串常用方法 在这里，我们讲述一下string的常见方法，在我们时机开发中，字符串的使用频率还是很高的，所以这些常见的方法我们需要记住并且熟练运用。下面我们就来了解字符串有哪些常用的方法吧！
• 12.06 19:35:43
  发表了文章 2022-12-06 19:35:43

  三种动态创建元素的区别

  三种动态创建元素的区别 document.createElement() document.write() innerHTML
• 12.06 19:35:14
  发表了文章 2022-12-06 19:35:14

  节点操作之兄弟节点

  节点操作之获取兄弟节点 前面我们了解了如何获取元素，我们通过document.getElementById等等来获取元素，但是这样的方法有很大的局限性，我们只能一个一个的去获取元素，很不方便。
• 12.06 19:34:44
  发表了文章 2022-12-06 19:34:44

  DOM事件基础

  DOM事件 什么是事件 在JavaScript中，我们可以创建动态界面，但是我们需要用户的交互，比如鼠标点击，键盘输入等等，这些都是事件，我们可以通过事件来触发一些动作，比如点击按钮，弹出一个对话框，或者是改变页面的样式等等。这些交互，浏览器会给用户反馈，这些反馈就可以看做是事件。也就是事件是可以被JavaScript侦测到的一种行为。
• 12.06 19:34:15
  发表了文章 2022-12-06 19:34:15

  JavaScript中数组常用方法第三弹

  数组常用方法3.0 前面我们了解了数组的添加删除元素以及数组的查找。 接下来，我们了解数组的转换。
• 12.06 19:33:51
  发表了文章 2022-12-06 19:33:51

  css三大特性

  CSS三大特性 在css中，我们在设计样式的时候，经常会出现我们明明写好了样式，但是最后的测试发现我们书写的样式并没有起作用。
• 12.06 19:33:25
  发表了文章 2022-12-06 19:33:25

  javascript中new关键字

  new 关键字 在JavaScript中使用构造函数的时候，我们就会用到new关键字。
• 12.06 19:32:46
  发表了文章 2022-12-06 19:32:46

  JavaScript中数组常用方法--第二弹

  数组常用方法2.0 在上一篇文章中，我们讲到数组的添加/删除元素的方法，这里我们接着讲述数组的查找元素的方法。 数组中搜索元素 indexOf/lastIndexOf与includes
• 12.06 19:32:19
  发表了文章 2022-12-06 19:32:19

  JavaScript数组方法1

  数组常用方法 添加/删除元素 push
• 12.06 19:31:50
  发表了文章 2022-12-06 19:31:50

  JavaScript中的可选链

  可选链"?." 首先，可选链是一种访问嵌套对象属性的安全方式，即使中间的属性不存在也不会出现错误。 那么什么是属性不存在呢？
• 12.06 19:31:21
  发表了文章 2022-12-06 19:31:21

  JavaScript中的浅拷贝与深拷贝

  JavaScript的浅拷贝与深拷贝 首先这个浅拷贝与深拷贝是针对引用值复制来谈的。 我们知道在JavaScript中，数据类型分为基本数据类型和引用（对象）数据类型。
• 12.06 19:29:41
  发表了文章 2022-12-06 19:29:41

  css中的flex布局

  flex布局 在传统的网页布局模式中，我们使用的是盒模型，这种盒模型往往依赖dispaly属性，position属性，float属性，但是对于一些特殊布局这样的布局方式会非常的不方便，比如在垂直居中的时候，使用position布局就会非常不方便，而且使用float布局的话，后面我们还需要清除浮动，非常的不方便。
• 12.06 19:29:13
  发表了文章 2022-12-06 19:29:13

  JavaScript中的箭头函数

  箭头函数 在定义函数的时候，除了可以使用前面的声明函数和函数表达式之外，我们这里还可以使用箭头函数。 其实箭头函数可以理解为函数表达式的简写模式。 例如：
• 12.06 19:28:50
  发表了文章 2022-12-06 19:28:50

  JavaScript中的对象1

  对象 对象属于JavaScript数据类型中的引用型。对象不同于之前的几种原始类型，原始类型只能同时包含一种数据类型，但是对象可以使用多个键值对的形式来保存多种数据额类型。 对象里面的键值对我们使用花括号把他们包含起来。