会一点前端、会一点Java、会一点Python

vue项目在windows系统能够成功build，但放到流水线打包时，直接报错。

一、 html页面生成图片的技术背景将html页面生成图片，目前经过本人验证的，有两种方式：1、纯前端通过html2canvas生成图片，2、将前端的dom传回Django后端，通过wkhtmltoimage生成图片但是以上两种方式，都有一个前提，就是需要用户先打开页面（即页面必须先在前端渲染完成），然后要么是通过setimeout自动延迟生成图片，要么是用户通过点击按钮，触发生成图片的请求。二、发送图片邮件的需求需求：在后端，做一个定时任务，定时发送日报周报邮件，邮件的正文是图片。图片

一、前言背景：最近有一个需求，要根据html页面，生成一个图片，并发送邮件。前端架构：vue+iview。技术选择：html2canvas 生成图片前提条件：npm i html2canvas二、代码实现编写toImage函数：创建一个htmltoimage.js文件,然后在main.js引入import html2canvas from 'html2canvas'import Vue from 'vue'const IMAGE = {}IMAGE.install = fu

一、背景背景：最近有一个需求，要根据html页面，生成一个图片，并发送邮件。后端架构：Python+Django。技术选择：imgkit+wkhtmltoimage组合生成图片前提条件：安装wkhtmltopdf二、代码实现首先是制作一个html模板文件：后端功能实现wkhtmltoimage的位置：在安装的wkhtmltopdf应用文件夹的bin文件夹下，wkhtmltopdf\bin\wkhtmltoimage.exeEXPORT_FILE：模板文件路径常量，EXPORT_

在配置nginx时，发现了许多要注意的地方，在此记录一些Nginx在线配置root或者alias的区别nginx是通过alias设置虚拟目录，在nginx的配置中，alias目录和root目录是有区别的：1）alias指定的目录是准确的，即location匹配访问的path目录下的文件直接是在alias目录下查找的；2）root指定的目录是location匹配访问的path目录的上一级目录,这个path目录一定要是真实存在root指定目录下的；3）使用alias标签的目录块中不能使用rewr.

webpack-study-new更加详细的webpack学习尚硅谷2020最新版Webpack5实战教程(从入门到精通)创建 src 下的 js 等文件后，不需要配置 webpack.config.js 文件，在命令行就可以编译打包。指令：开发环境：webpack ./src/index.js -o ./build/built.js --mode=developmentwebpack会以 ./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js 整体打

最近发现，element-ui的抽屉有bug，首先是自带的title，在打开抽屉时，默认出现聚焦的蓝色框框。如果没有使用抽屉组件自带的title，那页面中第一行的第一个tab或者button，也会有类似的问题出现针对el-tabs出现蓝框的解决办法：/deep/.el-tabs__item:focus.is-active.is-focus { box-shadow: none; }针对自带的title出现蓝色框框的解决办法： /deep/ :focus { outline.

一、样式问题1、使用vue+elementui时，发现有一些组件并不能导出pdf，只能使用传统html和css布局，这样导出的pdf更清晰2、需要将css集中放到模板文件中，然后将选择的导出模块替换到模板中二、导出table，换页时表头重复问题解决办法： thead { display: table-row-group;// 使用thead默认每页都显示表头 }三、实现部分后端模板export_file.txt：EXPORT_FILE = os.

一、前言部门现在的新系统的前端都是使用vue语言，前端管理系统用的框架都是element提供的vue-element-admin模板框架。只是针对公司业务，做了一些修改。其中权限控制模块用的比较频繁，所以今天就谈谈我们前端的vue项目权限控制是如何实现的。二、vue项目的权限控制思路权限控制分为菜单权限控制、按钮权限控制和请求url权限控制三大块。按钮权限控制比较容易，主要采取的方式是从后端返回按钮的权限，然后在前端进行显隐操作。url权限控制，主要是后端代码来控制，前端只需要规范好格式即可。剩下的菜

代码要部署在 /var/www/html/ dataNginx在线配置https://www.digitalocean.com/community/tools/nginx配置文件有个问题：文件sites-enabled下面的的一个*.conf文件，引用是不能用‘…/xxx’会报错，要用includeinclude sites-available/139.224.188.37.conf;连接mongodb问题（MongoDB compass 连接不上远程服务器的解决方法https://www.cn

一、背景最近开发完一个vue项目，上线时发现首屏加载时间很长，通过分析首屏加载时浏览器加载的资源，发现是因为打包时，对node_modules文件夹下面的第三方依赖打包很集中，导致压缩的js很大，加载时间变长。二、解决办法1、路由懒加载分组一开始路由就已经采用懒加载的方式，只不过没有采取懒加载分组的方式。懒加载分组模式如下：{ path: 'Script', ...

一、背景最近公司在开发云运维相关的系统，前端采用的技术框架是vue-cli3+vuex+aixos+element +avue。起初是没有想到用Avuejs，毕竟使用element-ui也适合大部分场景开发。随着开发进度的进行，发现element对table的封装不够，数据展示方面也没有那么优秀。本来是打算自己封装table，此时突然想起，Avuejs其实也是对element的二次封装，特别是t...

一、背景最近公司有个定制需求，需要开发一套能在钉钉上打开的移动端页面，功能简单，但时间也不是很多。因为有vue的开发经验，就决定使用vue做开发语言。又因为需要快速开发，就决定使用vant组件库来快速构建页面。如今，是想将这次开发的经验记录一下，供以后参考。二、页面构建和尺寸适配构建页面就直接使用vue-cli脚手架，可以快速创建一个项目。下面是创建项目的命令，具体选项就不多说了。vue...

最近自己使用vue-cli3框架，仿照起点中文页面，参考网上一些追书神器的api和项目，自己重新做了一个阅读器，顺便打包部署到阿里云。因为是第一次部署到云，所以踩了不少坑，特此记录这个过程，防止以后采坑。一、购买阿里云服务器因为我是第一次购买ecs（云服务器），所以有一个低配版免费试用一个月的机会，所以就先不花钱，直接领免费的，因为对配置也不是很在意，将就着用。二、使用Xshell和X...

一、vue-cli创建项目：npm install -g @vue/cli1、vue create xxx? Please pick a preset: Manually select features? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Lin...