- 博客(37)
- 收藏
- 关注
RSS订阅原创 http自动跳转到https301重定向的设置方法
设置方法如下：在网站根目录下创建 .htaccess 文件，如果目录下已经有 .htaccess 文件，用代码编辑器打开，在最下面添加写入如下301重定向规则语句即可：RewriteEngine onRewriteBase /RewriteCond %{SERVER_PORT} !^443$RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R=301]...
2022-01-24 11:22:10
2714
原创 Linux查看该文件夹大小
cd / //切换到占用空间最大的盘下面，其实就是我的根目录下面du -h --max-depth=1 //查看该文件夹下面的所有文件大小
2021-12-30 18:07:55
490
原创 Git报错解决：OpenSSL SSL_read: Connection was reset, errno 10054 错误解决
*首先，造成这个错误很有可能是网络不稳定，连接超时导致的，如果再次尝试后依然报错，可以执行下面的命令。打开Git命令页面，执行git命令脚本：修改设置，解除ssl验证git config --global http.sslVerify "false"...
2021-11-19 09:31:27
536
原创 vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log
vue-cli2.0中的方法1.安装插件npm install uglifyjs-webpack-plugin --save-dev2.修改webpack.prod.conf.js配置文件const UglifyJsPlugin = require('uglifyjs-webpack-plugin');plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new we
2021-11-09 14:37:26
349
原创 升级vue项目中的element-ui的版本
首先卸载项目中的element-ui命令为：npm uninstall element-ui安装更新最新的element-ui命令为npm i element-ui -S（更新想要安装的版本命令为npm install element-ui @2.0.11 -S）同理更新项目中的node-sassnpm uninstall --save node-sasscnpm install --save node-sass...
2021-10-13 11:52:27
840
原创 JavaScript--有哪些情况会产生闭包？
说起闭包，总是让人觉得陌生又熟悉，听起来似乎并不是那么难，却又好像从来没有知道哪些地方会永=用到闭包。我们来归纳一下，有什么情况下会是闭包。闭包的概念在你不知道的Javascript上卷一书中，闭包的定义是这样的：当函数可以记住并访问所在的词法作用域,即使的函数是当前词法作用域之外执行，这时就产生了闭包。怎么理解这句话呢？就是说当函数内部的东西，能在函数外面执行的时候，这就产生了闭包。是不是很简单？那么哪些情况会产生闭包呢？产生闭包的情况（一）回调闭包function wait (message)
2021-07-30 09:12:34
887
原创 React--React中组件间的如何通信？
我们之前说过React是一个组件至上的技术栈，所以，组件之间的通信就是大家关注的话题。主要有以下几种：父子组件父子组件的传值通过props来实现。var parent = () => { let name = "I'm Lee!" return ( <div> <Child name="{name}"/> </div> )}var child = (props) =>
2021-07-28 18:41:22
108
原创 React--React中React Hooks的实现原理是什么？
react技术栈的迭代是非常快的，但是版本16也许是一次革命性的迭代。从版本16开始，react的底层由stack算法转变为fiber算法，大大提高了性能。而在16.8之后react又新增了hooks的概念。在老版本的react中，开发者所开发的大多都是class组件和少部分的函数组件，对于函数组件来说，它仅仅只是一个纯UI的展示组件，只能接受props，而不能有自己的state。而对于class组件来说，问题也是不少：组件状态复用艰难，让人无奈的this问题，高阶组件和函数组件的嵌套层次太深，复杂组件变得
2021-07-28 18:35:55
2166
原创 使用Javascript从字符串中提取网址
javascript正则表达式从锚标记中提取锚文本和URLvar url_match = /https?:\\/\\/([-\\w\\.]+)+(:\\d+)?(\\/([\\w/_\\.]*(\\?\\S+)?)?)?/;alert(url_match.test("https://www.csdn.net/"));
2021-07-26 15:30:41
1896
1
原创 ESLint 开始，说透我如何在团队项目中基于 Vue 做代码校验
最近遇到了一个老项目，比较有意思的是这个项目集前后端的代码于一起，而后端也会去修改前端代码，所以就出现了后端用 IntelliJ IDEA 来开发前端项目，而前端用 VSCode 来开发前端项目的情况。于是乎，出现了代码规范的问题，所以就有了这篇文章，整理了一下前端代码校验以及在 Vue 项目中的实践。阅读完这篇文章，你可以收获：能够自己亲手写出一套 ESLint 配置；会知道业界都有哪些著名的 JS 代码规范，熟读它们可以让你写出更规范的代码；vue-cli 在初始化一个包含代码校验的项目时都做
2021-07-21 10:23:11
390
原创 javascript调用java的方法
这篇文章主要讲述如何在JavaScript脚本语言中调用Java类和接口，对大家的学习和工作有一定的参考借鉴价值，有需要的朋友们下面来一起看看吧。前言本文中所有的代码使用 JavaScript 编写，但你也可以用其他兼容 JSR 223 的脚本语言。这些例子可作为脚本文件也可以在交互式 Shell 中一次运行一个语句的方式来运行。在 JavaScript 中访问对象的属性和方法的语法与 Java 语言相同。本文包含如下几部分：1、访问 Java 类var ArrayList = Java.type
2021-07-21 10:11:52
15365
8
原创 react请求数据，在render中显示
1.准备工作通过create-react-app 创建的根目录下有一个public目录，请求时会到该目录下寻找数据，因此把假数据放到该目录下下载并且引入axios模块2.实现过程在componentWillMount下请求数据，componentWillMount() { axios.get('http://localhost:5000/test/menu.json') .then( res => { this.
2021-07-16 16:05:09
778
原创 Nginx 常用配置清单
Nginx 是一个高性能的 HTTP 和反向代理 web 服务器，同时也提供了 IMAP/POP3/SMTP 服务，其因丰富的功能集、稳定性、示例配置文件和低系统资源的消耗受到了开发者的欢迎。本文，我们总结了一些常用的 Nginx 配置代码，希望对大家有所帮助。侦听端口server {# Standard HTTP Protocollisten 80;# Standard HTTPS Protocollisten 443 ssl;# For http2listen 443 ssl htt.
2021-07-10 11:22:56
233
2
原创 访问图片出现403的解决办法
403是防止盗链的错误方法一：使用no-referrer这种方案不仅针对图片的防盗链,还可以是其他标签.在前端页面头部添加一个meta<meta name="referrer" content="no-referrer" />referrer的几种状态<!-- a标签的referrer --><a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>
2021-07-09 14:35:53
1601
原创 el-image动态数据返回 图片加载失败问题
问题：动态返回的数据，回显图片加载失败，使用了懒加载也不行，异步加载没有刷新解决：使用v-if，图片存在时再渲染<el-image style="width: 100px; height: 100px" lazy v-if="add_form_dialog.img" :src="add_form_dialog.img" :preview-src-list="[add_form_dialog.img]"></el-image>&l.
2021-07-09 12:38:27
2236
原创 Nginx报504 gateway timeout错误的解决方法
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" '
2021-07-09 09:14:39
642
原创 js中的 for 与 forEach 内使用return的问题
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++) {
2021-06-17 15:49:02
163
原创 element-ui 表格 修改后, 表格里面的数据不实时更新问题
element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题 完美解想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法6/7）尝试用的方法：自己用 this.show、在百度上找的方法 set 都没能成功提示：最下面有代码demo页面初始化：目标效果做法1：给"更多"绑定一个 v-show=‘show’ 把 this.show 设置为true ，点击"更多"按钮后 在点击事件里面把this.show 设置为false；结果1：未成
2021-05-14 15:37:59
3201
1
原创 vue组件里定时器销毁问题
方法一：在data函数中定义定时器名称：data(){ return { timer: null // 定时器名称 }}然后这样使用定时器：this.timer = (()=>{ // To do something}, 1000)最后在beforeDestroy()生命周期内清除定时器：beforeDestroy() { clearInterval(this.timer); this.timer = null
2021-05-13 11:04:03
162
原创 js如何在外部改变React受控组件的状态量？
chrome插件，可以自动触发预设的一系列元素事件。比如通过点击开始百度按钮，该插件就可以直接给百度搜索输入框填入"关键词"然后自动回车搜索。需求提炼出来其实就是自动化触发前端页面dom元素的一系列事件，主要分为两类：键盘事件，比如input元素输入赋值，keyCode13回车事件鼠标事件，比如click事件，mouseover事件，scroll滚动事件1.首先从最简单的触发，只考虑原生html/js开发的网站：input元素赋值很简单$eventTarget.value="关键词"触发
2021-05-02 14:42:13
904
原创 Excel 导入功能使用
excel-spring-boot-starter是一个基于Java的简单、省内存的读写Excel的开源项目。在尽可能节约内存的情况下支持读写百M的Excel。64M内存1分钟内读取75M(46W行25列)的Excel,当然还有急速模式能更快，但是内存占用会在100M多一点spring boot stater依赖方便在 web 环境下使用 easyexcel ，已上传至 maven 仓库。源码地址：excel-spring-boot-starter<dependency> &l
2021-04-21 17:08:16
589
原创 浅谈JS中的递归
一、递归递归（英语：Recursion）在数学与计算机科学中，是指在函数的定义中使用函数自身的方法在函数内部，可以调用其他函数。如果一个函数在内部调用自身本身，这个函数就是递归函数其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解一般来说，递归需要有边界条件、递归前进阶段和递归返回阶段。当边界条件不满足时，递归前进；当边界条件满足时，递归返回下面实现一个函数 pow(x, n)，它可以计算 x 的 n 次方使用迭代的方式，如下：function pow(x,
2021-04-20 09:58:49
770
2
原创 React开发eslint配置
Eslint介绍Eslint 是一个JavaScript验证工具,有了它可以让你的编辑器像ide一样进行一些静态的错误提示功能.npm install eslint -g项目需要安装的插件"babel-eslint": "^8.0.3","eslint": "^4.13.1","eslint-plugin-react": "^7.5.1",配置详情下面的配置涵盖了开发者所需要的绝大部分信息，rules中的值0、1、2分别表示不开启检查、警告、错误。你可以看到下面有些是0，如果有需要开启检
2021-04-16 16:23:41
912
原创 JSBridge 原理
JSBridge 的起源近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？这时我们想到了 Cordova ，Cordova 提供了一组与设备相关的...
2020-04-25 11:18:43
805
原创 vue+nginx+docker 的前端项目部署方案
前后分离的项目，前端工程师就会面临一个问题：如何部署前端项目？。因为我用的是vue，就在此基础上谈谈我的部署方案。首先想到的就是将项目打包后用nginx发布出来就好了。为什么不直接npm run dev？且不说性能问题，关键是在window上开发的代码放到linux上不一定能跑起来啊。npm install? 不存在的，因为我要部署的环境基本都是内网。也是因为部署环境基本是内网，也没有考虑...
2020-04-02 10:30:21
1066
1
原创 微信小程序配置ESlint
我们在写React、Vue等大项目、或者使用框架搭建小程序时，为了便于多人协作开发，常常会引入ESlint来规范代码书写，使得不同的开发者写出风格统一的代码。对于原生小程序项目，或许我们不需要使用webpack等模块打包工具，但我们同样可以配置合适的ESlint规范，来做代码管理。下面将配置ESlint的步骤总结如下：cd到我们的项目，安装ESlint：cnpm install eslint...
2019-10-28 10:49:27
8373
1
原创 如何用 jenkins 构建部署项目
Jenkins（Build great things at any scale）what is JenkinsJenkins是开源 CI（Continuous Integration：持续集成）&CD（Continuous Delivery：持续交付） 软件领导者， 提供超过 1000 个插件来支持构建、部署、自动化， 满足任何项目的需要，支持各种运行方式，可通过系统包, Dock...
2019-09-17 15:32:23
269
原创 Git pull 强制覆盖本地文件
Git pull 强制覆盖本地文件git fetch --allgit reset --hard origin/mastergit pull
2019-08-29 09:58:21
279
原创 Maven安装与配置
一、需要准备的东西JDKEclipseMaven程序包二、下载与安装前往https://maven.apache.org/download.cgi下载最新版的Maven程序：2.将文件解压到D:\Program Files\Apache\maven目录下:新建环境变量MAVEN_HOME，赋值D:\Program Files\Apache\mave...
2019-06-03 10:47:20
195030
14
原创 实现iframe父窗体与子窗体的通信
本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。同时本文会提供一个可运行的实例代码，实现在父窗体中，获取到来自子窗体的数据的效果。0.背景介绍(1)需要在当前的前端项目中，使用iframe嵌套别的站点页面。(2)当子窗体触发了一个事件后，要给父窗体传一个跳转地址的url。父窗体监听到这个事件后，根据接收到的url，来更新当前父窗体的url，...
2019-05-29 10:38:34
160
原创 ts加密md5码封装
tsconfig.json{ "compilerOptions": { "module": "commonjs", "target": "es6", "sourceMap": true }, "exclude": [ "node_modules" ]}test:let str = Md5.Instance.get_md5("123456")...
2019-05-20 10:48:40
8470
6
原创 iframe子页面获取父页面的点击事件
iframe子页面获取父页面的mouseenter事件,需要load事件指定iframe元素加载完成时运行的函数父页面Html代码：<head> <meta charset="UTF-8"> <title>parent page</title> <script type="text/javascript" s...
2019-05-16 18:50:09
1815
原创 小程序自定义组件实例
一 小程序提供了很多api和基础组件，但为减少代码的复杂度和提高复用率，小程序也提供了自己的代码复用机制:小程序复用：页面模版（template），组件模版（component，使用时用标签的形式）。这两种模版的写法和之前页面的写法是一样的，都有四个文件 wxml，js，wxss, json二我们在使用基础组件时比如 总会写事件和属性值，自定义组件也一样需要有自己的属性和事件，属性分...
2019-05-10 08:56:23
1477
转载 Flex 布局
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能...
2019-05-06 09:28:39
135
原创 arrow function syntax (=＞)‘ is only available in ES6 (use ‘esversion: 6‘)
Currently I’m running my tests with protractor/grunt but I’m getting the follow error message:‘arrow function syntax (=>)’ is only available in ES6 (use ‘esversion: 6’).I think my .jshintrc file ...
2019-05-05 18:38:55
2125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人