- 博客(34)
- 收藏
- 关注
RSS订阅原创 截屏浏览器时高曝光解决办法
1.浏览器的地址栏输入chrome://flags/或者edge://flags/3.修改选项值为sRGB或者Display P3 D65。2.输入并搜索force color profile。这个问题的出现跟显示器开启HDR模式有关。
2024-09-05 09:50:13
1171
原创 element Carousel 走马灯不自动轮播
mounted获取到数据赋值后，走马灯不自动轮播，需要点击或者鼠标悬浮后才能触发自动轮播。可以添加v-if判断在图片请求完成后nextick里控制显示。
2024-08-21 17:39:11
446
原创 nvm切换node版本失败
nvm安装的时候，有两个要选择文件夹的地方，前一步是选择node安装的位置，后一步是个什么链接，注意这个什么链接的文件夹一定要是空的文件夹，否则就会出现切换node不生效的问题，应该是可以通过修改环境变量中的NVM_SYMLINK为空文件夹路径来解决，不过我是重装了一边nvm。
2024-07-04 09:54:31
130
原创 让mavonEditor支持图片预览时图片可缩放可移动并且阻止滚动链传递
【代码】让mavonEditor支持图片预览时图片可缩放可移动并且阻止滚动链传递。
2024-05-23 11:24:34
293
1
原创 嵌套元素动画
可以使用vue的Transition标签, 标签内只能有一个元素, 且元素受到v-show或者v-if控制, 这也是触发动画的关键, Transition可以嵌套使用。
2024-05-22 11:03:37
130
原创 遮罩层内的元素滚动时不让遮罩层底下的元素滚动的办法
打开遮罩层的时候, 获取body元素的样式, 然后设置position为relative;overflow为hidden;这样页面就不会滚动了, 但是遮罩层可以滚动, 这里是从。知道的, 但是文中说, 如果给body设置了这俩样式属性后, 不管遮罩内的还是遮罩底下的都不会滚动, 但是实际操作发现, 遮罩内的会滚动, 遮罩底下的不会滚动.H5端目录列表的遮罩层在遮挡住文章内容后, 滚动目录列表会引起文章内容的滚动. 想要的效果打开目录列表遮罩层时仅目录列表滚动.
2024-05-21 15:42:43
528
原创 node-sass安装不上以及安装成功后运行程序可能会遇到cache-loader
本地已经有一个2.7版本的, 需要对python升级, 直接上官网下载, 然后安装的时候注意勾选上底下的那个设置路径的东西, 新版的python安装就一步, 老版的操作有很多, 然后就是打开命令提示符输入python,看看版本是多少。, 最好也是先把yarn.lock node_modules删除再走这个指令.node-sass有python环境的需求, 我本地的项目是。
2024-05-13 13:39:57
306
原创 flex布局无法居中问题
一种情况是文字与前置图标无法居中对齐, 这个可能是因为汉字的原因, 虽然设置了高度, 但是实际内容是超出这个高度的, 所以实际是局中了, 但是由于文字超出了所在行, 导致看着不居中
2024-04-30 08:59:00
281
原创 swiper自定义前后切换
官网描述中，swiper提供了navigation下的两个属性用于设置自定义前后跳转的元素。首先在html中添加两个标签作为前后跳转的元素，每个都有自己单独的class。然后从swiper/modules引入Navigation后，定义一个变量，用来存放nextEL和prevEL，nextEL和prevEL分别存放各自对应元素的class,swiper会根据这个来获取前后切换元素。
2024-04-26 10:27:19
494
原创 构建、工程化
构建其实是工程化、自动化思想在前端开发中的体现，把一系列流程用代码去实现，让代码自动化地执行这一系列复杂的流程。构建就是做这件事情，把源代码转换成发布到线上的可执行 JavaScrip、CSS、HTML 代码，包括如下内容。代码校验：在代码被提交到仓库前需要校验代码是否符合规范，以及单元测试是否通过。代码分割：提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载。自动发布：更新完代码后，自动构建出线上发布代码并传输给发布系统。自动刷新：监听本地源代码的变化，自动重新构建、刷新浏览器。
2024-04-19 15:19:31
322
原创 消息队列、宏任务、微任务
于是有了宏任务和微任务，通常把消息队列中的任务称为宏任务，每个宏任务中都包含一个微任务队列，在执行宏任务的过程中，如果DOM有变化，那么就会把该变化添加到微任务列表中，这样就不会影响到任务的执行效率问题。定时器任务比较特殊，主线程执行定时器任务的时候，会生成一个回调任务，这个回调任务包含了回调函数、开始计时时间、当前时间等内容，然后把这个回调任务放在延迟队列中，延迟队列中的任务会在当前从消息队列中取出的任务执行完后执行，所以定时器任务可能会比预设延时更久一些，因为要等待从消息队列中取出的任务完成才行。
2024-04-19 14:13:54
365
原创 同步回调、异步回调
上面示例代码中，callback被作为参数传递给了doWork，doWork在执行中，先执行完callback()，doWord再结束，这种是同步回调。像这种doWord执行完后，再执行callback，也就是回调函数在主函数外部执行的被称为异步回调。
2024-04-18 15:43:56
223
1
原创 JavaScript中的this
首先this和作用域（执行上下文）不是一回事，作用域是在js引擎编译时确定的，而this是在执行过程中确定的，谁调用，this就是指向的谁；首先，在执行到new操作的时候，会先创建一个空对象，然后执行Func().call(空对象)，先把Func的this改为空对象，然后在执行Func，执行完后，之前的空对象里就有了name属性并被赋值为1，最后把这个对象返回，之后f就存下了这个对象在内存中的地址了。在这段代码中，Func为一个构造函数，f是通过构造函数创建的一个实例，那这个创建的过程是这样的呢？
2024-04-10 22:44:45
245
2
原创 JavaScript作用域链
bar在去获取myName的时候，会先检查自己的词法环境中是否有myName，没有再去变量环境查找，变量环境也没有，你可能以为会去物理上的下一个执行上下文foo中去寻找，但是开头已经说过，JS的作用域是基于词法环境的，bar在定义的时候，外部是全局作用域，所以bar找不到myName后，实际会去全局作用域去寻找myName，进入全局作用域，也是词法环境->变量环境这个顺序去寻找。全局环境肯定是null了，毕竟他是最基础的作用域。，所以在定义函数的时候就已经确定了作用域链是怎样的。
2024-04-09 14:53:21
289
1
原创 JS调用栈（执行上下文栈）
每个函数的调用，JS引擎都会为其创建执行上下文，并把执行上下文压入调用栈，函数执行完成后，会被弹出调用栈。当调用栈空间被占满时，会引发堆栈溢出的问题，此时应该去减少栈中执行上下文的数量来解决这一问题。addAll执行上下文。addAll执行上下文。addAll执行上下文。
2024-04-07 15:19:41
174
1
原创 JS变量提升
上面这段代码中，JS引擎接手后，先把var a和function b的声明放入内存中(并把b的定义部分放入堆中，然后b指向定义部分所在位置)作为执行上下文，剩下的部分放入另一块内存作为可执行代码，编译完成后，便进入了执行阶段，JS引擎开始执行可执行代码，从上往下分别是。浏览器不能直接识别和执行JS代码，需要JS引擎来编译JS代码，变量提升也是发生在编译的过程中，JS引擎会把变量和函数的声明部分提到代码的开头，并赋值undefined作为默认值。代码编译会生成两部分，一部分是。
2024-04-07 14:13:57
208
1
原创 H5页面中元素被键盘顶起
问题：App.vue的template里包含header，router-view，footer三部分，在点击input输入框输入内容时，footer会被键盘顶起，阻挡router-view的内容。原因：使用position：fixed定位导致，去掉后还需要给App.vue的根元素添加min-height才可以防止footer被键盘顶起。
2024-04-02 13:43:57
307
1
原创 微信小程序发版后用户更新
小程序每次冷启动时，都会异步检查是否有更新版本。如果发现有新版本，将会异步下载新版本的代码包。但当次启动仍会使用客户端本地的旧版本代码，即新版本的小程序需要等下一次冷启动才会使用，开发者也可以手动触发。开发者在后台发布新版本微信小程序后，无法立刻影响到所有现网用户，正常情况下，在全量发布 24 小时之后，新版本可以覆盖 99% 以上的用户。
2024-03-29 13:54:13
521
1
原创 微信小程序修改svg颜色
微信小程序虽然不支持svg标签，但是Image标签支持svg，不过跟静态图一样，没法改颜色啥的。背景：后台可配置主题色，svg图标需要使用主题色。
2024-03-21 11:34:35
1318
1
原创 tailwind与element样式冲突
tailwind的样式覆盖element的样式。el-button在没有设置plain的情况下背景透明了，文字颜色也不对。
2023-06-26 16:11:11
919
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人