自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React 函数组件

React 函数组件是指使用函数方法定义的组件。定义方式:与函数的定义方式相同,需要将内容 return 出来,需要注意的是最外层只有一个标签或者使用(Fragment 标签)包裹起来,方法写在 return 前面。

2022-11-03 17:49:00 174

原创 React 中的常用方法

当前项目 src 文件下需要有 models 文件夹。只针对类组件,函数组件使用hook。

2022-10-24 15:02:58 362

原创 C#实现xlsx文件导出

【代码】C#实现xlsx文件导出。

2022-08-17 16:06:40 275

原创 C# 接口设计

其中,上面的namespace是申明一个命名空间,Test表示解决方案,Models是实体文件夹,Book表示实体是Book。申明的每个变量都需要有它的类别以及get和set方法。说得通俗一些,model中主要是定义前端传过来的变量以及其类型,或者是需要操作的数据库中的某些字段值。controller文件中主要定义路由的配置信息,请求方法等。src下的service文件夹的book.js。dal文件主要用于数据库的操作。bll文件中主要处理各种逻辑。...

2022-07-26 17:49:35 246

原创 前端常见题目

共同点都是存储在浏览器本地的,都遵循同源原则(sessionStorage还必须是同一个页面)cookie是由服务端写入的,后两者是前端写入的。cookie的生命周期是服务端设置好的,sessionStorage在浏览器关闭后就被删除,localStorage生命周期一直存在除非手动删除cookie的存储空间只有4KB,后两者为5M在前端请求后端时会自动携带cookie,后两者不会cookie一般用于存储登录的信息(如sessionId,token),sessionStorage可以用于检测用户是

2022-07-12 16:41:51 216

原创 C# 实现xlsx文件导入

C# 实现xlsx文件导入

2022-06-20 15:02:55 343

原创 对象的深拷贝和浅拷贝总结

对象的深拷贝和浅拷贝

2022-05-26 12:06:33 145

原创 JavaScript实现带省略号的分页

JavaScript实现带省略号的分页更新实现效果地址

2022-05-25 14:56:40 476

原创 原生Ajax处理文件流

在通过Ajax处理请求时,可能会遇到需要下载文件的情况,这里简要的说明下处理方法。let downloadFile = document.getElementById("downloadImportInfo");let fileUrl = "D:/test.xlsx"; // ajax获取到的文件地址downloadFile.onclick = function () { const xhr = new XMLHttpRequest(); let url = "localhost:.

2022-05-23 16:29:37 779

原创 jQuery+bootstrap实现有省略号的数据分页

jQuery+bootstrap实现有省略号的数据分页更新实现效果地址

2022-05-21 16:10:21 500

原创 csharp 基础

1、C#基础1.1 C#简介C#是一个面向对象的、由微软开发的高级编程语言,它专门为公共语言基础结构(CLI)设计的,CLI是由可执行代码和运行时环境组成的。C#语言在编写时有点像JAVA,在运行时有点像C语言,都需要被编译成可执行文件(.EXE)才能执行并显示结果。1.2 C#环境C#需要在.NET环境下运行。1.2.1 配置系统环境.NET环境Windows系统默认安装了的。只需要配置环境变量即可。打开此电脑=》打开C盘=》找到Windows下的Microsoft.NET文件夹=

2022-04-27 20:24:43 2555

原创 页面中添加自动对话机器人

1、添加步骤首先是去新建一个页面,输入标题添加一个HTML区块,代码如下:<div class="entry-content"> <div class="botui-title" style="text-align:center; font-size: 50px; margin-bottom: 20px;">[像诗一样]</div> <div id="botui-content" class="popcontainer" s

2022-04-27 20:22:18 272

原创 解决宝塔面板无法下载软件和更新应用的问题

