![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
leoxiaoge
前端开发者
展开
-
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 · 241 阅读 · 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 · 1655 阅读 · 0 评论 -
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 · 2356 阅读 · 0 评论 -
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 · 656 阅读 · 0 评论 -
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 · 163 阅读 · 0 评论 -
js如何在外部改变React受控组件的状态量?
chrome插件,可以自动触发预设的一系列元素事件。比如通过点击开始百度按钮,该插件就可以直接给百度搜索输入框填入"关键词"然后自动回车搜索。需求提炼出来其实就是自动化触发前端页面dom元素的一系列事件,主要分为两类:键盘事件,比如input元素输入赋值,keyCode13回车事件鼠标事件,比如click事件,mouseover事件,scroll滚动事件1.首先从最简单的触发,只考虑原生html/js开发的网站:input元素赋值很简单$eventTarget.value="关键词"触发原创 2021-05-02 14:42:13 · 946 阅读 · 0 评论 -
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 · 618 阅读 · 0 评论 -
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 · 936 阅读 · 0 评论 -
JSBridge 原理
JSBridge 的起源近些年,移动端普及化越来越高,开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点,为了满足业务的需要,公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地,看起来无法联系,那么如何才能让双方协同实现功能呢?这时我们想到了 Cordova ,Cordova 提供了一组与设备相关的...原创 2020-04-25 11:18:43 · 812 阅读 · 0 评论 -
vue+nginx+docker 的前端项目部署方案
前后分离的项目,前端工程师就会面临一个问题:如何部署前端项目?。因为我用的是vue,就在此基础上谈谈我的部署方案。首先想到的就是将项目打包后用nginx发布出来就好了。为什么不直接npm run dev?且不说性能问题,关键是在window上开发的代码放到linux上不一定能跑起来啊。npm install? 不存在的,因为我要部署的环境基本都是内网。也是因为部署环境基本是内网,也没有考虑...原创 2020-04-02 10:30:21 · 1072 阅读 · 1 评论 -
微信小程序配置ESlint
我们在写React、Vue等大项目、或者使用框架搭建小程序时,为了便于多人协作开发,常常会引入ESlint来规范代码书写,使得不同的开发者写出风格统一的代码。对于原生小程序项目,或许我们不需要使用webpack等模块打包工具,但我们同样可以配置合适的ESlint规范,来做代码管理。下面将配置ESlint的步骤总结如下:cd到我们的项目,安装ESlint:cnpm install eslint...原创 2019-10-28 10:49:27 · 8431 阅读 · 1 评论 -
小程序自定义组件实例
一 小程序提供了很多api和基础组件,但为减少代码的复杂度和提高复用率,小程序也提供了自己的代码复用机制:小程序复用:页面模版(template),组件模版(component,使用时用标签的形式)。这两种模版的写法和之前页面的写法是一样的,都有四个文件 wxml,js,wxss, json二我们在使用基础组件时比如 总会写事件和属性值,自定义组件也一样需要有自己的属性和事件,属性分...原创 2019-05-10 08:56:23 · 1479 阅读 · 0 评论 -
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 · 8649 阅读 · 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 · 1828 阅读 · 0 评论 -
实现iframe父窗体与子窗体的通信
本文主要会介绍如何基于MessengerJS,实现iframe父窗体与子窗体间的通信,传递数据信息。同时本文会提供一个可运行的实例代码,实现在父窗体中,获取到来自子窗体的数据的效果。0.背景介绍(1)需要在当前的前端项目中,使用iframe嵌套别的站点页面。(2)当子窗体触发了一个事件后,要给父窗体传一个跳转地址的url。父窗体监听到这个事件后,根据接收到的url,来更新当前父窗体的url,...原创 2019-05-29 10:38:34 · 164 阅读 · 0 评论 -
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 · 195278 阅读 · 14 评论 -
Git pull 强制覆盖本地文件
Git pull 强制覆盖本地文件git fetch --allgit reset --hard origin/mastergit pull原创 2019-08-29 09:58:21 · 281 阅读 · 0 评论 -
如何用 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 · 273 阅读 · 0 评论 -
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 · 2147 阅读 · 0 评论