文章分类 -  Web前端相关

Web前端相关
js 实现sleep函数的几种方式
摘要：sleep函数作用是让线程休眠，等到指定时间在重新唤起。 ## 方法一：这种实现方式是利用一个伪死循环阻塞主线程。因为JS是单线程的。所以通过这种方式可以实现真正意义上的sleep()。 ```javascript function sleep(delay) { var start = (new D 阅读全文
posted @ 2023-06-26 06:11 晴云孤魂 阅读(7107) 评论(0) 推荐(0)
远程无线调试安卓手机(mi9)的chrome浏览器
摘要：# 引言 最近使用[uni-app](http://zh.uniapp.dcloud.io/)创建了一个H5项目;里面使用了自带的video播放m3u8格式的直播视频;由于播放器的限制PC上没有对应解码器,因此只能在手机上看到视频播放效果;这就给debug调试带来了很大的不便. 既然电脑上可以deb 阅读全文
posted @ 2023-06-19 18:09 晴云孤魂 阅读(1059) 评论(0) 推荐(1)
在webpack中使用Code Splitting--代码分割来实现vue中的懒加载
摘要：当Vue应用程序越来越大，使用Webpack的代码分割来懒加载组件，路由或者Vuex模块, 只有在需要时候才加载代码。 我们可以在Vue应用程序中在三个不同层级应用懒加载和代码分割: 组件，也称为异步组件 路由 Vuex 模块 但是他们都有一些共同之处：自webpack2.0版本之后,他们都使用动态 阅读全文
posted @ 2023-04-12 18:01 晴云孤魂 阅读(66) 评论(0) 推荐(0)
网页F12调试陷入无限断点(Debugger)的解决方法
摘要：在查看源代码时，发现按F12（打开开发者模式），会无限陷入debugger断点调试。 无限debugger的主要作用？ 反调试/反爬虫：阻止我们调试和分析目标代码的运行逻辑 无限debugger的基本实现 debugger关键字的应用： Function/eval “debugger” functi 阅读全文
posted @ 2023-04-05 22:12 晴云孤魂 阅读(4137) 评论(0) 推荐(0)
webpack的四个核心概念介绍
摘要：前言 webpack 是一个当下最流行的前端资源的模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的bundle - 通常只有一个，由浏览器加载。 它是高度可配置的，我们先理 阅读全文
posted @ 2023-04-04 02:41 晴云孤魂 阅读(78) 评论(0) 推荐(0)
微信小程序button按钮去除圆角
摘要：背景：小程序使用button，会有一个默认圆角，如果修改数值比较容易，想要去掉就可能遇到坑。 原因：小程序的设计风格是button的border和圆角等都是通过after写的，如果需要去掉圆角效果，最好是使用如下代码： button{ border-radius:0; } button::after 阅读全文
posted @ 2023-03-26 00:31 晴云孤魂 阅读(232) 评论(0) 推荐(0)
HbuilderX 更改内置终端为 gitBash
摘要：HbuilderX内置终端使用的是 PowerShell 或者 Cmd，用不习惯，还是改为 gitBash 吧。 只需要在 HbuilderX 的安装路径下找到这个文件：HBuilderX\plugins\builtincef3terminal\script\main.js，直接对 shell 赋值 阅读全文
posted @ 2023-03-25 19:12 晴云孤魂 阅读(195) 评论(0) 推荐(1)
移动前端开发之viewport的深入理解
摘要：移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 阅读全文
posted @ 2023-02-25 16:39 晴云孤魂 阅读(104) 评论(0) 推荐(0)