前端-阿来-CSDN博客

原创 WordPress 多站点切换域名完整指南：详细步骤和注意事项

因为公司的需要，需要对 WordPress 多站点进行域名切换,一开始我也找了相关的方案和教程，但是很可惜，国内这一块网上的资料几乎为0，所以我把实现的过程写了一篇文章分享出来，为后来的人铺路。

2024-04-16 16:21:03 1665

原创宝塔windows 7.8.0面板，换绑宝塔账号问题

宝塔面板之前是有绑定宝塔账号的，因为需要切换账号，解绑前一个账号以后，绑定新的账号，请求接口一直没有响应。现在不绑定账号，什么都没办法擦操作，但是绑定又绑定不了，账号密码是可以在官网登录的。有没有大神知道什么解决哦。

2023-06-20 00:23:43 11017 2

原创前端十万条数据列表处理方案-虚拟列表（使用vue2实现，可直接复制使用）

3、截取数组，按照滚动到顶部的位置，计算开始显示数据的索引和结束的索引，结束的索引=开始的索引+视口可以展示的元素个数。当我们在父组件当中使用时，只需将组件导入，传入list就可以，单行高度不传时默认50px。为了解决这一问题，就出现了切片渲染和虚拟列表的概念，这里就来说一下虚拟列表。以上就是虚拟列表的解决办法，如有不明白的地方，欢迎私信交流。1、给定一个列表元素，使用for循环加载子元素。在前端的场景中，有很多数据无限的下拉列表，比如。4、滚动条改变时，改变开始的索引和结束的索引。

2023-06-07 00:07:46 11812

原创 node中mysql连接数据库报错：Client does not support authentication protocol requested by server； consider upgr

导致这个错误的原因是，目前，最新的mysql模块并未完全支持MySQL 8的“caching_sha2_password”加密方式，而“caching_sha2_password”在MySQL 8中是默认的加密方式。因此，下面的方式命令是默认已经使用了“caching_sha2_password”加密方式，该账号、密码无法在mysql模块中使用。就能完美的解决这个问题。

2023-05-21 18:37:27 9601

原创前端实现网页转PDF并保存(vue方案)

我们平台在发货的时候需要打印一张发货单，这张发货单上面需要显示客户的收货地址、发货地址、商品的特征信息和库存，以及订单金额等等内容。

2022-08-15 19:32:45 3816 4

原创 wangeditor富文本编辑器使用过程中遇到的问题以及解决办法

我的项目之前用的富文本编辑器是quill，之前其实考虑用过wangeditor，但是当时wangeditor V3的英文支持不友好，而我们业务是面向海外的，所以综合考虑下来用了quill。最近需求富文本要支持表格，quill的表格支持一塌糊涂，建议不要花时间尝试，直接上wangeditor v5，下面我把wangeditor主要用到的地方和有坑的地方整理出来如下：2. wangeditor v5 自定定义图片上传：3. 运行时报错：error in ./node_modules/_@wangedi

2022-06-20 14:33:24 31768 2

原创 git 不能识别文件名称大小写问题解决办法

因为git默认配置是忽略大小写的，因此需要修改配置，运行命令：

2022-06-07 13:00:29 386

原创 20211025_Vue生命周期和钩子函数

VUE生命周期函数写作时间：2021年10月25日凌晨 1:05作者：前端阿平序言这个点本来是该在梦乡里和心爱的女孩子约会的时间，我却打开电脑开始撸文章。正文在我理解Vue的生命周期中，总的可以分为三个状态创建中、活动中、销毁中，通过这三大状态和每个状态中的钩子函数构成了Vue的生命周期。对了钩子函数你们知道的吧，钩子函数就相当于你在钓鱼，鱼儿咬钩了，然后就会进行一些的操作比如收线收杆，你会根据鱼儿的状态进行一系列的操作。Vue生命周期中定义了这些钩子函数，他们就会根据当前组件的状态去触发。

2021-10-25 02:36:24 233

原创前端设计模式——01策略模式

