- 博客(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
原创 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
原创 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
原创 微信小程序实现全选,半选功能
/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
原创 前端性能优化怎么做?阿里淘宝性能优化实施方案奉上
纯粹的管理方式,团队本身的体验并不好,也不利于团队成长,最重要的是,纯粹管理方式容易造成执行不到位。一方面,对用户来说,什么样的性能指标能更好地评估它的体验?另一方面,对公司来说,什么样的指标会影响业务价值?比如说,作为前端团队的 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
原创 【基于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关注的人