自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 CSS 实现汽车仪表盘(一个项目学会 N 个键技术点)

纯 CSS 无图片,模拟汽车仪表盘,支持转速、迈速、档位联动、支持声浪。学习仓库源码快速进阶,包括但不限于 React TypeScript Git Scss Eslint

2024-01-15 00:32:21 1170

原创 JS 实现全屏切换,移动端适用

JS实现浏览器全屏

2022-06-30 22:07:49 978 1

原创 Cef 模式下,Vue @click 事件偶尔无效问题

Cef 模式下,Vue 项目 @click 事件偶尔无效问题Cef 模式:使用 C++ 创建的一个浏览器,有它自己的浏览器内核版本在 Cef Web 壳子中开发时候,发现 Vue 项目 的 @click 偶尔就无效,一开始还以为电脑卡了,具体分析后发现不是这样的。原因分析(vue2):通过打断点分析,看到 @click 事件执行用到了下面代码的判断if ( e.target === e.currentTarget || e.timeStamp >= attachedTimesta

2022-04-21 18:20:12 1539 1

原创 Vue图片路径问题(动态引入:绝对路径、相对路径),require动态路径问题

Vue 图片动态加载问题,require 导入使用变量问题,Vue打包前后文件夹目录比较

2021-12-28 18:57:13 50441 13

原创 浅谈ssr服务器渲染、客户端渲染和预渲染以及前端打包部署

浅谈ssr服务器渲染、客户端渲染和预渲染以及前端打包部署1.客户端渲染:2.服务器渲染(SSR)3.预渲染前端打包文件dist结合nginx和node原理图(个人见解)今天下班在地铁上直到现在写这个开始前,刚刚想明白一个问题,就是这篇博客的标题。这篇博客没有代码,就是我认为我所想明白的一些东西。1.客户端渲染:->用户输入地址,客户端向服务器发送一次请求->服务器传给浏览器对应的html文件-> 浏览器解析html文件-> 遇到ajax请求则向服务器再次请求一些数据-

2021-10-29 23:39:20 2756 1

原创 前端发送请求js对象自动转为json问题

前端发送请求js对象自动转为json问题问题由来:  在日常开发过程中,我注意到我每次都是定义一个js对象,例如:var postData = { age: 100 };用它去请求,我也没有多想,自以为是传输用这个就完事了。后来,用到postman(请求调试工具)调试,我把前端发送数据复制到postman中,请求时发现报错。研究了一下,联想到Content-type: application/json这个字段。我不禁思索:application/json

2021-09-30 15:27:00 2364

原创 Docker容器中vim not found解决

Docker容器中vim not found解决遇到的问题是进入容器后发现vim不可用,然后就在网上查了查,解决方式大概有以下几种: 1. apt-get update apt-get install vim 2. yum install vim 3. apk update apk add vim基本上就这3种。常见的前两种。然而我前两种都无效。解释一下第三种:Alpine Linux是一个面向安全应用的轻量级Linux发行版。它采用了musl libc和busybox

2021-09-22 18:02:07 3673 1

原创 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 6757 4

原创 CSS增大可选中区域

问题场景:在下图这种小按钮上,可能可点击区域太小,想要变大,但是又不想破坏样式。怎么办?解决:用的::after属性。.swiper-pagination-bullet { /* *其他样式代码 */ position: relative; //设置为相对定位 } .swiper-pagination-bullet::after { content: "

2021-08-16 16:32:21 229

原创 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 2048

原创 React中的this指向,如何为事件绑定函数的多种方式

React中的this指向,如何为事件绑定函数的多种方式在react中,先看下面的一个demo(点击这段字体,切换’凉爽’和;炎热’),好的你可能会这么写class Weather extends React.Component { constructor(props) { super(props); this.state = { isHot: false }; } showInfo(){ //注意这里,以后主要更改的是这个函数,以及下面的o

2021-07-30 11:55:24 123

原创 React如何条件加载组件

*使用react如何像vue和angular中那样使用v-if,ngIf呢?答:由于react使用的是jsx,那么我们不应该在html标签中去添加东西判断是否显示,而是要根据条件判断是否要return要判断的html代码段,看代码:render() { let codeArea = null; //定义一个为null的变量,用于判断后赋值 if (this.state.exampleCode) { 如果条件为真,变量codeArea就为要显示的代码段 codeAr

2021-07-30 11:05:53 708

原创 idea新建maven webapp项目时没有src文件问题

idea新建maven webapp项目时没有src文件问题今天下午在创建maven webapp工程时,发现项目中没有src文件,同时控制台报错类似这种但是我在非maven项目中可以从阿里云上正常下载依赖,到了这里就不行,搜了很多博客最终找到解决办法。如下:在IDEA里面 File --> Settings --> Build, Execution, Deployment --> Build Tools --> Maven --> Runner 的VM Option

2021-01-21 16:40:31 1267 1

转载 新手小白实现Java短信发送功能

实现Java短信发送功能说明:本内容真的不难,如有需求请耐心看完,亲测!!!  本人大三党,在做一个创新设计时,想加入一个像用户推送通知的功能,但能力有限只限于web开发。百思不得其解时候找到了最适用于新手的教学,今天我在此分享一下。  我在查询资料时,有很多发送短信的平台,极速推送,云之讯等等,但大多基于安卓开发。我因此放弃,另寻其他的方式。功夫不负有心人,我接下来分享的就是可以用eclipse之类的开发环境中java语言来实现短信的发送。 &nb

2020-06-13 20:50:51 1313

原创 通过session实现非登录用户的拦截(亲测)

实现非登录用户的拦截近期在做网页登录页面时总想到非登录用户直接访问我登陆后要跳转的页面是不是太不安全了,所以我也查了很多的资料,大部分是filter拦截以及web.xml的设置,对新手我觉得非常不友好,但是我最后用session实现了,在此我分享给大家首先通俗的说一下什么是session,Session就是记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而Session保存在服务...

2020-04-28 21:38:25 826 3

原创 C语言实现求解 最复杂的数

C语言实现求解 最复杂的数先上题目:把一个数的约数个数定义为该数的复杂程度,给出一个n,求1-n中复杂程度最高的那个数。例如:12的约数为:1 2 3 4 6 12,共6个数,所以12的复杂程度是6。如果有多个数复杂度相等,输出最小的。如图:先看这道题,就是说给你一个数,要把1到这个数之间所有数的数的约数个数求出来,再进行比较,选出最大的那个数,当然这个数就是题目中的约数的数量 :...

2020-04-23 20:03:05 671

原创 9×9乘法表简易理解笔记

我用的Js代码,其实C,C++,java都是差不多的,主要是理解其内部循环话不多说,先上代码  var是Js用来定义数据类型的,其他语言用int;document.write()用来输出,相当于printf();是换行的。。。。。(代码理解应该没问题了)  开始真正干货,纯自己所想:  我们观察99乘法表:  想要用代码实现这样的输出(我用变量i,j表示两个数,i为乘号前面的数),那么...

2020-03-15 21:09:25 974

原创 doGet和doPost简单区别

doGet和doPost用法及区别在form中用法演示在form中当form框里面的method为get时,执行doGet方法当form框里面的method为post时,执行doPost方法用法演示当method为get方法时,doGet方法中代码如下:protected void doGet(HttpServletRequest request, HttpServletResp...

2020-03-11 18:37:52 1480 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除