![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端常见场景问题
文章平均质量分 56
神树与鹿
这个作者很懒,什么都没留下…
展开
-
JS 实现全屏切换,移动端适用
JS实现浏览器全屏原创 2022-06-30 22:07:49 · 1003 阅读 · 1 评论 -
Vue图片路径问题(动态引入:绝对路径、相对路径),require动态路径问题
Vue 图片动态加载问题,require 导入使用变量问题,Vue打包前后文件夹目录比较原创 2021-12-28 18:57:13 · 50852 阅读 · 13 评论 -
浅谈ssr服务器渲染、客户端渲染和预渲染以及前端打包部署
浅谈ssr服务器渲染、客户端渲染和预渲染以及前端打包部署1.客户端渲染:2.服务器渲染(SSR)3.预渲染前端打包文件dist结合nginx和node原理图(个人见解)今天下班在地铁上直到现在写这个开始前,刚刚想明白一个问题,就是这篇博客的标题。这篇博客没有代码,就是我认为我所想明白的一些东西。1.客户端渲染:->用户输入地址,客户端向服务器发送一次请求->服务器传给浏览器对应的html文件-> 浏览器解析html文件-> 遇到ajax请求则向服务器再次请求一些数据-原创 2021-10-29 23:39:20 · 2761 阅读 · 1 评论 -
前端发送请求js对象自动转为json问题
前端发送请求js对象自动转为json问题问题由来: 在日常开发过程中,我注意到我每次都是定义一个js对象,例如:var postData = { age: 100 };用它去请求,我也没有多想,自以为是传输用这个就完事了。后来,用到postman(请求调试工具)调试,我把前端发送数据复制到postman中,请求时发现报错。研究了一下,联想到Content-type: application/json这个字段。我不禁思索:application/json原创 2021-09-30 15:27:00 · 2382 阅读 · 0 评论 -
Swiper实现正反向无缝轮播(跑马灯)
Swiper实现正反向无缝轮播(跑马灯)附上Swiper官方文档:https://www.swiper.com.cn/api/index.html1.首先加载插件,需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件,不同Swiper版本用到的文件名略有不同。可下载Swiper文件或使用CDN。如下:<!DOCTYPE html><html><head> ... <link rel="st原创 2021-08-17 11:22:53 · 6843 阅读 · 4 评论 -
CSS增大可选中区域
问题场景:在下图这种小按钮上,可能可点击区域太小,想要变大,但是又不想破坏样式。怎么办?解决:用的::after属性。.swiper-pagination-bullet { /* *其他样式代码 */ position: relative; //设置为相对定位 } .swiper-pagination-bullet::after { content: "原创 2021-08-16 16:32:21 · 230 阅读 · 0 评论 -
js禁用滚动条
js禁用滚动条比如在某种场景下:点击按钮,弹出一个框框,此时只能在框框内操作,其他被遮罩盖住,滚动条消失。禁用滚动条代码: var mo = function (e) { passive: false; }; document.body.style.overflow = 'hidden'; //禁止页面滑动 document.addEventListener('touchmove', mo, false); 开启滚动条代码: var mo = funct原创 2021-08-16 16:26:50 · 2055 阅读 · 0 评论