自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何设计一个好用的 React Image 组件?(1)

前面提到过,加载图片过程中,使用方可能会插入自己的逻辑,所以将imgPromise方法作为可选参数loadImg传入,若使用者想自定义加载方法,可传入该参数。if (!})});我可以将最近整理的前端面试题分享出来,其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等,还在持续整理更新中,希望大家都能找到心仪的工作。

2024-06-20 13:36:59 357

原创 《Vue》生态及实践

简单的说,Vue Router是Vue官方推出的路由管理器,它和Vue深度集成,可以很好的管理路由推荐一些系统学习的途径和方法。每个Web开发人员必备,很权威很齐全的Web开发文档。作为学习辞典使用,可以查询到每个概念、方法、属性的详细解释,注意使用英文关键字搜索。里面的一些 HTML,CSS,HTTP 技术教程也相当不错。

2024-06-19 12:42:43 897

原创 【Servlet】HTTP协议

3、请求体===>>是发送给服务器的数据表单中主要内容:图示:常用请求头说明========Accept:表示客服端可以接受的数据类型Accpet-languege:表示客户端可以接受的语言类型User-Agent:表示客户端浏览器的信息Host:表示请求时的服务器ip和端口号GET和POST请求的有哪些GET请求:1、form标签method=get2、a标签3、link标签引入css4、Script标签引入js文件5、img标签引入图片6、ifram引入html页面。

2024-06-19 00:15:44 716

原创 vue学习(二)—vue

)add由于Javascript的限制,Vue不能自动检测以下变动的数组。*当你利用索引直接设置一个项时,vue不会为我们自动更新。*当你修改数组的长度时,vue不会为我们自动更新。* 这时我们的界面是不会自动跟新数组的,* 我们需要用Vue.set(app.message.arr,1,'dd')来设置改变,* vue才会给我们自动更新,* 这就是Vue.set存在的意义。{{count}}

2024-06-18 22:57:42 85

原创 js中的闭包以及闭包的实际运用

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。我特地针对初学者整理一套前端学习资料说明:这样lock变量就会在一个单独的作用域里,一次点击请求发出以后,必须等请求回来,才会开始下一次请求。

2024-06-18 20:38:08 925

原创 前端必看的8个HTML+CSS技巧 (2)

如果你们想让图片更加炫酷可以加上图片过滤属性filter,让图片变灰或者变深褐色,然后悬停时候出现更加炫酷的颜色变幻。灰化的属性是filter: grayscale(100%);,然后深褐色化的属性是filter: sepia(100%)。其实图片还有很多过滤属性的,大家有兴趣也可以去尝试一下哦!灰度过滤深褐色过滤灰度过滤深褐色过滤🌟知识总结transform — 用于改变元素scale — 对元素进行放大和缩小。

2024-06-17 04:27:07 565

原创 vue3-3-响应式数据与watch属性

