成长之路

手写JS的new操作符的功能、手写实现JS中Object类的call函数、apply函数的功能

xfwdxt — Tue, 07 Nov 2023 14:16:25 +0800

手写JS的new操作符的功能、手写实现JS中Object类的call函数、apply函数的功能。

Vite构建的Vue3项目打包后dist文件夹放Nginx服务器访问添加上下文路径

xfwdxt — Tue, 11 Jul 2023 14:31:35 +0800

Vue3项目打包后如何添加访问路径，vite.config.ts、Nginx如何配置

Angular高版本中为自定义的独立class类添加显式的Angular装饰器

xfwdxt — Mon, 21 Nov 2022 18:18:59 +0800

【代码】Angular高版本中为自定义的独立class类添加显式的Angular装饰器。

深入理解Angular模块化概念

xfwdxt — Wed, 27 Jul 2022 16:34:27 +0800

组件模板中使用的其它组件（表单组件/路由组件/公共组件/指令/管道等）必须在module中导入其依赖，只在根模块app.module.ts中导入无效（服务除外。BroswerModule，由于浏览器模块只在项目启动时运行一次，所以只需要在根组件模块中导入即可。，即模块化开发（组件/指令/服务/管道/路由），与js模块化是不同的概念，但具有异曲同工之妙；，如果当前组件需要被其它地方使用，那么还需要同时进行导出，在export数组中配置一下）；的，不能直接互相通信，通过服务和路由来进行通信。...

javascript递归遍历文件夹下面的所有文件并返回所有文件全路径名称数组以及解析JavaScript方法体字符串的结束位置

xfwdxt — Fri, 07 Jan 2022 18:09:08 +0800

