zhliwang的博客

:active伪类不生效

zhliwang — Thu, 05 Sep 2024 19:22:48 +0800

在ios中，可能出现伪类active不生效的情况，解决方法 document.body.addEventListener(‘touchstart’, function () { //…空函数即可});

兼容微信字体变大，页面错乱问题

zhliwang — Sun, 28 Jun 2020 20:08:45 +0800

开发过程中发现一个问题，当用户的将微信的字体调大之后，会导致页面的字号变大，从而导致页面发生错乱，解决方案如下 ios环境 //需要在css里面添加 body{ -webkit-text-size-adjust: 100% !important; } 安卓环境 //使用了微信内置的JSBridge (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "

css超出显示...

zhliwang — Tue, 19 May 2020 18:22:18 +0800

//一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; //两行 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -...

mac开启关闭暗黑模式

zhliwang — Tue, 19 May 2020 18:18:42 +0800

1.开启暗黑模式终端输入 defaults write -g NSWindowDarkChocolate -bool TRUE 重启电脑 2.关闭暗黑模式终端输入 defaults delete -g NSWindowDarkChocolate 重启电脑

使用轮播图后，页面文字跟随轮播图闪动

zhliwang — Tue, 19 May 2020 18:17:30 +0800

在工作过程中，发现使用轮播图后，页面上的文字跟着轮播图一起闪动，解决方案：在轮播图的最外层的样式，添加一行代码 //css transform: translateZ(0); 便可以解决注意⚠️一定要在轮播图的最外层！！！ ...

css实现文字颜色渐变效果

zhliwang — Thu, 16 Apr 2020 17:47:05 +0800

在开发过程中，不免会遇到这样的设计稿，要求文字实现渐变的效果，那我们应该如何实现呢 //html

如果感觉有用，请点个赞呢！！！

// css p{ background-image:-webkit-linear-gradient(top,#00f,#f00); -webkit-background-clip:text; -web...

vue报错Expected indentation of 4 spaces but found 6，Missing space before function parentheses

zhliwang — Fri, 03 Apr 2020 17:12:42 +0800

自己做了一个vue的小demo，在开发过程中发现：编译器终端经常报错类似： Expected indentation of 4 spaces but found 6 Missing space before function parentheses 但页面会正常显示，如图检查发现是在初始化的时候默认安装了ESLint（代码检测工具，统一代码风格），解决方案是 1.找到bulid/webpac...

input框唤出键盘展示搜索按钮并去掉默认的x

zhliwang — Wed, 01 Apr 2020 14:43:28 +0800

input[type=search]::-webkit-search-cancel-button{ -webkit-appearance: none; }

mac查看端口占用情况和杀进程

zhliwang — Wed, 04 Mar 2020 13:55:29 +0800

1.打开终端 2.输入sudo lsof -i tcp:端口号，查看端口使用情况 3.输入sudo kill PID号，杀死进程，正常不会显示任何信息

html2canvas使用报错Attempting to parse an unsupported color function ""

zhliwang — Tue, 03 Mar 2020 17:06:19 +0800

html2canvas使用报错Attempting to parse an unsupported color function “” 开发中遇到一个很神奇的bug

js使用sort方法随机打乱一个数组

zhliwang — Mon, 16 Dec 2019 15:51:43 +0800

sort()方法随机打乱一个数组 sort方法的原理是冒泡排序（不懂可以自行百度）我们常用的sort()方法是用来排序（生序或者降序），代码如下 function sort(){ var arr = [200,4,6,85,2,56,361,6,836,642]; arr.sort((a,b)=>{ //a-b是升序，b-a是降序 ...

ios移动端，下滑卡顿问题解决方案

zhliwang — Tue, 03 Dec 2019 17:12:34 +0800

ios移动端，下滑卡顿问题解决方案好多开发移动端的小伙伴会遇到这个问题，下滑卡顿，这里需要做一下ios的兼容 /*只需要在css里面加一行代码，代码如下*/ .carton{ -webkit-overflow-scrolling: touch; } 亲测效果舒服的一批，体验瞬间提高！！ ...

解决ios系统app中标题无法更新问题

zhliwang — Tue, 26 Nov 2019 15:38:21 +0800

正常的更新title方法用一个vue项目举例： created(){ document.title = "title" } 但是我们会发现ios的app环境好像并不支持，原因是ios在加载title的时候只会加载一次，以后就不会再监听title的变化了，我们可以用iframe来解决title问题解决方法封装一个updateTitle方法； function updateTitl...