欢迎光临
我们一直在努力

Safari中touchstart的点击事件不存在 event.path 的兼容方法

ziyoukeji阅读(200)

本篇文章记录一下touchstart、touchmove、touchend点击事件的event参数在safari浏览器中无法获取path的解决方案

解决方案通过composedPath 获取 event.path

function touch(event) {
        var path = event.path || (event.composedPath && event.composedPath()) || '';
}

document.addEventListener('touchstart', touch, false);
document.addEventListener('touchmove', touch, false);
document.addEventListener('touchend', touch, false);

Sublime text 3:同时编辑多行内容

lizhihong阅读(361)

 

1. 同时修改多行选中文本 
   1) 选中相关多行文本
   2) Ctrl+Shift+L 【Command+Shift+L】

2. 相同内容,手动选择在文件内同时修改的数量
   1) 选中相关文本 
   2) 重复:CTRL+D 【Command+D】 #向下同时选中相同的文本

   相同内容,在文本内全部同时修改
   1) 选中相关文本
   2) Alt+F3 【Ctrl+Command+G】 #一次性选择全部的相同文本

3. 竖向选择多行文本同时编辑
   1) Shift+鼠标右键 【Option+鼠标左键】 【鼠标中键】 #竖向选择多行文本
   2) Shift+左右方向键 #增加或减少横向选择内容

4. 手动选择同时要编辑的文本内容
   1) Ctrl+鼠标左键 【Command+鼠标左键】

 

VSCode 中使用WSL 中ssh.conf 替换windows本地ssh配置

lizhihong阅读(287)

问题:

在vscode中使用ssh时,默认调用windows下的ssh.conf文件,需要让vscode使用wsl中的ssh.conf配置

解决步骤:

  1. 在win10本地建.bat 文件,比如:c:\ssh.bat
  2. 写入内容: C:\Windows\system32\wsl.exe ssh %*
  3. 在设置-> Settings 输入:remote.ssh.path  在Remote.SSH:Path中输入:c:\ssh.bat
  4. 重启VSCode

safari中flex布局时img宽高等比缩放自适应问题

ziyoukeji阅读(607)

本篇文章讲解一下safari浏览器中flex布局时img宽高等比缩放自适应问题。

今天用flex布局时,在flex布局中添加了img标签,为了方便我只设置了宽度,按理说高度会根据宽高比等比缩放自适应的。

但是在safari中高度没有变化导致图片变形了。

/*html*/
<div class="flexBox">
    <img src="image.jpg" alt="img"/>
</div>




/*css代码*/
.flexBox{
    display:flex;
}
 
.flexBox img{
    width:30%;
}

解决方案: 修改flexBox样式

.flexBox{
    display:flex;
    align-items:center;
}

 

line-height文字居中以及字体偏上的浏览器兼容问题

ziyoukeji阅读(600)

本篇文章记录一下line-height在移动端部分浏览器上导致字体偏上或偏下的问题的解决方法

原因一:字体小于12,导致line-height作用有偏差

原因二:可能用到了rem 字体大小是动态变的。导致line-height作用有偏差

我用flex布局解决此问题

<!DOCTYPE html>
<html>
<head>
	<title>demo exame</title>
	<style type="text/css">
		.box{
			position: relative;
			width: 200px;
			height: 50px;
			font-size: 20px;
                        /*line-height: 20px;*/
			background-color: gray;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	</style>
</head>
<body>
	<div class="box">
		文字居中
	</div>
</body>
</html>

flex布局中属性justify-content失效,不起作用

ziyoukeji阅读(1682)

本篇文章记录一下flex布局时属性justify-content: space-between;失效,不起作用,子元素并没有两边靠齐

此类问题可能不是一种情况导致的  我把收集的的资料整理记录 如下

  1.  检查子元素的样式是否有margin: 0 auto;  (我的问题是因为这个导致的,删除就好了)
  2. 检查盒子元素的宽度(子元素也可以添加尝试)
  3. 有的给全局添加了   *{padding:0; marrgin:0;}  (对我的情况没有效果 )

xpath在class有多个时的查找方法

ziyoukeji阅读(215)

本篇文章讲解一下xpath在css有多个时的查找方法

html代码如下

 <div class="css1">这是一</div>
 <div class="css2 css3 css4">这是二</div>

找class=css1的元素代码如下

document.evaluate("//div[@class='css1']", document).iterateNext()

找class=css2的元素代码如下, 上面的写法是找不到class有多个的情况的

document.evaluate("//div[contains(@class,'css2')]", document).iterateNext()

提示找不到文件gpedit.msc(亲测)

ziyoukeji阅读(422)

本篇文章记录一下解决关闭window10自动更新时提示提示找不到文件gpedit.msc的问题

本系统是windows10家庭版 亲测

 

第一步:在桌面空白处点击鼠标右键,建立一个空白的文本文件,如图所示

 

第二步:把下面文件拷贝到txt中 并保存

@echo off

pushd "%~dp0"

dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientExtensions-Package~3*.mum >List.txt

dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientTools-Package~3*.mum >>List.txt

for /f %%i in ('findstr /i . List.txt 2^>nul') do dism /online /norestart /add-package:"C:\Windows\servicing\Packages\%%i"

pause

第三步:将文件的拓展名由txt格式改成cmd格式,如图所示

第四步:选中文件右击,以管理员的身份运行,如下图所示

 

接下来会弹出一个cmd运行框,等待系统自动将组件加载完成如下

 

最后一步:点击win+R弹出运行,将gpedit.msc剪贴在输入框,点击确定,我们就可以看到本地组策略编辑器窗口了

 

 

解决 Xshell6要继续使用此程序,您必须应用最新的更新或使用新版本

ziyoukeji阅读(454)

本篇文章记录一下 Xshell6突然提示继续使用此程序,您必须应用最新的更新或使用新版本的解决方案

相关软件在最下面

第一步:需要下载c32asm反编译工具

第二步:找到xshell6的安装目录中的nslicense.dll文件

第三步:用xshell6打开nslicense.dll文件  选择十六进制模式如下图

 

第四步:用十六进制搜索  7F0C81F98033E1010F8681

第五步:  把86改成83

 

注: 如遇到下图情况  检查是否关闭了xshell6

 

 

相关软件

链接: https://pan.baidu.com/s/1iavCh1g4TwJnWH5hTffhdg

提取码: wcqk

 

 

微信小程序检查版本更新

ziyoukeji阅读(258)

本篇文章记录一下微信小程序检查版本更新的方法

 

//app.js
App({
    onLaunch: function () {
        //检查更新
        this.autoUpdate();
    },
    autoUpdate: function () {
        const updateManager = wx.getUpdateManager()

        updateManager.onCheckForUpdate(function (res) {
            // 请求完新版本信息的回调
            console.log("请求完新版本信息的回调",res.hasUpdate)
        })

        updateManager.onUpdateReady(function () {
            wx.showModal({
                title: '更新提示',
                content: '新版本已经准备好,是否重启应用?',
                success: function (res) {
                    if (res.confirm) {
                        // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                        updateManager.applyUpdate()
                    }
                }
            })
        })

        updateManager.onUpdateFailed(function () {
            // 新版本下载失败
        })
    }

})

自由技术,自由自在

项目合作联系我们