前端脚本经常需要用到遍历指定文件夹下面的所有文件（包含子文件夹）的内容并做特定的逻辑处理，下面给出同步遍历的方式，开箱即用。 main() function main() { let allFiles = getAllFiles(srcDir); console.log(`文件数量:${allFiles.length}`); for (let i = 0; i < allFiles.length; i++) { let filePath = allFiles[

Linux系统查看开放的端口、开启指定端口、关闭指定端口和查看及删除定时任务

xfwdxt — Fri, 12 Mar 2021 11:32:51 +0800

Linux系统管理端口的操作命令以下操作在需要开启防火墙，防火墙的开启(重启)、关闭和查看防火墙的状态见末尾 1.查看所有已经对外开放的端口：firewall-cmd --list-ports 2.开启指定的端口：firewall-cmd --zone=public --add-port=8080/tcp --permanent 3.关闭指定的端口：firewall-cmd --zone=public --remove-port=8080/tcp --permanent 4.重启防火墙才能生效：

Idea自带的工具打jar包和Maven打Jar包（SpringBoot工程）

xfwdxt — Thu, 11 Mar 2021 17:22:00 +0800

1.Idea自带的工具打jar包（1）点击菜单栏的File后选中Project Structure，接着按如下图所示操作：（2）点击“OK”按钮后会出现下图的界面，然后继续点击“OK”按钮（3）现在开始打jar包，选中要打包的module按如下图所示操作：（4）打完之后会发现第2步中的Output Directory中指定的位置会出现xxx.jar包 2.Maven打Jar包（推荐） pom.xml文件的配置示例：要点：（1）指定打包方...

Vim编辑器最常用的快捷键

xfwdxt — Wed, 10 Mar 2021 17:44:37 +0800

Vim编辑器常用快捷键光标移动到行首、行尾：数字0/$ 光标移动到第一行、最后一行：大写H/L 快速移动到第一行也可以用gg 光标移动到第几行、从当前位置跳跃几行：数字+大写G 数字+回车向上搜索：/字符向下搜索：?字符删除光标所在的字符（往后删）、删除光标前面的一个字符（往前删）：x/X 删除当前行： dd 删除光标所在字符到该行末尾：d$ 当前行前面插入空行：大写字母O（并进入insert模式）复制当前行，复制当前行及下面的总共n行：yy nyy.

Oracle和MySQL多表条件分页查询的高效SQL语句、MySQL分页查询总数total的获取

xfwdxt — Wed, 27 Jan 2021 13:54:00 +0800

Oracle数据库分页查询：利用rownum和between and关键字 -- 查询员工表和薪水表的分页sql（pageNo：页号从1开始，pageSize：每页大小） select * from( select ROWNUM rNo, user_id, user_name, user_dept, user_salary from( select info.user_name, salary.* from zdy_userinfo inf.

div内容居中和布局居中样式总结

xfwdxt — Mon, 21 Dec 2020 11:24:34 +0800

1.div的内容居中（1）水平居中

CSS： div{ display: block; // div默认为块级元素，如果是第三方控件或继承父类元素不是block，则需要指定（必要时提高优先级） text-align: center; } （2）垂直居中设置line-height等于height即可（当line-height为

Mac安装mysql8.x最简洁的步骤，避免采坑

xfwdxt — Wed, 28 Oct 2020 17:20:11 +0800

1.下载mysql8的.dmg安装包（官网下载需要Oracle账号，推荐网上搜索一个8系列的版本即可） 2.双击.dmg安装包，不断点击下一步。但是需要注意以下两点：（1）密码认证方式都选第二个（不是默认的，即传统的认证方式）；（2）输入root用户的密码（一定要记下来，忘记了可以重置但是比较麻烦，推荐通过系统设置点击mysql服务后再uninstall重装） 3.打开系统设置-点击mysql服务logo-点击Stop Mysql Server； 4.配置环境变量到~/.bash_prof

Thymeleaf模板引擎处理日期输入框回显问题type=“date“类型的坑和单选按钮、复选框的回显

xfwdxt — Mon, 13 Jul 2020 11:58:15 +0800

type="date"类型的日期输入框的默认格式为"yyyy/MM/dd"，但是如果试用Thymeleaf模板日期格式化工具类的时候使用"yyyy/MM/dd"就无法回显数据，必需使用类似于"yyyy-MM-dd"这种格式才能回显。

Idea Spring Boot配置文件.yaml或.properties不能自动提示的有效解决办法

xfwdxt — Mon, 06 Jul 2020 17:52:43 +0800

SpringBoot项目的配置文件.yaml/.yml/.properties文件编写的时候没有自动提示，网上的解决办法五花八门，不一定适合具体个人的IDE环境，下面总结一套能解决绝大部分情况的方案：先给出能自动识别的图样：步骤1：先检查IDEA是否安装了支持SpringBoot项目的插件（如果是通过IDEA创建的SpringBoot项目都集成了），如下图所示：步骤2：检查IDEA的文件类型识别器File Types是否支持.yaml,.yml,.properties结尾的文件 ..

webpack打包前端项目入门

xfwdxt — Tue, 23 Jun 2020 14:50:05 +0800

前言：在开发过程中，利用webpack可以帮我们自动把ES6语法编译成低版本浏览器能解析的JavaScript代码。下面给出webpack打包前端项目入门案例。 [终端：进入项目所在目录] 1.初始化项目依赖： npm init -y 2.安装webpack-cli脚手架 npm install webpack webpack-cli --save-dev 3.配置打包运行命令[package.json文件中]"dev": "webpack --mode development --watch"

Mac系统容易忽视但很实用的命令整理

xfwdxt — Mon, 01 Jun 2020 11:22:15 +0800

001.终端指定用哪个软件打开指定的文件 # open -a 实用哪个软件(软件名有空格需转义) 文件名路径 open -a /Applications/Google\ Chrome.app xx.html 002.终端下载文件 # curl -o 存储到本地的文件路径服务器上的文件路径 curl -o foo.pdf 'http://server1.cyberciti.biz/foo.pdf' 003. ...

金额输入框校验和自动校正、支持指定任意位数小数decimal、支持只能输入整数、支持是否允许输入负数等功能

xfwdxt — Fri, 29 May 2020 19:08:38 +0800

应用场景：开发前端交互页面时，经常遇到金额输入框、指定小数位数的数字输入框，单一的正则表达式无法满足大部分的业务校验需求，下面总结一个实用巧妙而又灵活的把普通输入框变成自动校正输入框的解决方案：数字（金额）输入框：输入金额：原生JS自动校正： let dom = document.getElementById("money"); dom.addEventListener("input", function () { co...

总结JSON.parse()报错VM71:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0等之类的问题

xfwdxt — Sat, 23 May 2020 21:21:20 +0800

问题场景：在调试前端应用的时候经常出现形如“Uncaught SyntaxError: Unexpected”之类的令人头疼觉得莫名其妙的问题；所以有必要总结整理一下关于JSON.parse()这个API方法的注意事项。以便在以后的开发中出现类似的问题能第一时间想到可能是这个方法的参数值不合法导致的报错。常见取值对应报错的情况： ...

CSS定位总结：position=static/relative/absolute/fixed时的区别、top/bottom/left/right与margin外边距的运用

xfwdxt — Thu, 14 May 2020 16:17:24 +0800