github_37759996的博客

js监听滚动到底部

github_37759996 — Wed, 16 Nov 2022 20:16:07 +0800

滚动底部

CentOS7虚拟机部署Part1

github_37759996 — Tue, 02 Aug 2022 17:27:05 +0800

nestjs

http自动跳转到https301重定向的设置方法

github_37759996 — Mon, 24 Jan 2022 11:22:10 +0800

设置方法如下：在网站根目录下创建 .htaccess 文件，如果目录下已经有 .htaccess 文件，用代码编辑器打开，在最下面添加写入如下301重定向规则语句即可： RewriteEngine on RewriteBase / RewriteCond %{SERVER_PORT} !^443$ RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R=301] ...

Linux查看该文件夹大小

github_37759996 — Thu, 30 Dec 2021 18:07:55 +0800

cd / //切换到占用空间最大的盘下面，其实就是我的根目录下面 du -h --max-depth=1 //查看该文件夹下面的所有文件大小

Git报错解决：OpenSSL SSL_read: Connection was reset, errno 10054 错误解决

github_37759996 — Fri, 19 Nov 2021 09:31:27 +0800

*首先，造成这个错误很有可能是网络不稳定，连接超时导致的，如果再次尝试后依然报错，可以执行下面的命令。打开Git命令页面，执行git命令脚本：修改设置，解除ssl验证 git config --global http.sslVerify "false" ...

vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log

github_37759996 — Tue, 09 Nov 2021 14:37:26 +0800

vue-cli2.0中的方法 1.安装插件 npm install uglifyjs-webpack-plugin --save-dev 2.修改webpack.prod.conf.js配置文件 const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new we

升级vue项目中的element-ui的版本

github_37759996 — Wed, 13 Oct 2021 11:52:27 +0800

首先卸载项目中的element-ui 命令为： npm uninstall element-ui 安装更新最新的element-ui 命令为 npm i element-ui -S （更新想要安装的版本命令为npm install element-ui @2.0.11 -S）同理更新项目中的node-sass npm uninstall --save node-sass cnpm install --save node-sass ...

JavaScript--有哪些情况会产生闭包？

github_37759996 — Fri, 30 Jul 2021 09:12:34 +0800

说起闭包，总是让人觉得陌生又熟悉，听起来似乎并不是那么难，却又好像从来没有知道哪些地方会永=用到闭包。我们来归纳一下，有什么情况下会是闭包。闭包的概念在你不知道的Javascript上卷一书中，闭包的定义是这样的：当函数可以记住并访问所在的词法作用域,即使的函数是当前词法作用域之外执行，这时就产生了闭包。怎么理解这句话呢？就是说当函数内部的东西，能在函数外面执行的时候，这就产生了闭包。是不是很简单？那么哪些情况会产生闭包呢？产生闭包的情况（一）回调闭包 function wait (message)

React--React中组件间的如何通信？

github_37759996 — Wed, 28 Jul 2021 18:41:22 +0800

我们之前说过React是一个组件至上的技术栈，所以，组件之间的通信就是大家关注的话题。主要有以下几种：父子组件父子组件的传值通过props来实现。 var parent = () => { let name = "I'm Lee!" return (

) } var child = (props) =>

React--React中React Hooks的实现原理是什么？

github_37759996 — Wed, 28 Jul 2021 18:35:55 +0800

react技术栈的迭代是非常快的，但是版本16也许是一次革命性的迭代。从版本16开始，react的底层由stack算法转变为fiber算法，大大提高了性能。而在16.8之后react又新增了hooks的概念。在老版本的react中，开发者所开发的大多都是class组件和少部分的函数组件，对于函数组件来说，它仅仅只是一个纯UI的展示组件，只能接受props，而不能有自己的state。而对于class组件来说，问题也是不少：组件状态复用艰难，让人无奈的this问题，高阶组件和函数组件的嵌套层次太深，复杂组件变得

使用Javascript从字符串中提取网址

github_37759996 — Mon, 26 Jul 2021 15:30:41 +0800

javascript正则表达式从锚标记中提取锚文本和URL var url_match = /https?:\\/\\/([-\\w\\.]+)+(:\\d+)?(\\/([\\w/_\\.]*(\\?\\S+)?)?)?/; alert(url_match.test("https://www.youkuaiyun.com/"));