前端设计模式——策略模式策略这个词应该怎么理解，打个比方说，我们出门的时候会选择不同的出行方式，比如骑自行车、坐公交、坐火车、坐飞机、坐火箭等等，这些出行方式，每一种都是一个策略。策略模式的定义：定义一系列算法，把他们一个个封装起来，并且他们可以相互替换。或许这样说比较难以理解，举个例子来说，比如你看中的一件衣服，今天打八折，明天打七五折，后天又打八折，这只是算法的不同，也就是策略的不同。策略模式的应用：举个例子：某个公司需要设计一个算法为公司的员工计算年终奖金，绩效为S的人有4倍工资，绩效

2021-10-12 23:20:10 385

原创如何白嫖world.js、china.js以及各个省的js和json文件

全是干货，看仔细了。作者在工作中遇到了绘制世界地图的场景，但是由于现在echarts的官网已经不提供地图文件下载了。所以需要自己找资源，在csdn中用积分下载的资源还是挺多的。但是碍于个别同学没有积分或者喜欢白嫖，所以这里将白嫖的方法分享出来。据我所示，echarts从5.0版本开始不支持world.js和china.js了，那说明之前的版本是支持的，聪明的你是不是已经知道怎么办了?没错，就是这样。npm install echarts@4.6.0安装好之后找到node_modules文件夹

2021-07-28 14:43:03 4310 5

原创前端实习生的租房日记

我的租房日记没想到我重新拾起博客，是以这种方式，以后也会有的，我会多出一些生活类的博客，毕竟要比技术博客简单多了????????????????????。好了下面是正式内容，希望对小伙伴们有帮助。最后觉得有用或者好玩的朋友，一键三连，点赞收藏关注...

2021-07-07 12:31:54 179 1

原创关于什么时候用 v-if 和 v-show 浅谈

了解Vue的朋友都知道，v-if和 v-show 具有类似的功能，不过 v-if 才是真正的条件渲染，它会根据表达式适当地销毁或重建元素及绑定的事件或子组件。若表达式初始值为 false，则一开始元素／组件并不会渲染，只有当条件第一次变为真时才开始编译。而 v-show 只是简单的 css 属性切换，无论条件真与否，都会被编译。相比之下， v-if更适合条件不经常改变的场景，因为它切换开销相对较大，而 v-show 适用于频繁切换条件。它会为元素添加一个行内样式：display：none；另外呢

2020-09-29 12:19:25 1172

原创一步一步教你用Node实现完整的http服务端

背景今天无事查看了之前写过的博客，发现搭建的简易HTTP服务器并不完整；也无任何路由处理，以及响应处理。秉着对读者和自己负责的态度，决定写一个下篇。下面将以目录顺序去逐步介绍：文章目录背景概述1. 网站的组成2. 超文本传输协议搭建服务端路由处理响应请求为了便于新手理解，在开始之前，先来了解一下几个概念（老手可直接跳过）。概述1. 网站的组成网站应用程序主要分为两大部分：客户端和服务器端。客户端在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScrip

2020-08-27 14:49:53 1370 1

原创（教程）在WPF中用定时器实现动画

这里我们用WPF专用的定时器DispatcherTimer首先找素材建议百度就像这样第二步把文件夹添加到将项目中第三步拖出前端界面像下面这样第四步编写后端代码，注释很清楚，这里直接上代码using System;using System.Collections.Generic;using System.Linq;using System.Text;using Sys...

2019-11-24 17:52:14 486 1

原创 DynamicDataDisplay 绘制实时曲线图和沿X轴移动的效果

本篇将利用DynamicDataDisplay 在WPF 中动态模拟CPU 使用率图表，实现动态生成曲线图。新建项目将DynamicDataDisplay.dll 加载到引用中打开MainWindow.xaml 添加命名空间xmlns:d3=“http://research.microsoft.com/DynamicDataDisplay/1.0”。通过d3:ChartPlotter ...

2019-11-23 12:28:38 1643

原创 ES6入门到进阶（5） — ES6 字符串

ES6 字符串子串的识别ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。includes()：返回布尔值，判断是否找到参数字符串。startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始...

2019-11-20 20:38:00 441

原创如何用20行C#代码写一个桌面二维码生成工具

