自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 问答 (3)
  • 收藏
  • 关注

原创 Express模块的使用

本次介绍Express模块主要以一个小栗子来实现,涉及到前台的Ajax(post,get,jsonp)请求,静态文件的请求,后台涉及到路由相关概念前台html页面()

2021-09-27 20:03:42 828

原创 多个小球碰撞功能(原生js实现)

如何实现下图功能下面代码可以随意增加小球的数量和速度只需要在html重加入<divclass="ball"></div>和改变wrap.children[i].x=1;wrap.children[i].y=1;的值即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多个...

2021-08-18 19:05:58 769

原创 js 中的parseInt和map函数

今天遇到一个问题正常使用使用map这个高阶函数和parseInt这个方法配合使用的时候首先先了解一下map这个函数map是对数组的每一个元素调用回调函数并返回一个包含结果的数组,有三个参数,其中一个可选参数arry1:必需。一个数组对象。回调函数:必需。一个接受最多三个参数的函数。对于数组中的每个元素,map方法都会调用 callbackfn函数一次。thisArg:可选。可在 callbackf函数中为其引用 this关键字的对象。如果省略 thisArg,则 undefine..

2021-08-13 21:38:55 533

原创 深度讲解闭包问题

闭包在js中相当于难理解的问题了,但是理清思路也并不是那么难 function add() { var age = 18; console.log(age); return function(){ age++; console.log(age); } } var func = add(); console.log(fu

2021-08-12 12:32:45 132

原创 js实现霓虹灯效果

代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>霓虹灯效果</title> <style> div{ background-color: #fff; border: 1px solid black; ...

2021-08-10 23:33:56 627

原创 CSS3新增属性(渐变)

css3新增属性因为没有w3c收纳,可能会有兼容为题渐变渐变其实就是让两个或多个指定的颜色之间显示平稳的过度渐变分为线性渐变(就是朝一个方向颜色发生变化)和径向渐变(就是从一个点扩发行的变换)线性渐变属性为:linear-gradient(direction,color1,color2,...colorn)先讲一下两个颜色的渐变(常见)渐变的第一个值direction可以有a、从上到下。to bottomb、从下到上。to topc、从左到右。to rightd、

2021-07-27 19:57:01 142

原创 CSS如何给背景图片添加一个滤镜和模糊---css3新特性

首先我们给一个背景图片添加一个滤镜我们可以在设有背景图片的容器内增加一个盒子bg,然后通过定位的方法将其覆盖在盒子上,直接设置背景的透明度就行了,这个没有问题代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>模糊</title> <style type="text/css"> .warp{ position

2021-07-20 13:19:46 4519

原创 实现定位的层级关系 经典盒子单边阴影去除问题

当我们在遇到给一个去除外阴影的话,首先是没有办法去除单边的阴影的这种问题非常常见首先我们先看效果图:这是小米官网的实现效果图,我们可以看出当我们鼠标悬停在上面购物车盒子上的,会有下拉效果的首先下拉的盒子是定位订上去的,给下面的下拉盒子加阴影的话,他的四周都会有阴影,且下面盒子的使用定位,posation:absolute; 他的层级会变高,上面的阴影部分会将购物车盒子给盖住,实现不了上图的效果。那我们该怎么办呢?非常简单我们可以给购物车盒子加一个相对定位,并且设置z-...

2021-07-16 20:12:21 459

原创 CSS中常见的几种隐藏显示属性的使用

第一种 也是最常见的一种 display:none|block;属性值none: 是将在哪个标签中加的就将哪个标签隐藏掉,如果将其显示的话为加display :block;常见场景为鼠标悬停显示,鼠标离开隐藏.one{ width: 400px; height: 200px; background-color: green; display: none; }.warp:hover>.one{ displ...

2021-07-15 12:40:50 1858

原创 nth-child选择器的使用

一般遇到像ul下面有很对里,如果要是单独获取的话,要给每个小li加一个class名,很麻烦一般这种情况用到高级选择器nth-child可以来实现nth-child的使用方法1、nth-child(number)一般用法,可以直接在括号里写数字,可以获取ul下的某个具体的li,number写几就是获取第几个标签,可以给他设置css样式了。2、括号里面可以有几个属性值odd----获取所有的奇数标签 ...

2021-07-15 11:26:05 1388

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除