RSS订阅原创 vue小测试之拖拽、自定义事件
在开始之前我去复习了一下，clientX、clientY、pageX、pageY的区别，对于不熟悉offsetLeft和offsetTop的也可以在这里去复习一下。vue拖拽指令之offsetX、clientX、pageX、screenX_wade3po的博客-CSDN博客_vue offset代码：效果图：2、body部分3、vue代码template代码是放在body中的，也可以将它写在组件里，依据个人喜好设置效果展示：
2023-09-01 09:00:00
672
原创 初始react和使用——事件处理、样式处理和组件
react是用于构建用户界面的JavaScript库，起源于Facebook的内部项目由于react的设计思想十分独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用它，认为它可能是将来web开发的主流工具。react的好处：声明式设计: React使创建交互式UI变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时React能高效更新并渲染合适的组件组件化:构建管理自身状态的封装组件,然后对其组合以构成夏杂的UI。高效。
2023-08-31 09:00:00
377
原创 学习node之——MySQL的安装和基本使用
SQL：是结构化查询语言，专门用来访问和处理数据库的一门语言，能够让我们用编程的形式，操作数据库中的数据。三个关键点：SQL是一门数据库编程语言使用SQL语言编写出来的代码叫做SQL语句SQL语言只能在关系型数据库中使用（MySQL/oracle/SQL server）,非关系型数据库不支持（MongoDB）
2023-03-30 09:00:00
1194
1
原创 学习vue之node的安装
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理 器 npm，是全球最大的开源库生态系统。官方网址：http://nodejs.cn/下载网址：http://nodejs.cn/download/
2022-10-24 09:00:00
3537
1
原创 学习vue笔记一——初识vue
引入vue：下载压缩包使用npm引入vue是要放在head标签中下面是我的测试，仅供参考！！！下面这个是完整的一个vue3。
2022-10-20 09:00:00
299
原创 VSCode 使用快捷键vh一键生成.vue模版
文件——首选项——配置用户代码，当然我们也可以通过左下角下面的设置按钮进入二、接下来将下面这段代码复制到我们新建的json文件中，注意放在{}内"
2022-09-25 09:00:00
5530
原创 JavaScript初学者我所遇到的报错问题——第一回合
希望各位小宝子们在学习的过程中不能让我一样粗心和过于急于求成，要能够静下心来学，前段这条路要学的东西多，说难不难吧对我来说还是男，尤其对于我这种逻辑不好的人来说，所以各位宝子们要加油哟！和我一起踏上这漫漫修炼路吧哈哈哈。
2022-09-23 09:00:00
140
原创 JavaScript学习笔记四——数组对象
2、lastindexof（） 从后面开始查找，返回结果的索引号。2、unshift() 在数组开头添加一个/多个数组元素。1、push() 在数组末尾添加一个或多个数组元素。1、indexof（） 返回数组元素的索引号。（2）如果元素在数组里找不到，则返回-1。3、shift() 删除数组的第一个元素。4、pop() 删除数组的最后一个元素。（1）只返回第一个满足条件的索引号。3、str[index] H5新增的。
2022-09-16 09:00:00
665
原创 JavaScript学习小阶段练习——轮播图、全选和全不选、二级选项卡
此个小项目主要是能达到当我们可以根据是否需要循坏从而达到图片的切换效果，循坏切换可以达到不管我们点击左右按钮多少次都可以对图片进行切换，单边切换则达到图片的第一张或最后一张时无法在继续点击和切换。
2022-09-15 18:00:18
190
原创 大学时光仅四年，疫情反反复复占几年
转眼又是一年开学季，我已经正式步入大四的阶段，时光如流水，一去不复返；我真无法想象大学的三年光阴就随我而去了。我是内江师范学院的一名学生，我的专业就是跟计算机打交道，他们说学计算机的容易秃头，我感觉好像这玩意是挺费脑力的，大四的我已经没有课程了，全靠自己安排，与我同寝的有的考研有的考公，还有和我一样的找实习准备就业，不得不说给我的感觉就是竞争压力大，有时候对自己都快没信心了，觉得自己什么都没学到又好像学了什么，我不知道你们是否也会在大四产生就业焦虑，反正我现在就是会有，所以真的要提前给自己规划一下。
2022-09-12 10:33:31
148
原创 js报错—— Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)
所以说啦，我们在学习的时候真的要仔细谨慎呀，如果后续我遇到其他的错误我也会继续分享出来的，我们一起加油吧！如果你们也有在写这种错误文章可以私信我，看看我是不是也遇到过你所说的问题嘿嘿。这个问题的原因是因为无法获取到内部的innerHTML，通常后面都会有显示我们是错的第几行，我的错误原因就是因为innerHTML前面的那个。ul标签我写错了，真的是粗心大意，所以各位小伙伴在敲写代码的时候真的要注意哟，一个符号真的可以不容小觑呀！有没有看到我哪里错了，可以在下面评论你们看到我错误的时间哟！
2022-09-11 13:10:50
1750
原创 JavaScript学习笔记三——查阅MDN、日期对象
学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习，可以通过MDN/W3C来查询。Mozilla开发者网络(MDN)提供了有关开放网络技术(Open Web )的信息，包括HTML、CSS和万维网及HTML5应用的API。点击这个链接打开的网页如下：、
2022-09-07 09:00:00
401
原创 JavaScript中函数的声明方式、作用域
fn()对象是一组无序的相关属性和方法的集合，所有事物都是对象，比如字符串、数值、数组、函数等等对象是有方法和属性组成的属性：事物的特征，在对象中用属性来表示方法：事物的行为，在对象中用方法来表示。...
2022-08-28 09:00:00
487
原创 JavaScript学习笔记二——数组概念及使用、函数的调用
定义：数组array就是一组数据的集合，可利用new 创建数组，也可以利用字面量创建数组，数组里面的数据一定要用逗号隔开。
2022-08-27 09:00:00
233
原创 JavaScript初学者——介绍和使用
script>alert('你好')特点：优点：便于维护。平常我们使用的也是比较多的。缺点：仅限于当前页面的使用，无法重复使用，代码冗余度较高。
2022-08-26 09:00:00
101
原创 CSS字体引用、字体图标以及overflow知识点延伸（设置导航条）
首先需要我们把我们所需要的字体下载到本地，然后在进行引用，这样就可以不用考虑用户电脑里有没有这个字体，我们只需要把这个字体包含在项目中，用户在浏览的时候都会自动下载到我们的字体，然后就会以我们需要的字体展示在网页中。字体图标本质上来说不是一个图标而是一个字体，是一种特殊的字体。font-family:'myfont' //字体名字。一、字体引用【@font-face】src:url（字体路径）...
2022-08-05 16:08:48
454
原创 CSS——过渡、形变、动画
鼠标移动到一个元素上面，元素发生变化，鼠标移走，变化消失；这是一个动态的过程，这就是过渡。在CSS过渡中允许你在给定的时间内平滑地改变属性值。通过过渡可以指定一个属性发生变化的切换方式；通过过渡可以创建一些非常好的效果，提升用户体验感；使用过渡就是使用我们transition这个属性；这些属性值部分顺序，但第一个时间必定是过渡花费时间。持续时间第二个时间才是过渡延迟时间。案列展示： CSS可实现HTML元素的动画效果动画使元素逐渐从一种样式转变为另一种样式，可以随意更改任意数量的CSS属性，相对
2022-06-23 11:42:11
929
原创 弹性盒模型
弹性盒子是CSS3的一种新的布局格式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。1、弹性容器2、弹性元素把父元素设置为弹性容器之后，那么他的直接子元素（注意只有子元素）就会自动变成弹性元素。弹性元素可以同时是弹性容器也是弹性元素。3、弹性盒子属性值inline-flex会让后面的内容与之在一行显示，但flex是独占一行1、flex-grow指定弹性元素的伸展的系数（写在子元素里面的）当父元素有多余的空间时，子元素如何伸展父元素和按照比例进行分配（默认
2022-06-16 09:00:00
589
原创 css中display设置显示隐藏、定位功能
前言一、displayopacity效果图：二、定位1.为什么要定位2.定位模式静态定位相对定位绝对定位知识点的延伸显示隐藏，display在我们之前学习的知识点里面我们的display属性是给我们来设置元素转换模式的。但是除了元素转换之外，display还可以显示隐藏元素。取值范围0-1,【0完全消失，1完全显示】这个属性和display：none隐藏元素有一个很相似的地方都是能够让元素隐藏的，但是display能够让元素的位置在页面中消失，但是opacity这个属性只是让元素看不见，但实际上位置还在原来
2022-06-07 09:00:00
9974
原创 CSS中盒子样式设置及浮动特性
在CSS3中我们新增了圆角边框样式，这样我们可以使盒子变为圆角。注意：默认的是外阴影，但是不可以写outset这个单词，否则会造成外阴影无效。盒子阴影不占用空间，不会影响盒子的排列。效果图： 在CSS3中我们可以通过box-sizing来指定盒子模型，它有两个属性值，content-box、border-box。盒子计算分为了两种情况：box-sizing：content-box（盒子大小）：width+padding+border 以前盒子默认大小组成border-sizing：border
2022-06-06 09:00:00
2320
原创 关于边框和内边距的效果展示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-06-02 09:30:00
84
原创 css中的伪元素、基线对齐、盒子模型
目录一、伪元素二、基线对齐三、盒子模型1、外边距margin2、边框（border）一、伪元素说明：伪类元素使用两个冒号（：：）而不是一个冒号，目的是为区分伪类和伪元素，大多数浏览器都支持这两种方式。：：before——在当前元素前面插入一些元素，激活使用content：“”；：：after——在当前元素后面插入一些元素，激活使用content：“”；：：first-line——在元素的第一行文字使用CSS样式：：first-letter——在元素的首.
2022-06-02 09:00:00
1842
原创 css复合选择器
一、伪类选择器1、focus伪类选择器定义：用于选取获得焦点的表单元素；焦点就是光标，一般情况下<input>类表单元素才能获取，所以这个选择器主要针对表单元素。语法：input：focus{样式1；样式2....}2、链接伪类选择器（1）a:link——选择所有未被访问的链接（2）a:visited——选择所有已访问的链接（3）a:hover——当鼠标移动在链接上产生的样式（最常用）（4）a:active——选择活动链接注意：为确保有效，我们在使用过程中最好
2022-06-01 09:00:00
87
原创 css背景——背景颜色、背景图、平铺、位置和固定
1、背景图片background-image属性描述元素的背景图像。在实际开发中常用于logo或一些装饰性的小图片和背景图片，优点是便于控制位置（精灵图也是其中一种）语法格式：2、背景颜色background-color：属性值可以是颜色名、十六进制、RGB3、背景平铺4、背景图片位置5、背景图片固定scroll 背景图像随内容滚动 fixed 固定 ...
2022-05-31 09:00:00
339
原创 HTML中字体属性、文本属性使用说明
一、字体属性font属性用于定义字体系列，字体大小、粗细和文字样式（斜体）1、字体系列font-family：定义文本字体，定义多个字体用逗号隔开，设置中英文字体时，注意先英后中2、字体大小font-size3、字体粗细font-weight：属性值有normal、bold、bolder、lighter、数字（100-900）4、文本风格font-style：属性值有normal、Italic...常用normal设置将文本恢复正常5、字体复
2022-05-30 09:00:00
11989
原创 HTML之列表标签——无序(ul)、有序(ol)、自定义(dl)
CSDN话题挑战赛第1期活动详情地址：CSDN参赛话题：前端学习记录话题描述：记录前端学习过程中的某个知识点、解决方案等等概念在平时网页设计中我们最常见的就是无序列表，有序列表就是会有顺序，我们也可以自定义序号的样式，而无序列表则是不分顺序的，自定义列表就如他名字一样，根据用户需要自定义。语法格式：有序列表语法格式：<ol> <li>列表一</li> .....</ol>无序列...
2022-05-28 09:15:35
8504
2
原创 HTML标签——img、表单标签
在HTML中我们通常会看到有很多图片元素，这都是通过img标签引入的，下面简单介绍一下。如有错误和意见欢迎留言。1、img标签的语法格式src属性是img的必须属性，它用于指定图像文件的路径和文件名。后面的Alt和title属性可根据需要自行添加Alt属性用于当浏览器无法显示出图片时替代显示的文本，而title则是图像的一个标题。width和height设置图像的宽高效果图如下：2、图片标签的相对路径...
2022-05-23 20:26:00
1275
原创 HTML+CSS之文本属性（文本溢出、选择）
一、文本溢出——overflow文本溢出的常见属性有：visble 默认值，内容不会被修剪，但是会呈现在元素框之外 auto 规定应该从父元素继承overflow属性的值 hidden 内容会被修剪，且其余的内容是不可见的 scroll 内容会被修剪，但是浏览器会显示滚动条一遍查看其余的内容 二、文本选择属性——user-select该...
2022-05-19 08:00:00
502
原创 python123——猴子吃桃 II、字典翻转
一、猴子吃桃题目要求：猴子第一天摘下若干个桃子，立即吃了一半，还不过瘾又多吃了一个，第二天将第一天剩下的桃子吃了一半又多吃了一个，以后每天以这个规律吃下去，到第十天再去吃时发现只剩下一个桃子，问猴子第一天摘了多少个桃子？def peach(n): if n==10: return 1 else: return (peach(n+1)+1)*2for i in range(10,0,-1): print("第{}天有{}只桃子".form
2022-04-01 08:00:00
4492
原创 Python——阶乘累加求和以及数列求和
1、阶乘累加求和要求：求和1!+2!+3！…+n！，n的值从键盘输入。def f(n): sum=0 result = 1 for i in range(1, n + 1): result *= i sum+=result return su..
2022-03-14 09:00:00
22660
2
原创 Python之时间输出的格式化
这个根据自己的情况进行了解就可，该部分的知识点都不算太难，只要掌握关于时间和日期的格式化就好。下面举一个例子：输出如“2020年10月10日10时10分10秒”样式的时间信息。import timetimestr = "2020-10-10 10:10:10"t = time.strptime(timestr, "%Y-%m-%d %H:%M:%S")print(time.strftime("%Y年%m月%d日%H时%M分%S秒", t))结果图示：...
2022-03-13 09:00:00
3495
原创 圆周率的计算——典型Python案例
求解圆周率可以采用蒙特卡罗方法，在一个正方形中撒点，根据在 1/4 圆内点的数量占总撒点数的比例计算圆周率值。请以.
2022-03-12 09:00:00
773
原创 pyhton——汉诺塔实践
题目要求：汉诺塔问题大家都清楚，这里不再赘述。请补充编程模板中代码，完成如下功能：有三个圆柱A、B、C，初始时 A.
2022-03-11 09:00:00
722