1、解决宝塔面板无法下载软件和更新应用的问题1.1 问题描述在前几天打开宝塔面板时,弹出了7.9的更新提示,想都没想就直接更了。但没想到的是它提示更新成功但实则还是7.8的版本。之后想要下载onedrive实现网站和数据库的备份,但是在弹出下载框后就不动了,下载一直卡在0%,弹出F12控制台发现报错。当时界面如下:在尝试重启服务器和宝塔面板等方法无果后,才注意到我的是Centos8.2的系统,而Centos8版本的系统已经于2021年12月月底停止维护。所以所有的包,软件这些都下载不了。1.2 解

2022-04-27 20:19:54 1591

原创 react的组件通信

react的组件通信1、父组件传子组件import React, {Component} from 'react'class Father extends Component{ render() { return ( <div> <Child msg="我是父组件中的数据:father-data"/> </div> ) }}class Child extends Component{ constructor(props) {

2022-01-28 10:02:25 768

原创 扁平化多维数组

将下面的多维数组打开,输出去重后的结果(扁平化数组)function fn(array, result = []) { for (let i of array) { if (Array.isArray(i)) { fn(i, result) } else { result.push(i) } } return result}let s = fn([1, 2, 3, [1, 2, 2,

2021-11-25 19:50:09 46

原创 栈的简单使用

栈1、基本含义栈遵循后进先出的规则(LCFO),元素从栈顶进入,先进入的元素会慢慢向栈底的方向移动,后进的元素会从栈顶出去。简单的示意图:入栈顺序是从上到下,出栈刚好相反。在JavaScript中,入栈可以看成数组尾部添加即push;出栈可以看成pop;2、举个例子class Stack { constructor() { this.arr = []...

2021-11-24 13:23:19 115

原创 斐波拉契数列

1、斐波拉契数列的描述斐波那契数列(Fibonacci sequence),又称黄金分割数列,因数学家莱昂纳多·斐波那契(Leonardo Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、……2、斐波拉契数列的几种实现方法2.1 递归let Fib = (number) => { if ...

2021-11-24 05:57:13 54

原创 前端面试题

1、第一组1、jquery中的$是什么意思在JQuery中,“$”就是jQuery的别称,是jQuery库提供的一个回传函数,定义为“选取”,是“selector”的缩写;语法“$ (selector)”,作用是根据“ ()”里的参数进行查找和选择html文档中的元素。2、圣杯布局、等高布局写法// 圣杯布局<style> .father{ padding: 0 300px 0 200px; } .son_left, .son_center, .

2021-11-17 09:29:22 646

原创 将vue+nodejs项目部署到服务器上(完整版)

1、后端使用express生成器1.1、后台node项目部署在node项目里安装cors依赖(跨域)npm install cors --save,在app.js文件中使用var cors = require('cors'); app.use(cors());在宝塔面板的wwwroot目录里新建一个文件夹,将node项目上传到这个文件夹中。打开软件商店,安装nginx和pm2管理器...

2021-10-20 15:00:59 2098 1

原创 HTML5+CSS3常见布局方式

1、等高布局1.1 代码等高布局是指子元素在父元素中高度相等的布局方式<div class="father"> <div class="f1"> 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首...

2021-10-19 01:23:01 298

原创 HTML5和CSS3新特性

1、HTML5新标签和属性1.1 兼容性前缀与语义化兼容低版本的写法.比较新的浏览器,可以直接写.兼容性前缀,是每个浏览器私有的。内核兼容性前缀浏览器Gecko-moz-FirefoxWebkit-webkit-Chrome、SafariPresto-o-OperaTrident-ms-IE语义化:根据页面的结构,选择...

2021-10-12 20:25:50 38

原创 前端html和css总结

1、html知识总结1.1 表格的的相关属性属性表示border-collapse设置表格的边框是否被合并为一个单一的边框cellpadding单元格边距cellspacing单元格间距valign: top顶对齐 单元格内容垂直方向的对齐方式valign: middle居中对齐valign: bottom底部对齐cols...

2021-10-12 11:13:55 80

原创 使用 Cravatar 解决 Gravatar 头像无法访问的问题

更新了Gravatar使用方法和国内最新可用的镜像于2022/9/7更新了文件地址

2021-09-20 06:08:13 456

原创 vue使用elementUI组件提交表单(带图片)到node后台

1、方法一(图片与表单分开,请求2次)1.1 前台代码// elementUI表单<el-form ref="form" class="forms" :model="form"> <div class="title"> <el-input type="text" placeholder="请在这里输入标题" v-model="

2021-09-16 14:38:53 1010 1

原创 在博客中实现播放音乐功能(QQ,网易,酷狗,虾米,百度)

1、在页头head标签里添加:<link rel="stylesheet" href="https://static.likepoems.com/cdn/aplayer/APlayer.min.css"><script src="https://static.likepoems.com/cdn/aplayer/APlayer.min.js"></script><script src="https://static.likepoems.com/cdn/aplay

2021-09-16 10:07:35 102

原创 node 创建服务器方法

方法一let http = require('http')let httpserver = http.createServer(function(req,res){ res.writeHead(200,{'Content-type':'text/plain'}) res.end("hello!666666")})httpserver.listen(3000,()=&g...

2021-07-17 23:26:42 10

原创 免费随机图片api接口

1、api接口整合樱花:https://www.dmoe.cc/random.php晓晴博客:https://acg.toubiec.cn/random.php(于2022/10/11更新)

2021-07-15 01:48:36 8024 2

原创 ES6学习笔记(十四)module的简单使用

1、前言module模块机制是es6新引入的,它解决了作用域的问题,使代码更加规范和结构化。下面简单的使用一下。2、基本使用2.1 模块和脚本的区别模块代码运行在严格模式下,并且没有任何办法跳出严格模式。在模块的顶级作用域创建的变量,不会影响到全局作用域,它们只会在模块顶级作用域的内部存在。模块顶级作用域的this值为undefined。模块不允许在代码中使用HTML风格的...

2021-06-19 11:11:41 207

原创 ES6 学习笔记(十三)promise的简单使用

1、什么是promise在JavaScript中,我们经常会用到回调函数,而回调函数的使用让我们没法使用return,throw等关键字。JS引用promise正好解决了这个问题。promise单词意思是承诺,代表未来的某个事情或者是行为。promise是一个容器,包含了异步操作。因此我们认为promise是异步操作的解决方案。所有异步操作都可以通过promise来解决2、了解prom...

2021-06-19 03:15:41 52

原创 ES6 学习笔记(十二)代理器Proxy的简单使用

1、前言以前在学习react时做了个仿手机端的QQ音乐项目。当时的数据是通过proxy代理的QQ音乐数据接口,直接写在package.json里面。Proxy 对象(Proxy)是 ES6的特性,只是不太常用。2、基本内容2.1 含义正如MDN上所说,Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。通俗的讲,Proxy是...

2021-06-15 17:49:25 126

原创 ES6 学习笔记(十一)迭代器和生成器函数

1、前言JavaScript提供了许多的方法来获取数组或者对象中的某个元素或者属性(迭代)。从以前的for循环到之后的filter、map再到后来的for...in和for...of的迭代机制。只要具有iterator接口的都可被迭代。2、迭代器 Iterator2.1 含义迭代器(iterator)为各种数据结构,提供一个统一的、简便的访问接口,简单的说,迭代可以是数组或对象的遍历...

2021-06-06 08:18:35 23

原创 ES6 学习笔记(十)Map的基本用法

1 基本用法Map类型是键值对的有序列表,而键和值都可以是任意类型。可以看做Python中的字典(Dictionary)类型。1.1 创建方法Map本身是一个构造函数,用来生成Map实例,如:let m1 = new Map()1.2 初始化Map构造函数可以接收一个数组作为参数,该数组的成员可以是一组表示键值对的数组。也可以是任何具有 Iterator 接口、且每个成员都是一个...

2021-05-23 20:20:49 360

原创 ES6 学习笔记(九)Set的基本用法

1 基本用法set类似于数组,它的成员是唯一的,当有多个相同的值,只会保留一份。1.1 创建方法Set本身是一个构造函数,用来生成Set实例,如:const s = new Set()let arr = [2, 3, 4, 5, 6, 2, 2]arr.forEach(x => s.add(x));for (let i of s) { console.log(i)...

2021-05-23 10:26:30 75

原创 ES6 学习笔记(八)基本类型Symbol

1、前言大家都知道,在ES5的时候JavaScript的基本类型有Number、String、Boolean、undefined、object、Null共6种,在es6中,新增了Symbol类型,用于表示独一无二的值。之后又提出了bigInt类型(前面提到过),这里简要的总结Symbol的一些基本用法。2、基本用法2.1 用法一(直接使用)可以直接使用Symbol()创建新的symb...

2021-05-22 08:25:09 56

原创 node 学习笔记 模块和包的管理与使用

1、前言对于各种编程语言,代码组织是很重要的。而模块是node中的代码组织机制,node中的很多功能都以模块划分,而模块中又封装了许多方法,而且不会改变全局作用域,极大的方便了各开发者的需求。2、模块操作2.1 自定义模块举个例子:hello.jsvar daysarr = new Array('星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '...

2021-05-11 20:54:54 29

原创 JS 学习笔记 (七) 面向对象编程OOP

1、前言创建对象有很多种方法,最常见的是字面量创建和new Object()创建。但是在需要创建多个相同结构的对象时,这两种方法就不太方便了。如:创建多个学生信息的对象let tom = { name: "Tom", age: 20, sex: "boy", height: 175};let marry = { name: "Marry",...

2021-05-10 14:13:30 107

原创 JS 学习笔记 (六) 函数式编程

1、函数闭包1.1 概述JavaScript采用词法作用域,函数的执行依赖于变量作用域,这个作用域是在函数定义时决定的,而不是函数调用时决定的。为了实现这种词法作用域,JavaScript函数对象的内部状态不仅包含函数的代码逻辑,还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性被称为“闭包”从技术的角度讲,所有的J...

2021-05-09 19:05:09 71

原创 JS 可编辑表格的实现(进阶)

1、前言在普通的可编辑表格的基础上,改进可编辑表格。数据来自外部的json(模拟服务端),通过json数据生成可编辑表格。根据实际情况,表格没有新增数据功能。表格的可编辑列,计算的列,每列的数据大小,以及是否删除都可进行配置,在修改单元格内容和删除行数据都会映射到相应数据集中。实现效果:2、设计思路与方法现将基本样式写好,将所有的数据写在json文件里。定义两个空数组,通过Aja...

2021-05-09 07:43:38 1218

原创 Vue 实现小小记事本

1、实现效果用户输入后按回车,输入的内容自动保存,下方会显示记录的条数,鼠标移动到文字所在div上,会显示删除按钮,点击按钮,相应记录会被删除,下方的记录条数会相应变化,点击clear,所有记录会被删除。效果如下:2、实现思路先写出记事本的基本样式,在vue实例中的data对象里定义list数组,以及message的初始值。通过 v-model实现input标签文本和message...

2021-05-08 17:43:38 1117

原创 JS 可编辑表格的实现

1、实现效果用户点击语文,数学,英语部分的单元格,可以实现分数的编辑,总分也会随之变化。先看下效果,如图:2、设计思路先通过HTML5+CSS3绘制表格,添加input的样式和err提示动画。给要修改的数据的单元格添加name属性,给总分那一列的单元格添加rname属性。先获取所有要更改数据的单元格,通过for循环遍历,给他们添加单击事件。定义一个addAnimate方法,表示...

2021-05-08 05:26:29 1507 6

空空如也

空空如也

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

TA关注的人

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