ESLint 开始，说透我如何在团队项目中基于 Vue 做代码校验

github_37759996 — Wed, 21 Jul 2021 10:23:11 +0800

最近遇到了一个老项目，比较有意思的是这个项目集前后端的代码于一起，而后端也会去修改前端代码，所以就出现了后端用 IntelliJ IDEA 来开发前端项目，而前端用 VSCode 来开发前端项目的情况。于是乎，出现了代码规范的问题，所以就有了这篇文章，整理了一下前端代码校验以及在 Vue 项目中的实践。阅读完这篇文章，你可以收获：能够自己亲手写出一套 ESLint 配置；会知道业界都有哪些著名的 JS 代码规范，熟读它们可以让你写出更规范的代码； vue-cli 在初始化一个包含代码校验的项目时都做

javascript调用java的方法

github_37759996 — Wed, 21 Jul 2021 10:11:52 +0800

这篇文章主要讲述如何在JavaScript脚本语言中调用Java类和接口，对大家的学习和工作有一定的参考借鉴价值，有需要的朋友们下面来一起看看吧。前言本文中所有的代码使用 JavaScript 编写，但你也可以用其他兼容 JSR 223 的脚本语言。这些例子可作为脚本文件也可以在交互式 Shell 中一次运行一个语句的方式来运行。在 JavaScript 中访问对象的属性和方法的语法与 Java 语言相同。本文包含如下几部分： 1、访问 Java 类 var ArrayList = Java.type

react请求数据，在render中显示

github_37759996 — Fri, 16 Jul 2021 16:05:09 +0800

1.准备工作通过create-react-app 创建的根目录下有一个public目录，请求时会到该目录下寻找数据，因此把假数据放到该目录下下载并且引入axios模块 2.实现过程在componentWillMount下请求数据， componentWillMount() { axios.get('http://localhost:5000/test/menu.json') .then( res => { this.

Nginx 常用配置清单

github_37759996 — Sat, 10 Jul 2021 11:22:56 +0800

Nginx 是一个高性能的 HTTP 和反向代理 web 服务器，同时也提供了 IMAP/POP3/SMTP 服务，其因丰富的功能集、稳定性、示例配置文件和低系统资源的消耗受到了开发者的欢迎。本文，我们总结了一些常用的 Nginx 配置代码，希望对大家有所帮助。侦听端口 server { # Standard HTTP Protocol listen 80; # Standard HTTPS Protocol listen 443 ssl; # For http2 listen 443 ssl htt.

访问图片出现403的解决办法

github_37759996 — Fri, 09 Jul 2021 14:35:53 +0800

403是防止盗链的错误方法一：使用no-referrer 这种方案不仅针对图片的防盗链,还可以是其他标签. 在前端页面头部添加一个meta referrer的几种状态 xxx

el-image动态数据返回图片加载失败问题

github_37759996 — Fri, 09 Jul 2021 12:38:27 +0800

问题：动态返回的数据，回显图片加载失败，使用了懒加载也不行，异步加载没有刷新解决：使用v-if，图片存在时再渲染 &l.

Nginx报504 gateway timeout错误的解决方法

github_37759996 — Fri, 09 Jul 2021 09:14:39 +0800

nginx+tomcat 后端为tomcat，nginx代理报504超时错误。问题处理： 1、修改/etc/nginx/nginx.conf，添加如下信息： http { include /etc/nginx/mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$time_local] "$request" '

js中的 for 与 forEach 内使用return的问题

github_37759996 — Thu, 17 Jun 2021 15:49:02 +0800

save: function (flag) {// flag =1 , 点打印进来 var materialTableData = layui.table.cache.materialTree var _this = this; var result = false; for (var i = 0; i < materialTableData.length; i++) {

element-ui 表格修改后, 表格里面的数据不实时更新问题

github_37759996 — Fri, 14 May 2021 15:37:59 +0800

element-ui 表格修改后表格里面的数据后页面不实时更新问题完美解想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法6/7）尝试用的方法：自己用 this.show、在百度上找的方法 set 都没能成功提示：最下面有代码demo 页面初始化：目标效果做法1：给"更多"绑定一个 v-show=‘show’ 把 this.show 设置为true ，点击"更多"按钮后在点击事件里面把this.show 设置为false；结果1：未成