本文是利用ZXing.Net在WPF中生成条形码，二维码的小例子，仅供学习分享使用，如有不足之处，还请指正。什么是ZXing.Net?ZXing是一个开放源码的，用Java实现的多种格式的1D/2D条码图像处理库，它包含了联系到其他语言的端口。而ZXing.Net是ZXing的端口之一。在工程中引用ZXing.Net在项目中，点击项目名称右键–>管理NuGet程序包，打开NuGet...

2019-10-27 17:38:43 680

原创如何用Node搭建一个完整http服务器

Node.js之所以受到广大Web开发者的青睐，与Node.js有能力自己搭建服务器是分不开的。下面我们看看构建HTTP服务器

2019-10-27 11:09:19 1646 1

原创 ES6入门到进阶（4） —Symbol浅析

概述ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol 。基本用法Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，...

2019-10-13 16:13:07 353 4

原创你不知道的Flex布局

flex布局什么是Flex布局flex布局表示弹性布局，为盒状模型提供最大的灵活性。适用范围任何一种元素都可以指定为flex布局flex布局中的一些基本概念容器和项目什么叫容器采用flex布局的元素被称作容器。什么叫项目在flex布局中的子元素被称作项目。即父级元素采用flex布局，则父级元素为容器，全部子元素自动成为项目。在容器中默认有水平的主轴和垂直的交叉轴...

2019-10-09 11:47:24 208

原创 ES6入门到进阶（3） — 解构赋值和扩展运算符

