- 博客(36)
- 收藏
- 关注
RSS订阅原创 Element UI / Arco 禁用时间段 （date-picker）
Element UI 禁用时间段 （el-date-picker）
2022-07-30 16:41:11
866
1
原创 2022 Stylelint 配置详细步骤（css、less、sass、vue适用）
Stylelint 2022 配置，能够较好兼容vue、less、css等。
2022-07-13 15:27:58
15870
2
原创 数据交换格式
数据交换格式是指服务器和客户端之间的数据传输交换格式，常见的数据交换格式有XML（XMLHttpRequest ）和JSON。之前的文章里面就写过了XML，这里主要是理一理JSON。
2021-12-28 08:40:00
437
原创 学Git必收藏的常用指令 Git Bash有这一篇就够了
基本操作获取帮助命令：git config -h 检查文件状态：git status /git status -s（精简显示） 跟踪新文件：git add 文件名 把已跟踪的、且已修改的文件放到暂存区：git add 文件名 把有冲突的文件标记为已解决状态：git add 文件名 一次性添加所有文件：git add . 直接提交到工作区：git commit -a -m "描述信息"（把所有跟踪过的文件暂存起来一起提交） 提交文件：git commit -m "文件描述信息...
2021-12-15 19:03:58
1751
原创 一个优秀的前端怎么会复制粘贴？他用npm
一个优秀的前端怎么会复制粘贴？他用npm！作为一个初学者npm是一个很好的过渡阶段，因为我们紧接着就是学习vue框架。vue里面会运用到npm管理。我们都知道npm其实就是node包管理器，是一个工具，而工具最基本的就是使用！今天就在这里看看怎么使用最基本的npm吧！
2021-12-15 09:03:52
288
11
原创 Ajax基础概念
目录前言互联网那些事儿客户端与服务器什么是客户端？什么是服务器？通信过程URL怎么是URL？组成Ajax什么是Ajax？Ajax常用请求方式post请求get请求Ajax请求Ajax 核心： XMLHttpRequest 对象什么是XMLHttpRequest 对象？XMLHttpRequest 对象发起get请求XMLHttpRequest 对象发起post请求前言 计算机的领域里面，基础概念不仅多还特别绕...
2021-12-13 10:26:43
794
11
原创 JQuery 仿小米官网
我这里做的是在“高度”上动手脚，我们也可以用slideup和slidedown。因为我这个代码是js改版的，老师让我们改为jQuery，所以没有在逻辑上做改变。我觉得用slideup和slidedown应该也挺简单的（我当时还没学 呜呜呜~），多了解一种方法也是极好的呢！毕竟技多不压身啦 ~
2021-11-24 09:18:37
1402
33
原创 Bootstrap V5 图标字体的引入以及使用方法
简单快速学会引入并使用最新版本的Bootstrap图标字体，两种方式教会你轻松搞定。
2021-11-19 08:53:51
8822
26
原创 Javascript原生经典必学——贪吃蛇小游戏
目录前言实现思想蛇和食物是怎么产生的？蛇是怎么构成的？蛇是怎么移动的？蛇是怎么吃食的？怎么判断蛇die？控制蛇的速度程序全代码总结前言 快来看！ 十八岁花季少女重出江湖！一举拿下一条贪吃蛇！贪吃蛇可以说是JavaScript的必学关卡啦，但是作为小白来无从下手啊！今天我就用这篇博客来给我的宝贝们讲解一下怎么用JavaScript实现贪吃蛇！先给大家展示一下效果！ 这是整个程序的视频链接原生js贪吃蛇游戏实战开发_哔哩哔哩_...
2021-11-12 19:22:37
3624
18
原创 js原生 JavaScript轮播图【渐变淡入淡出】效果实现（附代码）
目录前言轮播图的组成以及实现思想左右按钮的隐藏与显示核心思想代码实现动态生成底部小圆圈核心思想代码实现 右左按钮实现核心思想代码实现实现自动播放核心思想代码实现整体代码（复制可用）总结前言 常见的轮播图有两种：移动距离轮播图和渐变切换轮播图，但是轮播图的代码都是差不太多的。这里就是给大家讲解的是渐变轮播图的切换，下面有渐变轮播图的效果展示图。轮播图的组成以及实现思想轮播图的组成图左...
2021-11-08 14:57:37
7853
30
原创 计算机不理解可以报错 我不理解是真的不理解呀~
前言 初学JavaScript的我开始做老师布置的任务，仿写小米官网。由于我以前的知识点学的不够扎实，以及我的健忘！让我掉进了bug洞 ~ bug~bug~bug~ 话不多说，我来整理一下我踩得bug ，给大家提个醒！css属性的z-index 很疑惑，我的z-index都提升到999999.....还是压不过那个成绩只有9的div ! 计算机不理解，可以报错，我不理解是真的不理解呀！我试了好多种方法我都不行！哭天喊地！ 结果！我忘了加定位！需要设置z-...
2021-11-06 09:32:30
828
15
原创 JavaScript BOM三大系列 ：offset、client、scroll 区别以及常见属性
前言 听说！BOM家族开始“内卷”了~ 快说来听听！就是三大系列和三大对象的“三皇子”之争呀！你难道还不知道嘛！快跟着我魔鬼的步伐一起去看看吧~
2021-10-31 15:22:57
841
3
原创 前端必学——用JavaScript原生实现电商图片放大镜效果（附代码）
前言 放大镜可以说是前端人必须学会的程序之一！今天本美女就用京东距离为大家展示一下怎么实现放大镜的效果！相比较html和css而言，js更重要的就是你需要想明白程序的思想以及怎么一步步实现自己的想法，话不多说开整！代码思想HTML部分主要是两个盒子：CSS部分JavaScript部分代码步骤代码实现百度网盘链接（图片及全部代码）：https://pan.baidu.com/s/1jS3V_GvzmC49PfTvZKN9Uw百度...
2021-10-22 17:24:02
7030
26
原创 DOM原生 事件概念以及绑定事件解绑事件（含代码解析）
目录什么是事件？事件三要素事件的执行步骤代码讲解事件对象概念实例高级事件绑定事件绑定HTML元素绑定DOM对象代码讲解解绑事件解绑HTML元素解绑DOM对象代码讲解什么是事件？ HTML 事件是发生在 HTML 元素上的事情。 例如:HTML 页面完成加载、HTML input 字段改变时、HTML 按钮被点击；下图是一些常见的事件，在JavaScript里面我们常用的事件有很多鼠标事件和键盘事件。...
2021-10-21 14:57:59
638
7
原创 JavaScript 对象篇
目录前言JavaScript对象概念 ：属性和方法的无序集合，指具体事物分类：自定义对象 内置对象 浏览器对象创建对象的三种方法1.字面量创建对象2.new Object 创建对象3.构造函数创建对象前言 对象？什么是对象？难道母胎solo也可以轻松拥有对象？搞好“对象”，从此之后单身再也与你无关！大家好我是一名十八岁少女，我要用最简单通俗的语言来告诉你最有用的知识！在这条变得“绝顶聪明”路上，以后就有这个是十八岁少女与你并肩同行吧！...
2021-09-30 16:27:50
1640
6
原创 大学生 计算机三级考试计算题解法
同学们根据需要直接点击目录，就可以看想学的部分。小编刚考过计算机三级，给需要学习的同学们快速学会计算：IP地址、子网掩码、地址类别、网络地址、直接广播地址、主机号、受限广播地址、第一个可用IP以及最后一个可用IP。看完一定会有收获的哦！ 已知IP地址和子网掩码求其他求地址类别求网络地址求直接广播地址求主机号求子网内第一个可用IP求子网内最后一个可用IP求受限广播地址已知IP地址和子网掩码求其他IP地址转换二进制：
2021-09-24 20:18:19
1409
3
原创 关于响应式布局
前言：在这里小编就给大家讲讲响应式布局。首先在写一个响应式页面的时候我们呢应该明白什么是响应式布局，然后知道我们应该分那些步骤去写响应式布局的页面以及在书写响应式布局的时候我们应该注意些什么…响应式布局概念概念使用媒体查询针对不同宽度设备进行布局和样式的设置，从而适配不同的设备。 简而言之，就是一个网站能够兼容多个终端——而不是为每
2021-09-07 16:25:15
298
4
原创 移动端web开发常见布局
移动端web开发常见布局单独制作流式布局（百分比布局）flex弹性布局less+rem+媒体查询响应式布局 兼容移动端单独制作流式布局（百分比布局）概念：将盒子的宽度设置为百分比，根据屏幕的宽度进行伸缩，不受固定像素的限制，内容向两侧填充注意：需要设置宽度/高度最大值和最小值 保证伸缩不会掉下来flex弹性布局概念：通过给父盒子添加flex属性，达到控制子盒子位置和排列方式的目的；特点：子元素将不再区分行内元素和块元素，均可定义宽高；改变可视窗口大小时，元素达到自适应的效果；任何元
2021-08-26 11:30:15
180
4
原创 Flex布局 父项常见属性以及子项常见属性
flex伸缩布局的原理 通过给父盒子添加flex属性，达到控制子盒子位置和排列方式的目的；所以我们将flex的布局属性分为两部分：父项常见属性和子项常见属性；大部分属性在父盒子上设置达到控制子盒子的目的，但部分属性也需要在子盒子上设置。flex伸缩布局的特点父盒子设置flex布局后，子元素将不区分行内元素和块元素，此时所有子元素均可以设置宽高；自适应缩放，子元素设置flex属性后，可根据可视窗口自适应缩放；任何元素均可指定flex布局，可以理解
2021-08-13 15:38:35
2606
7
原创 关于2D旋转基础总结
移动 translate格式：transform:translate(x,y); X轴和Y轴同时移动 （合并书写，可分开书写） transform:translateX(n); 沿X轴移动 transform:translateY(n); 沿Y轴移动 举例：transform:translate(100px,50%); 沿X轴正方向移动100像素同时沿Y轴正方向移动盒子的50% transform:translateX(-100px);
2021-08-09 11:10:51
368
原创 浮动所带来的问题（高度塌陷和脱标）以及解决方案
哪些情况需要清除浮动？父级无高度（带来高度塌陷问题）；子盒子浮动了（因为脱标问题）；影响下面的布局（因为脱标问题）； 什么是高度塌陷？ 父元素高度自适应，子元素添加浮动后，造成父元素高度为0，称为高度塌陷问题。 为什么会脱
2021-08-05 11:02:12
1128
2
原创 关于属性选择器的常用属性以及使用方法
属性选择器官方解释如下图，下面我们通过代码块来给大家解释具体意思；这里我们用input标签详细解释一下：首先在body里面构建一个表单from，然后在里面放许多input标签 <form action="#"> 文本框1：<input type="text" name="" id=""><br> 文本框2：<input type="text" name="" id=""><br> 文本框3.
2021-08-03 09:49:53
1708
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人