自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue介绍以及练手案例——音乐播放器(搜索音乐、听歌、看评论、看mv等)(持续更新)

Vue概述它是一种 javascript框架可以简化DOM操作进行响应式数据驱动el: 挂载点vue实例的作用范围:vue会管理 el 选项所命中的元素及其内部的后代元素。可以使用其他选择器,但推荐是 id 选择器可以使用其他双标签,但不能使用 HTML 和 BODY ,一般推荐使用 div 标签作用:设置 vue 实例挂载(管理)的元素data: 数据对象vue 中用到的数据定义在 data 中data 中可以写复杂类型的数据,如对象、数组等渲染复杂数据类型的数据时,遵

2021-04-24 12:21:57 4560 23

原创 Webpack打包常用资源的小结

一、概述它是一种前端资源构建工具,一个 静态模块打包器 。能根据模块(module)的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。将资源引入以后形成块(chunk)再处理块(打包),处理好后形成包(bundle)二、五个核心概念Entry入口,指示 webpack 以那个文件为入口起点开始打包,分析构建内部依赖图。Output输出,知识打包后的资源 bundles 输出到哪里去,以及如何命名。Loader让 Webpack 能去处理非 js 文件(如css ,img文件)

2021-04-17 09:30:51 211 2

原创 JQuery总结——常用API、常用方法操作、事件操作、微博发布案例、拷贝对象(深拷贝、浅拷贝)等

jQuery总结一、jQuery概述二、jQuery对象与DOM对象三、隐式迭代与常用API1. 隐式迭代2. 基础选择器3. 筛选选择器4. 筛选方法5. 样式操作6. 类操作7.属性操作8. 内容文本9. 元素操作四、事件五、拷贝对象六、多库共存引发的冲突一、jQuery概述什么是jQuery?它是一个简单、快速的JS库,它设计的宗旨是“write less , do more”,因此它非常简洁,它还对于JS中的DOM进行了封装,优化了DOM操作、事件处理、动画设计等,让我们可以快速的查询使用

2021-04-09 23:29:59 455 8

原创 移动端!包括触屏事件\对象、常见特效点击延时问题、本地存储。

