自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue性能优化

Vue性能优化 v-for中使用一个唯一标识绑定key(尽量不要与索引绑定) 代码如下所示,虽然在页面上渲染的内容一样,但是底层区别不同 <div id="app"> <div v-for="(item,index) in imgList" :key="item">{{item}}</div> //√ <div v-for="(item,index) in imgList" :key="i">{{item}}</div&g

2021-06-02 19:41:56 237 1

原创 JS中一些常用的数组方法

如下 <script> var arr = [10,20,30,40,50] var res = arr.slice(1,4) console.log(arr) console.log(res) //20,30,40 var arr1 = [10,20,30,40,50] var arr2 = [60,70,80,90] var res1 = arr.concat(arr2,"hel

2021-04-19 20:35:49 144

原创 Java实现选择排序冒泡排序

选择排序 public class HelloWorld { public static void main(String[] args) { int a [] = new int[]{18,62,68,82,65,9}; //排序前,先把内容打印出来 for (int i = 0; i < a.length; i++) { System.out.print(a[i] + " "); } S

2021-04-05 00:13:30 128

原创 CSS实现轮播图

CSS实现轮播图 <!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"> <tit

2021-03-09 22:59:33 102

原创 CSS圣杯布局,瀑布布局

圣杯布局 <!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&g

2021-03-09 14:41:46 107

原创 CSS单列布局

CSS单列布局 好久没更新博客了,一直都在写一些小demo,还有在弄一些小项目,这次就放个单列布局吧 <!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

2021-03-09 00:15:40 185

原创 JS实现二叉搜索树

JS实现二叉搜索树 什么是二叉树? 二叉树(binary tree)是指树中节点的度不大于2的有序树,它是一种最简单且最重要的树。二叉树的递归定义为:二叉树是一棵空树,或者是一棵由一个根节点和两棵互不相交的,分别称作根的左子树和右子树组成的非空树;左子树和右子树又同样都是二叉树。 以下是JS代码实现 var root = null // 节点 class Node{ constructor(value){ this.value = value this.left =

2021-01-28 16:35:02 219

原创 AJAX基础入门

什么是AJAX? Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 服务器端源码(Nodejs) const express = require('express') const app = e

2021-01-16 20:14:47 87

原创 使用JavaScript实现希尔排序

什么是希尔排序? 希尔排序(Shell’s Sort)是插入排序的一种又称“缩小增量排序”(Diminishing Increment Sort),是直接插入排序算法的一种更高效的改进版本。希尔排序是非稳定排序算法。该方法因 D.L.Shell 于 1959 年提出而得名。 希尔排序基本思想 比较相隔较远距离(称为增量)的数,使得数移动时能跨过多个元素,则进行一次比较就可能消除多个元素交换。D.L.shell于1959年在以他名字命名的排序算法中实现了这一思想。算法先将要排序的一组数按某个增量d分成若干组,

2021-01-05 20:55:05 128

原创 使用javaScript实现快速排序

什么是快速排序算法? 快速排序(QuickSort)是对冒泡排序的一种改进。快速排序由C. A. R. Hoare在1962年提出。它的基本思想是: 从要排序的数据中取一个数为“基准数”。 通过一趟排序将要排序的数据分割成独立的两部分,其中左边的数据都比“基准数”小,右边的数据都比“基准数”大。 然后再按步骤2对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列。 接下我我将用javaScipt来进行演示 <!DOCTYPE html> <html>

2021-01-02 22:20:46 348 2

原创 正则表达式

什么是正则表达式? 正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。接下来我用javaScript进行一些正则的演示。 // var str = 'google' // var box = /g.ogle/ // console.log(box.test(str))//返回true "." 代表匹配单个任意字符

2021-01-01 23:15:13 143

原创 Vue中的侦听属性与计算属性

计算属性 什么是计算属性?(computed) 根据Vue的官方文档,我们可以了解到,计算属性就是用来存储和处理一些数据,对数据进行逻辑操作还有就是对计算属性中的数据进行监视。计算属性默认只有 getter,不过在需要时你也可以提供一个 setter <div id="demo">{{ fullName }}</div> computed: { fullName: { // getter get: function () { return this.

2020-12-31 19:39:52 175 1

空空如也

空空如也

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

TA关注的人

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