- 博客(74)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 jquery监听input值改变
$("input[name=age]").bind('input propertychange',function(){}
2022-06-08 09:37:16
13734
原创 axios请求下载excel文件以及文件乱码问题
一、如何下载文件通过接口下载文件方式这里提供两种方法作为参考：下载文件时responseType有两种类型可以指定，根据情况使用responseType: 'arraybuffer' 或者 responseType: 'blob'方法1：创建a标签实现this.axios.post('/export-excel', {}, { responseType: 'blob' }).then(function (res) { const url = window.URL.create
2022-03-31 10:45:30
3329
1
转载 Javascript之BOM与DOM讲解
Javascript之BOM与DOM讲解_晨港飞燕的博客-CSDN博客_dom和bom一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...https://bl
2022-03-28 14:16:09
72
原创 js动态添加style样式
var style = document.createElement('style') style.type = 'text/css' style.appendChild(document.createTextNode('input[type="checkbox"]:checked {\n' + ' /* background-position: -48px 0; */\n' + ' background: url(' + require('../../asse.
2021-12-14 16:56:59
8396
转载 element ui el-table 表格行错位问题
问题描述：第一次点开弹窗，显示表格正确，关闭再次打开弹窗，表格行显示错位<el-table-column prop="numberOfResidents" label="可入住人员（人）" align="left"> <template slot-scope="scope"> <el-select v-model="scope.row.numberOfResidents" placeholder="请选择可.
2021-12-01 15:48:39
1321
原创 Outlook客户端解析Html类型邮件样式问题
工作中常会有需求向用户发送邮件，需要前端工程师来制作html格式的邮件，但是由于邮件客户端对样式的支持有限，要兼容很多种浏览器需要注意很多原则：1.邮件使用table+css布局2.邮件主要部分在body内部，所以样式一定要写成内嵌的，不能在head标签中写style，也不能外联。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>生日祝福</t
2021-08-20 17:58:01
6430
原创 outlook邮件中样式错乱问题
场景：公司人力资源共享中心为关怀员工提出对在职员工推送生日祝福/入职周年庆祝的消息（含短信、企微、以及邮件），要求邮件和企微推送消息为网页形式展现。现象：邮件模板编写完成后不同的收件平台渲染的情况大相径庭，再outlook客户端以及网页版收到的邮件内容出现了严重的变形问题。如图所示（左侧为Foxmail显示、右侧为outlook显示）：代码：<div style="max-width: 414px;min-width: 414px;max-height:736px;min..
2021-08-13 10:37:50
5978
转载 CSS设置元素叠加显示
CSS元素的重叠方式负margin:给元素设置负margin使其移动后 原来的位置是不会保留的负margin可以让元素的占用空间变小 后面的元素可以覆盖当前的元素(这里有两个相同大小的div 宽高都是100px (如图一) 当我们给上面类名为div的div设置了-margin-bottom之后 (见图二) 我们发现下面的元素覆盖了-margin的位置)图一:浮动原来的位置不保留 并且可以遮盖住其他元素脱离页面流定位相对定位：原来位置保留 并且不会挤到其他元素，只会重叠..
2021-08-04 13:57:58
2536
转载 企业微信客户端web页面调试
企业微信Windows版本调试把devtools_resources.pak放到企业微信的安装目录下（复制的文件名，要保证为 devtools_resources.pak），注意安装目录带有版本号（4.0.1304.400是浏览器内核的版本号）；关闭企业微信，重新启动； 按快捷键 ctrl + alt + shift + D，进入调试模式； 在需要调试的页面上点击右键，点“开发者工具”，进入调试模式。企业微信Mac版本调试按下command+shift+control+D进入调试模式..
2021-07-28 15:29:23
4838
原创 DES加解密工具类
package com.whh.util;import javax.crypto.Cipher;import javax.crypto.SecretKey;import javax.crypto.spec.SecretKeySpec;/** * 基于DES算法的加密、解密操作 * @author whh * */public class DesCryp { /**算法类型，常用加密方式为DES、AES等**/ private static final String.
2021-07-15 09:17:47
98
原创 git仓库之多人协作开发模式
在我们开发中避免不了的一项就是代码管理，代码管理工具有很多，国外的有GitHub、GitLab...，国内有码云、腾讯开发者平台、阿里CODE等等，一版企业开发往往会自己搭建GitLab、SVN等常用的代码管理工具；又来代码管理工具，那怎么实现多人协作开发呢？我们这篇文章主要结合GitLab为代码仓库为例进行讲解。场景说明一个产品的上线会经历前期需求、产品研发、产品测试、交付使用这几大块，代码管理则是研发阶段需要关注的问题。多人协同开发 在以往我们多人开的时候，...
2021-07-08 16:12:59
530
原创 Nginx设置之自定义请求头
在前后端分离的大超流下，前端单独布局势必会产生请求跨域的情况，那么通过Nginx代理转发可以帮助我们解决这个问题；在特定接口的转发中往往会有设置自定义请求的场景存在，接下来我们来看一个最简单的请求头配置方式。我们先来说明一下配置项的作用和用法：1、proxy_set_header用于设定自定义请求头，例如：keyid：81dcfe44-0e3f-4161-a6e6-******c30fb8的请求头该怎么配置呢？proxy_set_header keyid 81dcfe44-0e3f-4161-a6e6
2021-07-06 17:21:45
17858
原创 CSS修改页面滚动条样式
众所周知浏览器默认的滚动条样式方方正正，怎么能跟得上前端高大上的页面要求，于是绝大多数开发者都会修改默认的滚动条样式以匹配页面，并且将其设置为全局样式。下面呢是一个修改滚动条样式的案例，供大家参考。/* 浏览器滚动条样式 */::-webkit-scrollbar { width: 10px; height: 10px;}::-webkit-scrollbar-button {}::-webkit-scrollbar-track { border-radius:
2021-07-06 09:31:53
358
原创 CSS左图右文水平居中显示
效果图：代码：<div slot="left"> <img src="../assets/user/user_img.jpg" class="user_img"/> <span class="user_name">王浩，您好</span></div><style>.user_img{ padding-left: 0; vertical-align: middle; /*wid
2021-06-10 15:44:14
289
原创 微信小程序之引入第三方组件库
在实际开发中我们往往会使用第三方的UI组件库行开发，在微信小程序开发中同样也是，下面我们以lin-ui框架为例进行演示具体引用步骤：1、引入lin-ui插件## 命令行引入npm i lin-ui2、构建npm3、将lin-ui组件引入到app.js全局配置文件中4、页面调用...
2021-05-24 17:17:28
944
原创 js监听浏览器窗口被激活
背景：A系统需要依赖于B系统的填报功能，在B系统填报完成后调用close方法关闭B系统；此时浏览器自主激活A系统窗口，激活A系统浏览窗口时需要更新数据状态，因此需要刷新A系统数据列表。方案：使用js的addEventListener和removeEventListener方法配合实现该操作。代码如下：// 原生浏览器窗户是否被激活方法export function monitorWindowStatus(self) { // 不同浏览器 hidden 名称 let hidde
2021-03-29 15:57:22
2547
原创 微信小程序之文件预览
let self = this wx.downloadFile({ url: 'https://myqcloud.com/itpmp/itpmp.pdf', //要预览的PDF的地址 // filePath: `${wx.env.USER_DATA_PATH}`, header: { // HTTP 请求的 Header，Header 中不能设置 Referer keyid: "0f1f8ff9-e2d7-4513-831...
2020-12-04 15:09:02
1089
原创 微信小程序之常见问题
问题1：体验版不可用**小程序体验版是为了再开发过程中避免上线审核带来的迟滞性，可以快速的进行内部人员进行测试。**注意：企业微信小程序，无法使用体验版进行内部测试；主要原因为该小程序依赖于企业微信中相关信息，审核平台无法进行风险评估。...
2020-12-04 14:52:58
165
原创 微信小程序之生命周期钩子函数
const app = getApp()Page({ data: { text: '', }, onLoad: function(options) { // 页面加载时执行的初始化工作 }, onReady: functon() { // 页面就绪后触发执行的操作 }, onShow: function() { // 页面打开时，触发执行的操作 }, onHide: function(.
2020-11-26 15:31:50
801
原创 微信小程序开发之点击事件传参
微信小程序点击事件传参形式和传统的原生点击事件传参略有差别，点击事件属性为“bindtap”，bindtap属性接收一个方法名称（例如 bingtap="testFunction"），但是不支持testFunction("id")的形式传递参数值function，小程序中新增了data-*属性值用于绑定对应参数；在指定testFunction方法中通过e.currentTarget.dataset.*来获取对应的参数后再进行后续逻辑处理。具体代码案例如下：<view class="itpmpca
2020-11-26 15:21:39
1354
原创 Nginx配置自定义请求头
有些业务在通过Nginx进行代理是需要增加一些自定义请求头信息，例如auc_system_code等等。具体配置方法如下：add_header keyid k123456;
2020-11-04 10:38:00
3077
原创 webstorm全局搜索搜不到内容
在使用webstorm的时候全局搜索是一个常用的功能，但是这段时间我发现全局搜索竟然搜不出内容了，明明有的内容却怎么也搜不出来，给开发过程带来了很大的不便。也找了一下资料，删除工程下的.idea目录、重新加载工程都不好使；其实这个主要原因是开发工具缓存的问题导致的，只要要清除缓存重新打开webstorm就可以了。1.点击菜单找到Invalidate Caches / Restart...2.清除缓存并重启就可以了。...
2020-05-20 11:04:53
7568
3
原创 gitlab代码仓库迁移
这几天公司业务调整，放弃使用第三方产品提供的项目维护产品（含gitlab仓库），这就牵扯到将项目代码从第三方产品的迁移至公司自己搭建的gitlab上，研究了一下，通过几行简单的命令就可以完成代码仓库迁移、分支以及提交记录进行迁移。具体步骤如下：解释： 1、远程仓库：即第三方产品git仓库，需要同步至本地仓库的代码源。 2、本地仓库：即公司自己搭建的gitlab。1、从“远程仓库”拉取代码在本地磁盘中新建文件夹并进入后，进入新建目录下执行下面的clone执行。git clo
2020-05-18 11:24:12
618
原创 Oracle查询表占用存储空间大小
查出单表数据占用存储空间大小：SELECT segment_name AS TABLENAME,round(BYTES/1024/1024,2) FROM user_segments WHERE segment_name='表名'查询数据库占用存储空间：select sum(bytes)/1024/1024 from dba_segments...
2020-02-28 11:36:38
2810
转载 linux下配置环境变量的几种方式
环境变量：那么什么是环境变量？简单说，就是指定一个目录，运行软件的时候，相关的程序将会按照该目录寻找相关文件。 设置变量对于一般人最实用的功能就是： 不用拷贝某些dll文件到系统目录中了，而path 这一系统变量就是系统搜索dll文件的一系列路径在Linux系统下，如果你下载并安装应用程序，很有可能在键入它的名称的时候出现 “command not found ” 的提示内容。 如果每次...
2019-12-02 11:35:37
194
原创 webstorm设置背景色以及调整字体大小
WebStorm是一款非常好用的前端开发神器，但是默认的主题用久了就会产生视觉疲劳（默认是白色/黑色主题）。修改字体按照顺序打开File-->setting-->Edit-->Font修改背景色护眼色RGB：R: 199; G: 237;B:204。色调：85；饱和度：123；亮度：205。按照顺序依次打开File-->settings...
2019-04-14 12:27:37
3027
原创 webstrom2018.2.4汉化包
Webstorm2018.2 汉化包，直接将安装目录下的lib文件夹中的原包resources_en.jar替换并重启即可，亲测有效。链接: https://pan.baidu.com/s/1XaAkY2T9GO9Owu7bicN-Gg 提取码: reai 复制这段内容后打开百度网盘手机App，操作更方便哦...
2019-04-14 11:36:55
281
转载 WebStorm2018版永久激活方法
WebStorm是一款非常好用的前端开发神器，但是如果不购买正式版的话只能获得30天的试用期。下面就介绍一下最新2018版的永久激活步骤吧！首先我们需要下载破解补丁，直接百度搜索关键词——IntelliJ IDEA 注册码。进入红框处网站后，下载红框标注的补丁文件。然后将补丁复制到webstorm安装目录的bin文件夹下面。大家可以参看红线框处我的路径，大家请结合自己的实际安...
2019-04-13 20:50:25
26754
原创 VUE--npm WARN [email protected] requires a peer of ajv@^6.0.0 but none is installed.
我是一个VUE初学者，在进行手动安装vue-router模块时控制台给出警告“npm WARN [email protected] requires a peer of ajv@^6.0.0 but none is installed.”，其实这里是本地电脑中确实ajv@^6.0.0然后咱们自己手动安装一下一下即可。错误提示信息npm install 提示信息手动安装ajv@^6.0.0...
2018-10-24 14:49:46
2481
1
转载 Chrome浏览器跨域设置
做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。版本号49之前的跨域设置先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加-
2017-12-08 17:52:22
485
原创 微信清理内置浏览器缓存
在做微信网页开发时，大家肯定会遇到无法清除网页缓存的问题，微信缓存机制是为了优化用户体验节省部分流量为出发点存在的。不过微信这一点倒是难道了不少IT民工，因为他们找合适的清理缓存的方法，其实微信为开发人员提供啦清理缓存的入口，那就是debugx5.qq.com 这个入口。在微信内置的流量器中打开这个地址就可以看到提供的微信功能。
2017-11-06 14:26:05
913
原创 关于IOS使用Cordova camera 无法压缩图片
问题描述：使用Cordova navigator.camera.getPicture拍照插件，结合文件上传实现拍照上传，将quality设置为30，在做测试时发现IOS上传的图片明显比android的图片大，分析发现IOS上传的文件为未压缩图片文件。解决方法：设置targetWidth和targetHeight来实现对图片的控制。 navigator.camera.getPictu
2017-09-21 18:03:57
1507
原创 Eclipse创建Mavenx项目抛错--maven-archetype-quickstart:1.1
使用Eclipse默认创建Maven项目时抛出Could not resolve archetype org.apache.maven.archetypes:maven-archetype-quickstart:1.1 from any of the configured repositories.错误解决方法：第一步：下载最新的maven-archetype-quickstart-1.1
2017-08-16 15:32:02
2183
原创 checkbox状态改变事件
$("input[type='checkbox']").off("click"); $("input[type='checkbox']").on('click',function(){ var flag = $(this).is(':checked'); if(flag){ if(user.corpId == $(this).attr("vociDeptId")){
2017-06-07 11:14:27
13664
原创 Linux crontab（定时任务）
crontab简介：crond 是linux下用来周期性的执行某种任务或等待处理某些事件的一个守护进程，与windows下的计划任务类似，当安装完成操作系统后，默认会安装此服务工具，并且会自动启动crond进程，crond进程每分钟会定期检查是否有要执行的任务，如果有要执行的任务，则自动执行该任务。配置说明：1、开启系统日志方便查看定时任务的log情况（默认Linux系统是已经开启
2017-06-05 14:57:29
321
原创 java web获取工程根目录地址
应用场景：将要操作的文件或者目录一同放在工程的某个目录下，连同工程一起部署放便管理。最容易想到的方式为system.getProperty("user.dir");但是这种方法在发布情况和对于Eclipse的情况获取到的地址是不同的，已发布的动态web工程是system.getProperty("user.dir")值为：D:/eclipse/，对于Eclipse则是D:/workspace/
2017-02-27 16:32:38
4516
maven-archetype-quickstart-1.1.jar
2017-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人