自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 js分页功能

能跳转上一页下一页首页尾页跳转html先请求出来数据,这里可以把请求数据封装成一个函数,后面不断去调用这个函数来实现跳转全局变量每次换页面显示数据都要更新arr = data.slice((page - 1) * num, page * num);首页$("#first").click(() => { page = 1 port() $("#text").val(1) })尾页last = Math.ceil(data..

2022-04-08 09:51:35 737

原创 js限制输入框只能输入数字

分享下js限制输入框中只能输入数字的方法,包括整数与小数,分享几个例子,有需要的朋友参考下。1.使用正则表达式限制输入框只能输入数字:<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/>其中,onafterpaste防止用

2022-04-01 15:07:01 8638

原创 一个简单的抽奖概率计算

在平常活动开发当中,经常会碰到抽奖等类似的js功能,那么下面我们随机取数组中的一条来展示出来。直接贴代码用两个for循环遍历,概率刚好和下标数量是一样的, 所以推到了一个新的数组里面然后再把数组排序拿新数组的第一项或者直接拿到一个随机数当新数组的下标都可以实现计算概率取值。...

2022-03-31 16:22:40 504

原创 关于new关键字,不解之谜

在学习js过程中,不管是看书,还是看视频,我们得到一个概念就是,一定要知道对象。第一点,对象是什么: 在js中,对象就是有特征的事物, 如果单说一辆车,一个人,这不是一个对象,因为没有特征,人那么多,车子各种各样。但是如果说 ,一个人,名字叫张三,他穿着黑色衣服,他正在搬砖,或者说一辆车,红色的 ,品牌为丰田 ,它会跑,这样的事物才叫对象,而这个人和这辆车是这个对象的实例(因为他们是作为对像的一个活生生的例子)。这是用生活例子去解释js中的对象和实例。在js中如何去创造(构建)一个对象呢,我们还

2022-03-29 09:14:10 107

原创 js实现轮播图效果

原理:  将一些图片在一行中平铺,然后计算偏移量再利用定时器实现定时轮播。步骤一:建立html基本布局<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> </head> <body> <div class="container"> <div class="wrap"

2022-03-28 09:43:15 1415 3

原创 git(Auto-merging错误)解决冲突

git(Auto-merging错误)解决冲突1.git pull更新代码,发现error: Your local changes to the following files would be overwritten by merge:pom.xmlPlease commit your changes or stash them before you merge.这说明你的pom.xml与远程有冲突,你需要先提交本地的修改然后更新。2.git add pom.xml git co...

2022-03-27 13:34:06 4070

原创 多个三元的嵌套

三元表达式的嵌套使用在vue项目中,动态绑定class或style时,常常会用到三元表达式。三元表达式的普通用法:a = 条件?值1:值2三元表达式的嵌套用法:a = 条件1?值1 : (条件2?值2 : 条件3?值3:值4)嵌套写法相当于:if (条件1) { a = 值1;}else if (条件2){ a = 值2;}else if (条件3){ a = 值3;}else { a = 值4;}最近在一个vue项目中要实现这样的一个效果...

2022-03-26 19:35:54 2014

原创 如何隐藏overflow滚动条

css overflow滚动条隐藏1.使用css样式隐藏,比如vue项目可以直接写到app.vue中,整个全局就看不到滚动条了scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */&::-webkit-scrollbar { // chrome safari display: none;}`2.利用外部容器overflow:hidden,内部滚动容器设置padding撑开滚动条.

2022-03-26 19:14:17 5602 1

原创 js理论考核知识点

目录3/ JavaScript 什么是js?Js的特点是什么? Js的两要素是什么? Js由哪三部分组成? Dom和bom的区别 怎样控制浏览器前进,后退,页面跳转 怎么样获取浏览器窗口尺寸 怎样改变元素的内容、属性、样式 事件流有几种?dom事件流分为几个阶段? Dom中的节点分为几种类型? 请写出添加 删除 替换 插入节点所用的方法? 访问节点和创建节点的方法都有什么? 如何创建新元素并添加到页面中? 说明全局变量和局部变量的作用范围和生命周期

2022-03-07 17:22:02 347

原创 css理论考核知识点

目录2/ CSS 什么是css? css引入方式有几种?link和@import有什么区别? 什么是FOUC?如何来避免 css的长度单位 css性能优化 css选择器优先级 如何初始化css样式?为什么要初始化css样式? css浮动的原理。怎么清除浮动? Css3中有哪些新属性? 请列举几种布局方式 什么响应是设计?基本原理是什么?如何兼容低版本ie 请简述弹性布局与传统盒模型布局的区别和优缺点 标准盒模型和ie盒模型 width: auto

2022-03-07 13:49:46 266

原创 html理论考核知识点

1. DOCTYPE 的作用是什么?标准模式与兼容模式各有什么区别?DOCTYPE告诉浏览器的解析器 用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确,会导致文档以兼容模式呈现。标准模式的排版中和JS运作模式都是以该浏览器支持的最高标准运行在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器 的行为以防止站点无法工作2. html5为什么只需要写<!doctype html>?你知道多少种Doctype文档类型?HTML5不基于SGML,所以不需要引.

2022-03-04 08:52:58 748 1

原创 css 网格布局_CSS网格布局Fr单元指南

css 网格布局_CSS网格布局Fr单元指南

2022-03-03 16:19:55 2002

转载 对Promise的理解

一、Promise是什么?Promise是最早由社区提出和实现的一种解决异步编程的方案,比其他传统的解决方案(回调函数和事件)更合理和更强大。ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。二、Promise是为解决什么问题而产生的?promise是为解决异步处理回调金字塔问题而产生的三、Promise的两个特点1、Promise对象的状态不受外界影响1)pending 初始状态.

2022-02-24 19:40:43 91

空空如也

空空如也

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

TA关注的人

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