- 博客(65)
- 收藏
- 关注
RSS订阅
原创 argon主题调整日记
argon主题是一款由solstice23开发的一款简洁美观的WordPress主题，在使用过程中也发现了几个可以优化的点，在查阅主题文档无果后对其进行以下几点修改。当然，可以结合懒加载和自定义的短代码实现根据标签分类来生成，这样的效果就更加丝滑了，可以将img中的src改为data-src，并添加src属性，值是加载中图片的链接，最后给img标签的class追究一个lazy即可。友情链接最后，文章中的不足或者有疑问欢迎留言。
2024-07-21 15:32:39
1041
原创 React hooks子组件暴露方法示例
通常情况下，React 子组件使用父组件的方法或值通过props传递，反过来，父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。
2024-01-30 18:09:27
964
原创 react antd 实现图片自定义预览
用户点击文字或者按钮，会弹出图片的预览界面，要求图片可旋转，可缩放以及可下载。由于antd组件的Image的预览窗口不包含图片下载的功能，所以这里通过modal对img添加预览模块。
2023-02-10 17:01:26
3532
2
原创 React 函数组件
React 函数组件是指使用函数方法定义的组件。定义方式：与函数的定义方式相同，需要将内容 return 出来，需要注意的是最外层只有一个标签或者使用(Fragment 标签)包裹起来，方法写在 return 前面。
2022-11-03 17:49:00
1027
原创 C# 接口设计
其中，上面的namespace是申明一个命名空间，Test表示解决方案，Models是实体文件夹，Book表示实体是Book。申明的每个变量都需要有它的类别以及get和set方法。说得通俗一些，model中主要是定义前端传过来的变量以及其类型，或者是需要操作的数据库中的某些字段值。controller文件中主要定义路由的配置信息，请求方法等。src下的service文件夹的book.js。dal文件主要用于数据库的操作。bll文件中主要处理各种逻辑。...
2022-07-26 17:49:35
514
原创 前端常见题目
共同点都是存储在浏览器本地的，都遵循同源原则（sessionStorage还必须是同一个页面）cookie是由服务端写入的，后两者是前端写入的。cookie的生命周期是服务端设置好的，sessionStorage在浏览器关闭后就被删除，localStorage生命周期一直存在除非手动删除cookie的存储空间只有4KB，后两者为5M在前端请求后端时会自动携带cookie，后两者不会cookie一般用于存储登录的信息（如sessionId，token），sessionStorage可以用于检测用户是
2022-07-12 16:41:51
2382
原创 原生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
1820
原创 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
4881
原创 页面中添加自动对话机器人
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
1296
3
原创 解决宝塔面板无法下载软件和更新应用的问题
1、解决宝塔面板无法下载软件和更新应用的问题1.1 问题描述在前几天打开宝塔面板时，弹出了7.9的更新提示，想都没想就直接更了。但没想到的是它提示更新成功但实则还是7.8的版本。之后想要下载onedrive实现网站和数据库的备份，但是在弹出下载框后就不动了，下载一直卡在0%，弹出F12控制台发现报错。当时界面如下：在尝试重启服务器和宝塔面板等方法无果后，才注意到我的是Centos8.2的系统，而Centos8版本的系统已经于2021年12月月底停止维护。所以所有的包，软件这些都下载不了。1.2 解
2022-04-27 20:19:54
4082
原创 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
845
原创 扁平化多维数组
将下面的多维数组打开，输出去重后的结果（扁平化数组）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
105
原创 栈的简单使用
栈1、基本含义栈遵循后进先出的规则(LCFO)，元素从栈顶进入，先进入的元素会慢慢向栈底的方向移动，后进的元素会从栈顶出去。简单的示意图：入栈顺序是从上到下，出栈刚好相反。在JavaScript中，入栈可以看成数组尾部添加即push；出栈可以看成pop；2、举个例子class Stack { constructor() { this.arr = []...
2021-11-24 13:23:19
361
原创 斐波拉契数列
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
148
原创 前端面试题
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
1354
原创 将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
4843
1
原创 HTML5+CSS3常见布局方式
1、等高布局1.1 代码等高布局是指子元素在父元素中高度相等的布局方式<div class="father"> <div class="f1"> 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首...
2021-10-19 01:23:01
811
原创 HTML5和CSS3新特性
1、HTML5新标签和属性1.1 兼容性前缀与语义化兼容低版本的写法.比较新的浏览器，可以直接写.兼容性前缀,是每个浏览器私有的。内核兼容性前缀浏览器Gecko-moz-FirefoxWebkit-webkit-Chrome、SafariPresto-o-OperaTrident-ms-IE语义化：根据页面的结构，选择...
2021-10-12 20:25:50
125
原创 前端html和css总结
1、html知识总结1.1 表格的的相关属性属性表示border-collapse设置表格的边框是否被合并为一个单一的边框cellpadding单元格边距cellspacing单元格间距valign: top顶对齐 单元格内容垂直方向的对齐方式valign: middle居中对齐valign: bottom底部对齐cols...
2021-10-12 11:13:55
153
原创 使用 Cravatar 解决 Gravatar 头像无法访问的问题
更新了Gravatar使用方法和国内最新可用的镜像于2023/1/6更新了文件地址
2021-09-20 06:08:13
1359
原创 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
2942
1
原创 在博客中实现播放音乐功能（QQ，网易，酷狗，虾米，百度）
【代码】在博客中实现播放音乐功能（QQ，网易，酷狗，虾米，百度）于20240713更新依赖URL
2021-09-16 10:07:35
356
原创 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
48
原创 ES6学习笔记（十四）module的简单使用
1、前言module模块机制是es6新引入的，它解决了作用域的问题，使代码更加规范和结构化。下面简单的使用一下。2、基本使用2.1 模块和脚本的区别模块代码运行在严格模式下，并且没有任何办法跳出严格模式。在模块的顶级作用域创建的变量，不会影响到全局作用域，它们只会在模块顶级作用域的内部存在。模块顶级作用域的this值为undefined。模块不允许在代码中使用HTML风格的...
2021-06-19 11:11:41
474
原创 ES6 学习笔记（十三）promise的简单使用
1、什么是promise在JavaScript中，我们经常会用到回调函数，而回调函数的使用让我们没法使用return，throw等关键字。JS引用promise正好解决了这个问题。promise单词意思是承诺，代表未来的某个事情或者是行为。promise是一个容器，包含了异步操作。因此我们认为promise是异步操作的解决方案。所有异步操作都可以通过promise来解决2、了解prom...
2021-06-19 03:15:41
119
原创 ES6 学习笔记（十二）代理器Proxy的简单使用
1、前言以前在学习react时做了个仿手机端的QQ音乐项目。当时的数据是通过proxy代理的QQ音乐数据接口，直接写在package.json里面。Proxy 对象(Proxy)是 ES6的特性，只是不太常用。2、基本内容2.1 含义正如MDN上所说，Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。通俗的讲，Proxy是...
2021-06-15 17:49:25
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人