解构赋值解构赋值主要分为对象的解构和数组的解构，在没有解构赋值的时候，我们赋值是这样的let arr = [0,1,2]let a = arr[0]let b = arr[1]let c = arr[2]这样写很繁琐，那么我们有没办法既声明，又赋值，更优雅的写法呢？肯定是有的，那就是解构赋值，解构赋值，简单理解就是等号的左边和右边相等。一、数组的解构赋值let arr = [0,1...

2019-10-05 19:35:58 553

原创 ES6入门到进阶（1）—let和const以及“暂时性死区”

let 命令基本用法ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声...

2019-09-27 23:39:08 367

原创 jQuery介绍及各版本介绍（适合新手查看）

jQueryjQuery简介JavaScript库的概念JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）常见的JavaScript 库 - jQuery、Prototype...

2019-09-21 13:34:13 2540

原创 jQuery中的DOM操作通过jQuery源代码分析（1.11.3）（不建议新手看）

jQuery中的DOM操作通过jQuery源代码分析1.版本问题jQuery有三个大版本1.x.x（兼容ie678），现在不提供更新2.x.x（不兼容IE678），现在也不提供更新了3.x.x （不兼容IE678），现在有更新国内基本都使用1.x.x版本，原因就是兼容性的问题。我下载的是1.x.x的最后一版（1.11.3）其他还有一些介绍在我的另一篇博客中有介绍，这里就不赘述了...

2019-09-21 13:25:08 375

原创 jQuery选择器总结以及用法介绍

jQuery选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。

2019-09-21 11:47:47 323

原创前端设计模式——02观察者模式

JS设计模式——观察者模式Observer模式的概念Observer模式是行为模式之一，它的作用是当一个对象的状态发生变化时，能够自动通知其他关联对象，自动刷新对象状态。Observer模式提供给关联对象一种同步通信的手段，使某个对象与依赖它的其他对象之间保持状态同步。Observer模式的角色Subject（被观察者）被观察的对象。当需要被观察的状态发生变化时，需要通知队...

2019-09-20 11:10:55 301

原创 Canvas深入浅出

Canvascanvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。体验Canva...

2019-09-15 17:17:03 316

原创学Ajax的第二天（用原生ajax请求GitHub接口上的数据）

AJAX能够使用请求到GitHub上的数据AJAX简介见我上篇文章：学习AJAX的第一天用原生AJAX请求GitHub接口数据查看接口用AJAX请求并打印到界面上接口演示：https://api.github.com/users数据截图开始编写程序下面是html结构，都是相当简单的代码，就不做介绍了。<!DOCTYPE html><htm...

2019-09-13 14:02:09 431

原创学习Ajax的第一天

AJAX概述Web 程序初的目的就是将信息（数据）放到公共的服务器，让所有网络用户都可以通过浏览器访问。在此之前，我们可以通过以下几种方式让浏览器发出对服务端的请求，获得服务端的数据：地址栏输入地址，回车，刷新特定元素的 href 或 src 属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程（对服务端发出请求并且接受服务端返回的响应），如果我们可...

2019-09-12 21:15:35 156

原创 JS中的正则表达式详解

正则表达式了解正则表达式基本语法能够使用JavaScript的正则对象正则表达式简介什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一...

2019-09-11 19:03:15 858

原创 JS中遍历DOM树

//沙箱：模拟环境 (function () { let obj = document.documentElement; //获取对象html console.log(obj); function forDom(obj) { let children = obj.children; ...

2019-09-10 14:56:58 507

原创四个问题彻底学会JS中“闭包”

目录闭包是什么？闭包怎么用？闭包有什么用？闭包的优缺点是什么？1.闭包是什么？闭包：它是一种手段，通过它，内部函数在其父函数结束之后依然可以引用其外围函数中的变量。我们知道在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函...

2019-09-09 17:05:01 310

原创 ES6入门到进阶（2）—模板字符串

目录模板字符串介绍用法示例总结模板字符串介绍：定义：模板字符串相当于加强版的字符串，用反引号(`) 标识。它可以当作普通普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量或表达式。用法示例：语法：// 普通字符串`In JavaScript '\n' is a line-feed.` // 多行字符串`In JavaScript this isnot l...

2019-09-08 12:03:25 870

原创三句话说清楚JS中的call，apply和bind的作用和区别

目录1.用法示例2.相同点3.不同点用法示例：//首先来看三个方法的基本语法：// ????apply的使用语法// 函数名字.apply(对象,[参数1,参数2,...]);// ????call的使用语法// 函数名字.call(对象,参数1,参数2,...);// ????bind的使用语法// 函数名字.bind(对象,参数1,参数2,...);//作用：前两个都是为了改变th...

2019-09-08 00:14:50 1002

转载 js中的事件绑定、事件冒泡、事件捕获和事件执行顺序（详细解读）

抽空学习了下javascript和jquery的事件设计，收获颇大，总结此贴，和大家分享。(一)事件绑定的几种方式javascript给DOM绑定事件处理函数总的来说有2种方式：在html文档中绑定、在js代码中绑定。下面的方式1、方式2属于在html中绑定事件，方式3、方式4和方式5属于在js代码中绑定事件，其中方法5是最推荐的做法。方式1：HTML的DOM元素支持onclick、onb...

2019-08-22 15:10:25 2779

转载 js的三大系列详详细解读（offset,scroll,client）

1.offset系列offset这个词本身就是偏移、补偿、位移的意思js中获取元素尺寸的办法就是offset家族offset常用属性检测盒子的宽高<1> offsetWidth：得到对象的宽度（自己的，与他人无关；没有单位；包括padding、border；不包括margin）<2>offsetHeight：得到对象的高度（自己的，与他人无关；没有单位；包括pa...

2019-08-22 15:09:03 476

原创原生js手写滚动条（完整代码）

首先说一下手写滚动条的好处：能够自己设置样式（系统自带太过难看）代码核心结构：可以知道conten向上卷曲出去的距离与bar的top距离是成比例的下面我们直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...

2019-08-22 14:47:25 45437 11

原创原生js实现事件的绑定和解绑以及兼容代码

原生js的事件绑定有以下几种方法：1.通过HTML属性处理函数的绑定用法：<button οnclick="a()">按钮</button><script>function a(){console.log("我要变成大佬");};</script>2.通过JavaScript对象属性来绑定用法：<script>v...

2019-08-12 22:04:44 474

原创原生js实现功能完整轮播图（自动轮播和焦点单击轮播共同实现）

原生js实现功能完整轮播图（自动轮播和点击轮播共同实现）首先我们来看一下效果图：1.打开界面自动播放2.当鼠标移入时，自动播放停止，显示左右点击按钮；接着我们来看详细代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi...

2019-08-04 14:18:29 853