<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[txp1993的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/txp1993</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; txp1993]]></copyright><item><title><![CDATA[移动浏览器100vh高度未适应屏幕大小]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/137450570</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/137450570</guid><author>txp1993</author><pubDate>Sun, 07 Apr 2024 09:52:51 +0800</pubDate><description><![CDATA[移动浏览器100vh高度由于地址栏显示隐藏导致未适应屏幕大小]]></description><category></category></item><item><title><![CDATA[输入框去空格指令兼容ios苹果系统中文输入法]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/124452919</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/124452919</guid><author>txp1993</author><pubDate>Wed, 27 Apr 2022 15:51:59 +0800</pubDate><description><![CDATA[因为苹果IOS系统的中文输入法，是通过空格分隔拼音，如果去空格会打断中文输入法，造成输入混乱，所以需要进行兼容处理。]]></description><category></category></item><item><title><![CDATA[git上代码提交次数统计及上传代码量分类统计]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/115732618</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/115732618</guid><author>txp1993</author><pubDate>Thu, 15 Apr 2021 17:39:06 +0800</pubDate><description><![CDATA[在对应的项目目录下输入一下代码(备份)：


// 统计用户名在一段时间内的代码提交次数
git log --author=仓库用户名 --since="2020-01-01" --until="2020-12-31" --no-merges | grep -e 'commit [a-zA-Z0-9]*' | wc -l

// 分类统计项目下不同开发人员在一段时间内的提交代码量
git log --format='%aN' | sort -u | while read name; do echo -en ]]></description><category></category></item><item><title><![CDATA[in decorators but ‘ɵmakeDecorator‘ was called in ‘Injectable‘ ‘Injectable‘ calls ‘ɵmakeDecorator‘]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/115227303</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/115227303</guid><author>txp1993</author><pubDate>Fri, 26 Mar 2021 09:42:43 +0800</pubDate><description><![CDATA[记录angular build错误：ERROR in Error during template compile of 'xxx' Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'Injectable' 'Injectable' calls 'ɵmakeDecorator'.

错误原因大部分为node_modules库文件地址引用错误，导致代码引用版本方法不兼容，由于错误原因抛出不明显，可]]></description><category></category></item><item><title><![CDATA[解密微信小程序获取用户授权的用户信息/手机号码(前端解密)]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/108847937</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/108847937</guid><author>txp1993</author><pubDate>Mon, 28 Sep 2020 13:25:22 +0800</pubDate><description><![CDATA[(备份前端解密)解密代码如下：


import CryptoJS from 'crypto-js'
import {Base64} from 'js-base64'

export default {
  decryptData(sessionKey, encryptedData, iv) {
    let key = CryptoJS.enc.Base64.parse(sessionKey)
    let ivv = CryptoJS.enc.Base64.parse(iv)
    let dec]]></description><category></category></item><item><title><![CDATA[微信小程序实现附件(图片/视频)上传及附件(图片/视频)预览]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/105086977</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/105086977</guid><author>txp1993</author><pubDate>Wed, 25 Mar 2020 09:19:17 +0800</pubDate><description><![CDATA[微信小程序的图片/视频上传功能，小程序官网是提供了相关的API语法。本例使用了 wx.chooseMedia 选择或拍摄图片/视频附件，通过 wx.uploadFile 方法上传至服务器，在需要的地方将服务器存储的附件地址查询出来提供展示预览。预览主要实现了图片的手势缩放及托动，视频的可全屏播放等功能。

本例主要使用了taro及taro ui 组件开发，与小程序官方语言基本兼容，定义了附件的上传...]]></description><category></category></item><item><title><![CDATA[基于WebRTC的网络点对点实时音视频通信测试样例]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/104625404</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/104625404</guid><author>txp1993</author><pubDate>Tue, 03 Mar 2020 09:27:34 +0800</pubDate><description><![CDATA[本例使用socket.io作为信令服务，在node运行环境下进行的WebRTC交互通信。由于安全限制等原因，样例只能在本地localhost或者https链接地址环境下测试，如果想在局域网测试，可以在谷歌快捷键目标位置加上：


--unsafely-treat-insecure-origin-as-secure="http://ip:3001" --user-data-dir="本地文件目录"
...]]></description><category></category></item><item><title><![CDATA[angular开发中自定义HTML5的video控制面板实现刷新、播放、进度条控制、倍数、声音、全屏等功能]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/104290463</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/104290463</guid><author>txp1993</author><pubDate>Thu, 13 Feb 2020 09:00:00 +0800</pubDate><description><![CDATA[开发中遇到需要自定义HTML5的video控制面板功能，结合网上资料进行了优化和实现，还可以自定义其它功能，备份下来：

1.实现效果图：



2.html代码片段：


&lt;div class="video-box"&gt;
  &lt;!--video 盒子--&gt;
  &lt;div class="video-box-body"&gt;
    &lt;video class="v...]]></description><category></category></item><item><title><![CDATA[工作开发中遇到的问题注意事项备份(遇到问题会持续更新)]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/104027803</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/104027803</guid><author>txp1993</author><pubDate>Sat, 18 Jan 2020 10:30:28 +0800</pubDate><description><![CDATA[火狐浏览器兼容性问题： disabled属性会阻止事件冒泡，导致一些复合组件点击事件无效。
	echart的柱状图数据为0时，无法通过点击事件触发交互，需要通过注册其它事件处理：
this.echartsIntance.getZr().on('click',params=&gt;{
 const pointInPixel= [params.offsetX, params.offsetY];
...]]></description><category></category></item><item><title><![CDATA[springBoot springSecurty导致的x-frame-options值为deny问题及跨域问题处理方法]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/103678098</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/103678098</guid><author>txp1993</author><pubDate>Tue, 24 Dec 2019 10:07:11 +0800</pubDate><description><![CDATA[1.问题解释说明：

X-Frame-OptionsHTTP响应头是用来给浏览器 指示允许一个页面 可否在&lt;frame&gt;,&lt;iframe&gt;,&lt;embed&gt;或者&lt;object&gt;中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免被攻击。

X-Frame-Options有三个可能的值：

X-Frame-Option...]]></description><category></category></item><item><title><![CDATA[css实现任意图片颜色置灰(或指定颜色)切换]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/89839633</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/89839633</guid><author>txp1993</author><pubDate>Sun, 05 May 2019 09:51:02 +0800</pubDate><description><![CDATA[css实现任意图片颜色置灰(或指定颜色)切换，该代码为备份内容，以便下次查找

1.html部分：


&lt;div class="imgDiv"&gt;&lt;i class="off_line imgChange" title="离线"&gt;&lt;/i&gt;离线&lt;/div&gt;

2.css部分：


.off_line {
  background: url("../img/...]]></description><category></category></item><item><title><![CDATA[微信小程序实现每个页面的首页返回按钮上下拖动 (taro使用了MovableArea,MovableView实现，微信小程序类似)]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/89190015</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/89190015</guid><author>txp1993</author><pubDate>Wed, 10 Apr 2019 18:12:13 +0800</pubDate><description><![CDATA[1.效果如图：



2.customNavBar.styl代码：


.home_area {
  position: fixed;
  right: 0rpx;
  width: 10rpx !important;
  height: 80vh !important;
  z-index: 998;
}
.home_view {
  text-align: center;
  line-hei...]]></description><category></category></item><item><title><![CDATA[微信小程序textarea层级过高覆盖其他组件的解决方法，亲测优化有效(taro,微信小程序原代码类似)]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/88997860</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/88997860</guid><author>txp1993</author><pubDate>Wed, 03 Apr 2019 16:15:21 +0800</pubDate><description><![CDATA[今天在做微信小程序一个页面多个textarea输入框时，出现了textarea层级过高覆盖其他组件的问题，在网上搜了很多资料，按照某一个解决方案思路去尝试，但是还是遇到了部分问题，最终优化解决了这些问题，运行效果图如下：



具体代码如下：

app.styl:


.hide{
 display: none !important;
}

.show{
 display: block !impo...]]></description><category></category></item><item><title><![CDATA[tomcat配置参数实现前后端post请求参数无大小限制]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/87917485</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/87917485</guid><author>txp1993</author><pubDate>Mon, 25 Feb 2019 15:15:53 +0800</pubDate><description><![CDATA[tomcat部署下默认post请求提交参数大小为2M左右，超过这个大小，就会传值不成功

要使post请求参数无大小限制，需要在server.xml上修改，如下：
&amp;lt;Connector port=&quot;8080&quot; protocol=&quot;HTTP/1.1&quot; 
connectionTimeout=&quot;2000&quot; 
redirectPort=&quot;8443&quot; 
URIEncoding=&quot;UTF-8&quot;
maxT..]]></description><category></category></item><item><title><![CDATA[一个JS实现的LZW压缩算法方法实现字符串的压缩和解压]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/85702478</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/85702478</guid><author>txp1993</author><pubDate>Thu, 03 Jan 2019 16:25:18 +0800</pubDate><description><![CDATA[
function Binary(initData, p, l, bl) {
    var data = initData &amp;amp;&amp;amp; initData.constructor == Array ? initData.slice() : [],
    p = p | 0,
    l = l | 0,
    bl = Math.max((bl || 8) | 0, 1),
    ...]]></description><category></category></item><item><title><![CDATA[angular6基于jsplumb的规则引擎流程设计实现]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/83987553</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/83987553</guid><author>txp1993</author><pubDate>Mon, 12 Nov 2018 10:26:20 +0800</pubDate><description><![CDATA[jsPlumb是一个在元素之间绘制连接线的javascript框架，它使用svg技术绘制连接线。

相关资料链接：

 jsplumb官网：https://jsplumbtoolkit.com

 jsplumb中文：https://github.com/wangduanduan/jsplumb-chinese-tutorial，https://wdd.js.org/jsplumb-chine...]]></description><category></category></item><item><title><![CDATA[springboot项目集成angular服务的配置运用]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/81100143</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/81100143</guid><author>txp1993</author><pubDate>Wed, 18 Jul 2018 16:32:01 +0800</pubDate><description><![CDATA[1.环境安装：maven，jdk1.8，nodejs，npm，angular-cli

2.新建springboot项目，新建angular服务项目

3.springboot项目的pom.xml配置：


 &amp;lt;properties&amp;gt;
    &amp;lt;project.build.sourceEncoding&amp;gt;UTF-8&amp;lt;/project.build.sourceEncodi...]]></description><category></category></item><item><title><![CDATA[ELK介绍及部署安装运用]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/80998054</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/80998054</guid><author>txp1993</author><pubDate>Wed, 11 Jul 2018 11:45:55 +0800</pubDate><description><![CDATA[1	ELK简介ELK表示：Elasticsearch、Logstash、Kibana 三个开源软件的缩写。是集成这三个软件于一体的日志分析及全文搜索解决方案， 被广泛应用于实时日志处理、文档索引和搜索、以及数据的多维查询和统计分析等领域。（数据采集分析展示一体化）Elasticsearch 是一个分布式的 RESTful 风格的搜索和数据分析引擎。能够解决不断涌现出的各种用例。作为 Elastic...]]></description><category></category></item><item><title><![CDATA[eclipse中tomcat容器避免内存溢出的启动参数设置（备份）]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/80307052</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/80307052</guid><author>txp1993</author><pubDate>Mon, 14 May 2018 11:11:13 +0800</pubDate><description><![CDATA[设置如图：设置参数：-verbose:jc -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+DisableExplicitGC
-XX:+UseParNewGC -XX:+UseConcMarkSweepGC -XX:ParallelGCThreads=8
-Xms256m -Xmx640m -XX:NewSize=128m -XX:MaxNewSi...]]></description><category></category></item><item><title><![CDATA[使用echarts实现简单的动态缩放分页性能分析图]]></title><link>https://blog.youkuaiyun.com/txp1993/article/details/80268203</link><guid>https://blog.youkuaiyun.com/txp1993/article/details/80268203</guid><author>txp1993</author><pubDate>Thu, 10 May 2018 15:18:23 +0800</pubDate><description><![CDATA[记录下来，以备之需，实例代码如下：
//初始化参数或者方法
app.initTime = 6*1000;//设置更新一次数据的间隔时间ms
app.initTimeNum = 100;//设置展示时间段数据个数
app.clickSaveData = {};//点击分析图的数据存储对象

var legendData = ['表读取','字段选择','值映射','值映射1','值映射2','值映]]></description><category></category></item></channel></rss>