setup(){

2024-06-17 02:10:52 201

原创 ReactNative进阶(九)build

/ 声明是Android程序,// com.android.application 表示该模块为应用程序模块,可以直接运行,打包得到的是.apk文件// com.android.library 表示该模块为库模块,只能作为代码库依附于别的应用程序模块来运行,打包得到的是.aar文件// 两者区别:前者可以直接运行,后着是依附别的应用程序运行/**line.productFlavor。

2024-06-15 21:15:32 734

原创 LAY-EXCEL实现导入和导出excel功能

el-button size=“small” type=“primary” @click=“importEvent”>导入。

2024-06-12 16:41:05 345

原创 JAVA基础-Stream流(java进阶笔记)_java基础 stream

通过下面代码,显然我们清晰的看到使用Stream流更为方便,而使用普通的集合遍历就有些复杂。二、 Stream流概述例如上面的小例子,Stream流的思想如下:Stream流的作用就是:1.2 双列集合1.3 数组Stream接口中静态方法of的细节:

2024-06-12 15:35:05 262

原创 Java Web分页功能详解

*要求:**显示当前页码的前两个和后两个就可,例如当前页码为3的时候,就显示 1 2 3(当前页) 4 5 的页码。**要求:**显示当前页码的前两个和后两个就可,例如当前页码为3的时候,就显示 1 2 3(当前页) 4 5 的页码。// 假设总数是50,是能够被5整除的,那么最后一页的开始就是45。// 假设总数是51,不能够被5整除的,那么最后一页的开始就是50。// 假设总数是50,是能够被5整除的,那么就有10页。// 假设总数是51,不能够被5整除的,那么就有11页。int start;

2024-06-12 14:27:18 858

原创 ES6新增语法(六)——Generator函数详解

使用语法:yield;//需要暂停的时候加yieldyield;p.next() //调用函数,执行到第一个yield处停止p.next() //从上一个yeild开始执行,到下一个yield处为止Generator与普通函数区别1> 定义函数的时候比普通函数多了一个 * 号。2> 调用的时候,普通函数名后加圆括号直接调用,而Generator并不执行,返回的也不是函数运行结果,而是指向内部的状态的指针对象,必须调用遍历器对象的next()方法,使得指针移向下一个状态。

2024-06-12 13:14:26 451

原创 ajax技术基础详解

面试准备根据每个人掌握的知识不同,准备的时间也不一样。算法的准备时间比较长,是一个长期的过程。面试的时候算法能做出来肯定加分,但做不出来也不会一票否决,面试官也会给你提供一些思路。但是如果你不真正的自己去尝试尝试,你永远不知道市面上的行情如何。跳槽是每个人的职业生涯中都要经历的过程,不论你是搜索到的这篇文章还是无意中浏览到的这篇文章,希望你没有白白浪费停留在这里的时间,能给你接下来或者以后的笔试面试带来一些帮助。使用ajax的过程就是对象调用属性和方法的过程。(3). 把创建对象的代码封装为一个函数。

2024-06-12 11:55:02 231

原创 剑指Offer——J2EE基础知识点储备_j2ee实用基础

更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。name中的值会在userService对象中调用setXX方法来注入,诸如:name="userDao"对于UserAction而言,里面的属性的值的状态会根据不同的线程得到不同的值,所以应该使用多例。ref="userDao"表示是配置文件中的bean中所创建的DAO的id。

2024-06-11 15:44:34 567

原创 WebFlux 操作 MySQL 是种什么体验?(1)

秋招即将开始,校招的朋友普遍是缺少项目经历的,所以底层逻辑,基础知识要掌握好!而一般的社招,更是神仙打架。特别强调,项目经历不可忽视;几乎简历上提到的项目都会被刨根问底,所以项目应用的技术要熟练,底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML,CSS,JavaScript,HTTP,TCP协议,浏览器,Vue框架,算法等高频考点238道(含答案)!高级前端工程师必备资料包。

2024-06-11 01:51:51 339

原创 vue3版本网页小游戏_vue写个小游戏

console.log(i, k, onei, onek, oneiSub, onekSub, “测试”);ElMessage.success(“恭喜您,挑战成功!// 前置点击如果槽位满了还没有消除完。// 消除动作 和 添加爆炸效果。// 消除动作 和 添加爆炸效果。// 实现爆炸💥效果。挑战失败如何判断呢?

2024-06-10 20:28:35 633

原创 React 表单源码阅读笔记

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始,原计划每天刷一道算法题,实际上每天有时候不止一题,一年最终完成了 600+:凭借三年刷题经验,他在校招中很快拿到了各大公司的offer。入职前,他把他的刷题经验总结成1121页PDF书籍,作为礼物赠送给他的学弟学妹,希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书,我仔细看了一遍,作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

2024-06-10 19:12:50 785

原创 Java基础-IO流(字节流)_java下列哪一个io流一次处理两个字节

第2、3种就是一次写多个数据。

2024-06-10 17:56:37 99

原创 html+css+jquery实现简单的购物车功能

89398%微软X470键盘150黑色902896%洛克iphone6手机壳60透明67299%蓝牙耳机100蓝色893795%金士顿U盘70红色482100%

2024-06-10 16:42:47 104

原创 B站王道操作系统笔记(0-13)

​​大内核,微内核区别:==========​中断===​中断和异常======CPU从用户态进入核心态的唯一途径是:中断发生中断CPU会立即进入核心态​用户态和核心态:========用户态去调用一些会影响其他线程和危险的操作(与资源有关的操作)会由操作系统介入,通过系统调用来实现系统调用发生在用户态,但系统调用的处理是在核心态完成的,(系统调用会执行陷入指令,而执行陷入指令会产生内中断,使处理器从用户态进入核心态)​进程:====

2024-06-10 15:25:42 245

原创 跨平台应用开发进阶(四) :uni-app 实现上传图片

注意⚠️:在图片上传之前进行图片压缩,由于图片压缩时间过长,应采用。项目实现页面大致逻辑如下,完整页面实现逻辑可移步《上传图片之前先压缩,否则上传会比压缩先执行。

2024-05-28 02:17:38 249

原创 用js仿探探拖拽卡片的效果、飞卡片的效果,感觉挺酷,最后有美女看哦!程序员就是可以为所欲为!

break;break;看一下盒子初始化好的模样,还行,不算太丑,哈哈。

2024-05-28 01:59:43 292

原创 用JavaScript实现网红太空人表盘(绝对详细、绝对原创),附源码下载

=绘制表盘。

2024-05-28 01:59:11 862

原创 微信小程序实现全选,半选功能

/checkbox-group 事件 被选中checkbox value 的数据 组成的数组。引入wxs 检测数组中是否存在某元素。//渲染数据时 判断是否半选。微信小程序实现全选,半选。name: ‘地点’,name: ‘北京’,name: ‘上海’,name: ‘杭州’,

2024-05-28 01:42:44 320

原创 微信小程序-项目搭建(详细教程)

列表:左方图,右方包括标题和内容(根据选题自行定义数据),详细按钮点击跳转详情,咨询按钮点击呼叫咨询人。根据项目选题找至少3张图片,图片大小以iphone6标准设计,宽度320px,高度自定。操作MongoDB数据使用的模块包,先连接数据库。刷新一下,看到数据库自动创建了demo。关于:内容,图片根据选题自行设计。自己写一个接口,给数据库插入数据。src与title必须对应上。详情:主页跳转到详情页面。内容,图片根据选题自行设计。列表要实现下拉刷新功能。在demo里面新建文件夹。教你用微信小程序写项目。

2024-05-28 01:42:14 248

原创 后台系统-医院设置信息接口开发

idbigint(20) NOT NULL AUTO_INCREMENT COMMENT ‘编号’,hosnamevarchar(100) DEFAULT NULL COMMENT ‘医院名称’,hoscodevarchar(30) DEFAULT NULL COMMENT ‘医院编号’,api_urlvarchar(100) DEFAULT NULL COMMENT ‘api基础路径’,sign_keyvarchar(50) DEFAULT NULL COMMENT ‘签名秘钥’,

2024-05-28 01:26:24 879

原创 可能是最详细的UMD模块入门指南

return {name: ‘我是一个umd模块’

2024-05-28 01:25:53 578

原创 前端性能优化怎么做?阿里淘宝性能优化实施方案奉上

纯粹的管理方式,团队本身的体验并不好,也不利于团队成长,最重要的是,纯粹管理方式容易造成执行不到位。一方面,对用户来说,什么样的性能指标能更好地评估它的体验?另一方面,对公司来说,什么样的指标会影响业务价值?比如说,作为前端团队的 Leader,组织会议,要求整个团队使用我们前面谈的技术方案。**理念:**性能优化不能只着眼于局部的代码,凡是真正有价值的性能优化,必定是从端到端的业务场景建立体系来考虑的。**思考:**从输入URL,到回车,发生了什么?**优点:**简单粗暴,成本低。

2024-05-28 01:12:23 252

原创 前端开发:JS中截取字符串的用法总结

substring() 方法用于提取字符串中介于两个指定下标之间的字符。substring() 方法返回的子串包括“开始”处的字符,但不包括“结束”处的字符。substr() 方法可在字符串中抽取从“开始”下标开始的指定数目的字符。

2024-05-28 01:11:52 594

原创 做了一夜动画,就为让大家更好的理解Vue3的Composition Api

相信大部分同学都维护过超过200行的.vue组件,新增或者修改一个需求,就需要分别在data,methods,computed里修改 ,滚动条反复上下移动,我称之为『反复横跳』 比如我们简单的加个拍脑门的需求 加个累加器 ,这种写代码上下反复横条的感觉, 相信大家都懂的,这样确实拆分了代码,但是有一个贼严重的问题,就是不打开counter.js,App.vue里的this上,count,add这些属性,是完全不知道从哪来的,你不知道是mixin,还是全局install,还是。Option的缺陷–反复横跳。

2024-05-28 00:58:16 637

原创 使用VS Code远程开发小游戏,并实现公网访问本地游戏

接下来可以在menja文件夹下进行调试,并使用Live Server随时进行调试,实时查看开发的网页接下来我们要把制作好的游戏网页发布至公网,分享给好友访问。

2024-05-28 00:57:12 875

原创 一页图纸看懂Vue组件之间的交互_前端逻辑交互图

template:‘传递事件’,bus.$emit(‘on-message’,‘来自组件component-a的内容’);isPublished: Boolean,//传入布尔值。callback: Function,//传入一个方法。commentIds: Array,//传入数组。author: Object,//传入一个对象。title: String,//传入字符串。likes: Number,//传入数字。message:‘子组件内容’

2024-05-28 00:41:57 270

原创 一文详解Vue插槽slot的使用与案例展示,看完就彻底明白了

这时候,我们已经使用,在子组件中占了一个坑,但是我们还没有填充内容,接下来填充内容:可以看到,填充的内容,确实在子组件中显示假如,我们去掉子组件的插槽,父组件在子组件填充的内容还能看到吗?我们来试一试:可以看到:浏览器中,只显示两个组件原本的信息,父组件填充的内容是看不到的。

2024-05-28 00:40:54 280

原创 【好玩的代码雨(附源代码)】

代码雨

2024-05-28 00:30:40 82

原创 【基于Web停车场管理系统——开题报告 分享(仅供参考呀)

功能实现情况:当车子不在车位时,相关技术检测到,将信息发送到系统,系统对信息处理,得到结果,该车位空闲,一个缩减的停车场全页面,在页面上就显示该车位空闲。[4] 范新民. 基于JSP、JDBC技术动态访问Web数据库的实现方案[J]. 福建师范大学学报:自然科学版, 2002, 18(2):28-33.[6] 徐晓霞, 贝雨馨. B/S模式与C/S模式之比较[J]. 延边大学学报:自然科学版, 2002, 28(2):126-129.5.9系统功能操作 第六章 系统测试。5、第七、八、九周 系统开发。

2024-05-28 00:30:09 377

原创 Vue源码解析:虚拟dom详解

【将这10次dom更新的diff内容保存到本地一个JS对象中】:若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,避免大量无谓的计算量。卸载C,装载F,卸载D,装载C,卸载E,装载D,装载E。页面的更新可以先全部反映在JS对象(虚拟DOM)上,操作内存中的JS对象的速度显然要更快,等更新完成后,再将最终的JS对象映射成真实的DOM,交由浏览器去绘制。

2024-05-27 19:25:20 939

原创 SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码

8、编写后端的工具类代码(封装结果集、日期处理、解决跨域请求)NOTOKEN(401,“未登录或登录已超时”),NOHANDLER(404,“请求地址错误”),NOPERMISS(403,“无操作权限”),SUCCESS(200,“操作成功”),FAILED(500,“操作失败”),@Description: 日期处理。@Description: 日期处理。

2024-05-27 16:33:15 815

原创 sass 公用10个mixins代码块

作为@media (min-width: 600px)等代码的替代,它使用了更有语义的名称形式,如“breakpoint-large”或“breakpoint-a-really-large-computer-machine”。你需要一个.svg文件作为默认的背景图片。此外还需要一个.png格式的图片作为在不支持SVG格式的浏览器上的回退。和animations一样,CSS transitions在使用的时候也要添加很多浏览器厂商的前缀,同样可以通过一个mixin来简化这些操作。6、跨浏览器的透明度设置。

2024-05-27 16:32:12 357

原创 JS获取服务器日期,自动切换网页信息

身为班上的卫生委员,你是不是因为每天要提醒同学打扫卫生而感到烦恼?现在我们就来解决这个麻烦,每天只要发个链接到群里就好了.2.GitHub平台基本使用3.Git仓库管理4.图片云储存平台使用需要一定github管理基础 & HTML基础1.我们先把云图片储存给解决掉。

2024-05-27 16:18:04 305

原创 js常见的七种继承及实现_js继承和实现

/ 修复构造函数指向let dog1 = newDog(‘旺财’, 2);// 使用寄生式继承继承Animal.prototypeDog.prototype = Object.create(Animal.prototype);// '旺财’console.log(dog2.age);// '旺财’console.log(dog2.age);// 基于animal对象进行寄生增强let dog = Object.create(animal);

2024-05-27 16:17:33 284

空空如也

空空如也

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

TA关注的人

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