一、触屏事件在移动端,浏览器具有良好的兼容性,所以原生 js 的书写效果可以在移动端使用,我们知道移动端最大的特点就是 可以直接用手指触发事件,因此就需要用到触屏事件。touch对象是一个触摸点,这个触摸点可以是一个手指,也可以是触摸笔。触屏事件可以响应用户手指或者触摸笔对屏幕或者触控板的操作。触屏事件包括以下三种:touchstart:手指触摸到DOM元素上时触发touchmove:手指在DOM元素上滑动时触发touchend:手指从DOM元素上离开时触发二、触屏事件(touchEven

2021-04-05 15:49:23 1300 8

原创 JS——三种动态创建元素的区别!以及事件对象相关问题

一、三种动态创建元素的方法document.write()element.innerHTMLdocument.createElement()二、三种动态创建元素方法的区别document.write()    直接将内容写入页面的文档流,但是当文档流执行完毕后,它会导致页面重绘。比如在 js 代码中写入事件函数(鼠标点击事件)再添加内容时,之前所有的内容会被清空,页面的结构也会发生变化(从控制台可以看出),即页面重绘。element.innerHTML &nb

2021-03-27 13:06:23 258 3

原创 JS——Tab栏切换

一、操作步骤1.当鼠标点击某个选项卡的时候,当前选项卡的底色变为红色(排他思想)2.给每个选项添加自定义属性,属性值从0开始当点击选项卡的时候,显示对应序号的内容,其余选项卡的内容隐藏二、代码实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Tab栏切换案例</title> <style> ul li { list

2021-03-26 20:21:16 394

原创 JS——最常用的表格项全选与取消全选及隔行变色!

一、表单全选按钮与取消全选1.做法:让下面所有的checkbox 的checked 属性跟随全选按钮。2.下面的复选框(表单项前的复选框)全部选中的时候,上面的全选框才能选中。具体做法:(1)给下面所有的复选框都绑定点击事件。(2)每次点击都要循环检查是否所有的复选框都被选中,如果是,则全选框选中,反之,不选中。二、表单项隔行变色利用鼠标事件:onmouseover 和 onmouseout 即可三、具体代码实现<!DOCTYPE html><html>

2021-03-25 17:46:33 362 1

原创 JS——排他思想—最简单最常用的一种!!

一、应用场景1.轮播图下方的小圆点2.按钮的选择3.如果有一组元素,想要其中某个元素实现某种样式,就需要利用循环的排他思想(上面只是举例说明^ _ ^)二、排他思想实现步骤1.所有元素清除样式(干掉其他人)2.给当前元素设置样式(留下我自己)注意顺序不能颠倒<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>排他思想案例</title> &l

2021-03-25 09:37:56 2210

原创 JS——求某个字符出现的位置和次数,及求出现次数最多的字符和次数

一、求字符串中某个字符出现的位置和次数核心算法:1.先找出这个字符第一次出现的位置2.利用字符串的 indexOf() 方法,只要它返回的结果不是 -1 就继续往后查找3.因为 indexOf() 方法只能进行一次,所以利用当前索引加1后,再往后循环查找二、完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>求某个字符出现的位置和次数</titl

2021-03-20 18:36:30 1091

原创 数组去重——将数组中重复的元素去掉

一、核心算法1.创建一个新的空数组,拿旧数组与新数组比较,即遍历旧数组,如果新数组中没有这个元素,就把这个元素添加到新数组中。2.输出新数组。二、完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>数组去重</title> <script> // var arr = ['c', 'a', 'z', 'a', 'x', 'a

2021-03-20 18:07:53 2187

原创 JS——变量、属性、函数、方法的区别

一、变量和属性的区别1.相同点:两者都是用来存储数据的2.不同点:     变量单独声明并赋值,使用时直接写变量名,可以单独存在。     属性写在对象中,无需声明,使用时采用:对象.属性二、函数和方法的区别1.相同点:都是用来实现某种功能,做某件事2.不同点:     函数是单独声明,单独存在的,使用函数名() 调用  

2021-03-19 19:25:47 351 1

原创 JS——创建对象的三种方式

一.什么是对象对象是一个具体的事物,是看得见摸得着的实物。例如:一本书、一辆汽车、一个人…二、创建对象的三种方式1.使用字面量创建对象 即{ }<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>创建对象</title> <script> // 创建一个狗的对象,注意:属性之间使用逗号分隔 // 1.利用字面量创建对象

2021-03-19 19:13:22 1185 4

原创 CSS3——清除浮动四种方法总结

为什么需要清除浮动?父级没有高度子盒子浮动了影响下面的布局清除浮动的四种方法额外标签法父级添加overflow属性父级添加after伪元素父级添加双伪元素1.额外标签法在最后一个浮动的元素后面添加一个空标签,然后在该空标签的类中写 clear:both;注:额外添加的必须是块级元素2.父级添加overflow属性在父级中添加overflow属性,属性值设为hidden、auto或scroll3.父级添加after伪元素 .clearfix:after{

2021-02-03 12:34:21 231

原创 Java——集合类和随机数类的简单应用

题目描述:定义一个方法采用Random类、集合类(ArrayList)来获取三种彩票的数组(22选5,33选7,双色球等,只能用一个方法),返回值为字符串类型(如22选5:22,20,1,8,13)。思路:首先定义一个彩票类,在其中定义一个返回字符串类型的彩票数组的方法,在这个里面实现随机22选5、33选7、双色球(33选6个红球,16选1蓝球),使用ArrayList类中的contains()方法来判断选出的数字是否有重复,如果有则丢弃,没有则加入到ArrayList数组中,然后将ArrayList

2020-11-15 16:32:56 401

原创 C++ 求1~100之间的质数

#include<iostream>#include<math.h>using namespace std;int main(){ int i,j,k=0; int n=0; for(i=2;i<=100;i++){ k=(int)sqrt(i); for(j=2;j<=k;j++){ if(i%j==0){ break; } } if(j>=k+1){ if(n%5==0){ cout<&lt

2020-11-14 17:31:19 3925 2

原创 Java——在一个类中实现字符串逆序输出和两个数组的交并集

题目描述:定义一个类,该类中包含以下几个方法(静态):实现两个字符串数组的逆序排序,输出结果为字符串数组;求两个整形数组的交集;求两个浮点型数组的并集;源码:public class Text02{ static String[] result1=new String[50]; static String[] result2=new String[50]; /** * 两个字符串数组逆序输出 * @param str1 * @param str2 */ public

2020-10-24 16:21:14 412

原创 算法——8种排序算法的总结(冒泡排序、快速排序、简单插入排序、希尔排序、简单选择排序、二路归并排序、基排序、桶排序)

常见的排序算法分为:线性排序算法和非线性排序算法

2020-10-20 20:07:24 201 1

原创 Java基础——由出生年份推出生肖

题目要求:在类中定义一个静态方法根据所输入的某个人的出生年份(整形值)来返回这个人的生肖(字符串类型)。这道题目需要注意的是生肖的记法是从1900年开始的,所以当输入的年份小于1900年的时候,就需要提示输入的年份有误!我采用的数组来存储生肖。代码展示public class test2 { public static void main(String[] args){ test2.getShengxiao(1999);//直接调用静态方法 } public static S

2020-10-18 14:54:02 707 1

原创 Java----打印星型三角形

题目要求:在类中定义一个静态方法printStar,该方法没有返回值,需要一个整形参数number,在主方法中调用这个方法,调用该方法,输入值6和值10时得到下图的结果。public class text1 { public static void main(String[] args){ text1.printStar(6);//打印6行;10行是一样的结果 } public static void printStar(int number){ int i; for(i=1;i

2020-10-17 22:34:17 1103 6

原创 如何使用Dev C++创建一个项目

如何使用Dev C++创建一个项目Dev C++是 Windows 环境下的一个轻量级 C/C++ 集成开发环境(IDE)。非常适合初学者使用,接下来我就介绍一下它的几个基本使用方法。1.新建一个.cpp文件,最简单的方式是用快捷键ctrl+n2.写完代码以后可以使用工具栏的选项进行编译运行。3.也可以选择这种方法,新建一个项目或者源文件,选择菜单栏的文件,选择新建,然后就会弹出一个项目的选项,选择它就好了。4.接下来会弹出一个窗口,选择图中蓝色的图标,然后选择你需要创建的项目,修改项目名,点

2020-10-16 17:44:15 36443 9

空空如也

空空如也

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

TA关注的人

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