- 博客(437)
- 收藏
- 关注
RSS订阅原创 Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十六（商品排序
现在，我们的页面是通过Thymeleaf模板引擎渲染后返回到客户端。在后台需要大量的数据查询，而后渲染得到HTML页面。会对数据库造成压力，并且请求的响应时间过长，并发能力不高。大家能想到什么办法来解决这个问题？首先我们能想到的就是缓存技术，比如之前学习过的Redis。不过Redis适合数据规模比较小的情况。假如数据量比较大，例如我们的商品详情页。每个页面如果10kb，100万商品，就是10GB空间，对内存占用比较大。此时就给缓存系统带来极大压力，如果缓存崩溃，接下来倒霉的就是数据库了。
2024-07-14 02:47:36
775
原创 小白也能听懂的前端工程化
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总。
2024-07-13 14:40:19
589
1
原创 web前端入门的那些知识，你get到了吗？
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。前端面试题汇总JavaScript前端资料汇总!真题解析、进阶学习笔记、最新讲解视频、实战项目源码、学习路线大纲详情关注公中号【编程进阶路】
2024-07-13 14:00:01
566
原创 gulp两种配置方式总结_gulp 两个版本怎么切换
concat(′index.js′))//进行JS代码合并；合并后到开发环境.pipe(gulp.dest(app.devPath+′js′)).pipe(.uglify()) //压缩后，再发布到生产环境。nect.reload()) }̲) //以上就完成静态资源文件….concat('index.js')) //进行JS代码合并；合并后到开发环境 .pipe(gulp.dest(app.devPath+'js')) .pipe(作为window对象属性的文档元素。//自动化打包编译，并运行服务器。
2024-07-13 05:22:31
541
原创 解决加载大量列表DOM导致浏览器性能瓶颈的虚拟滚动技术_html dom节点100多个 加载起来浏览器卡顿如何解决
【背景说明】假设实际开发中服务端一次响应10万条列表数据，此时设备屏幕只允许容纳10条，那么用户理论上只可以看见10条数据。此时如果前端将10万条数据全部渲染成DOM元素，可能造成程序卡顿，占用较大资源，非常影响用户体验，那么虚拟滚动技术就完美的解决了这一问题。5、使用css3的transform属性将滚动到上方不可见区域的DOM元素偏移到可见区域，同时进行数据的更新(重绘操作节约性能)。总结：虚拟滚动技术的实现是合理运用“回流必定发生重绘，而重绘不一定会引发回流”的理论进行实现。【虚拟滚动案例网址】
2024-07-12 18:57:48
615
原创 如何将html模板资源转为vuecli项目
从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。个人将这段时间所学的知识，分为三个阶段：第一阶段：HTML&CSS&JavaScript基础第二阶段:移动端开发技术第三阶段:前端常用框架推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。
2024-07-12 18:07:10
2654
原创 事件循环机制 =＞ EventLoop详解
我们都知道 Js 是单线程都，但是一些高耗时操作就带来了进程阻塞问题。为了解决这个问题，Js 有两种任务的执行模式：同步模式（Synchronous）和异步模式（Asynchronous）。在异步模式下，创建异步任务主要分为宏任务与微任务两种。ES6 规范中，宏任务（Macrotask） 称为 Task， 微任务（Microtask） 称为 Jobs。宏任务是由宿主（浏览器、Node）发起的，而微任务由 JS 自身发起。宏任务与微任务的几种创建方式。
2024-07-12 17:14:42
1086
原创 Vue实现上拉加载（mui框架）无限加载新数据
所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。而项目要实现的是：先fetch在created获取到所有的数据，控制先显示默认10条数据，然后上拉一次增加4条，最后如果没有数据则不再显示。问题2：demo里面的拼接的是直接写上去的，如果要拼接的数据有很多，怎么办？需求：默认放15条数据，让他先显示5条，然后加载一次显示2条，加载完成提示没有数据了。
2024-07-12 16:22:38
699
原创 JS 仿淘宝固定右侧侧边栏(可返回顶部)案例
所以我们在单击返回顶部时来个window.scroll(0,0)就行了，但是我们想慢慢滚动带有动画的返回顶部，应该怎么做呢？我们之前封装过一个缓动动画函数，只不过是左右移动的，所以只要稍加修改就能用了。但是我们还想在单击返回顶部时可以丝滑的滑到顶部，应该怎么做呢？window.scroll(x,y) //里面的x,y不加单位。// 先清除以前的定时器，只保留当前的一个定时器执行。// 里面的x和y 不跟单位的 直接写数字即可。// 因为是窗口滚动 所以对象是window。// 步长值写到定时器的里面。
2024-07-12 15:30:19
338
原创 一个普通前端程序员走过的路程
时间很快的就来到了 **12 月份(2020 年)**，我也的投递简历开始了面试。然而结果并不如所想的那样美好，我大概面了五六家，但我实际上拿到的offer只有一家。(除开外包)老实说，我对这个结果还是挺失落的，也变相的说明我的准备还不够，没有针对性和足够深入的去学习一些基础和原理上的知识。在犹豫了很久后，我决定放弃这唯一的一家offer并坚持着我一开始的念头，进大厂或者平台足够大的公司。最终我决定继续学习等待的时候再重新开始新的一轮面试。
2024-07-05 01:55:42
846
原创 【JavaScript】注册事件
*blur失去焦点focus获得焦点****click鼠标单击dblclick鼠标双击****keydown键盘按下keyup键盘弹起****mousedown鼠标按下mouseover鼠标经过mousemove鼠标移动mouseout鼠标离开mouseup鼠标弹起****reset表单重置submit表单提交****change下拉列表选中项改变，或文本框内容改变select文本被选定load页面加载完毕(整个html页面中所有元素全部加载完成后发生)**回调函数的概念。
2024-07-05 00:52:46
422
原创 Vue3借助vue-office插件实现word预览
现在, 页面干净了, 我们需要安装vue-office插件安装完成之后, 我们就可以在页面中进行使用了需要我们将组件和样式进行引入随后, 我们赋值一个响应式数据, 用于我们的word展示剩下的就是在页面中进行使用了绑定一个自定义事件, 在渲染完成之后, 就会执行我们看一下整体代码那么页面呈现应该是什么样的呢?这样就完了吗?其实并不然, 我们开发中还会遇到另一种情况, 就是通过文件上传的方式, 获取文件的ArrayBuffer或者blob来预览文档这个时候, 我们应该怎么处理呢?
2024-07-04 22:53:24
1156
原创 SpringBoot---Web开发第一部分
Web开发简介SpringBoot对静态资源映射规则webjars官网链接映射规则一： 通过webjars以jar包的方式引入静态资源，如jquery,bootstrap等映射规则二：" /** " 访问当前项目的任何资源 (静态资源的文件夹)首页(欢迎页)：静态资源文件夹下的所有index.html页面，被 " /** "映射localhost:8080/ 默认找index页面所有的 **/favicon.ico 都是在静态资源文件下找----访问网页时，网页上面显示的图标。
2024-07-04 21:54:08
295
原创 JavaScript进阶之OOP（一）
hidden;z-index: 9;width: 80%;top: -18px;right: 0;right: 0;
2024-07-04 19:49:05
298
原创 HTML标签(二)(列表、表格、表单)
1.标签是用于定义表格的标签。2.标签用于定义表格中的行，必须嵌套在中。3.用于定义表格的单元格，必须嵌套在中。4.字母td指表格数据（table date)，即数据单元格的内容。2.表头单元格标签一般表头单元格位于表格的第一行或者第一列，表头单元格里面的文本内容加粗居中显示。标签表示HTML表格的表头部分（table head)的缩写。姓名注：表头单元格也是单元格，常用于表格第一行，突出重要性，表头单元格里的文字会加粗居中显示。3.表格属性。
2024-07-04 18:51:09
509
原创 CSS元素居中大全_css居中参数
子元素p设置position：absolute脱离文档流,默认以html作为父元素，所以我们给父元素div设置position:relative;使得p以div为父元素做位置的变动，left:0;（只有设置了定位的元素才可以使用这种方式来移动），最后margin:auto;垂直居中（而且这两个只能设置在父元素上，弹性盒知识）父元素div设置成弹性盒样式，justify-content:center;利用定位线左上角居中，然后左移子元素宽度的一半，再上移子元素高度的一半。这里利用了弹性盒居中。
2024-07-04 17:51:33
406
原创 深入理解BootStrap Item5 -- 表单_bootstra tab-item5
基本案例单独的表单控件会被自动赋予一些全局样式。所有设置了的和元素都将被默认设置为。将label和前面提到的这些控件包裹在中可以获得最好的排列。两个文本框的宽度的确为100%。并且有三个form-group。内联表单为左对齐和inline-block级别的控件设置，可以将其排布的更紧凑。需要设置宽度：在Bootstrap中,input、select和textarea默认被设置为100%宽度。为了使用内联表单，你需要专门为使用到的表单控件设置宽度。
2024-06-25 02:31:47
938
原创 在Vue项目中引入 ECharts 3D 路径图 Flights GL（需安装echarts、echarts-gl、jQuery依赖，已踩坑）_vue 获取echarts下载后的图片路径
（2）然后，同样在 src 下 main.js 中全局引入 echarts-gl；（3）已全局引入，单页面中无需再引。（1）通过 npm 安装 jQuery；（2）在 src 下 main.js 中引入 jQuery；（3）在需要使用到 jQuery 的页面中引入；
2024-06-25 00:35:25
321
原创 前端必看的8个HTML+CSS技巧 (1)
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料。
2024-06-24 23:43:27
479
原创 【备考网络工程师】如何备考2024年网络工程师之常见考点篇（1）(1)
其实做模拟或真题时候，总是会在关键的地方丢分，因此我也冷静下来思考一下，首先我们对做过的题涉及的知识进行一个梳理，其次就是再针对知识去做一些题目。网络号取值于1-126，127个网络，每个网络能容纳2的24次方个主机。[外链图片转存中…(img-5Mkqh3rO-1719236033308)]
2024-06-24 21:34:05
869
原创 Vue中如何使用高德地图
/ 高德keykey: ‘d6eabbd08f89ccfb74278b36ab6342567’, // 自己到官网申请，我随便写的// 插件集合 （插件按需引入）v: ‘1.4.15’, // 我也不知道为什么要写这个，不写项目会报错，而且我随便写的，跟我下载的版本对应不了uiVersion: ‘1.0.11’ // ui版本号，也是需要写，不配置不加载,})3.页面中使用// 地图配置项// 创建地图，同时给地图设置中心点、级别、显示模式、自定义样式等属性。
2024-06-24 19:41:43
869
原创 mini-webpack 源码浅析_cory chase minipack web-
读取文件内容，分析依赖，第一步需要解析源码，生成抽象语法树。有了依赖关系图，下一步就是将代码打包可以在浏览器中运行的包。函数是解析js文本，生成每个文件对应的一个对象，其中。createGraph 函数生成依赖关系对象。转换后可在浏览器中执行的代码。
2024-06-24 17:43:10
291
原创 JavaScript 系列教程 I JavaScript 简介
笔记来源于对现代 JavaScript 教程的学习，可以上网搜索，这个教程很有名。JavaScript 写出来的程序被我们称之为“脚本”它可以被执行在任何的网页当中，所以 JavaScript 是一门可以用于网页开发的语言，在开发我们的网页的时候可以直接编写 JavaScript 的代码，在网页打开的时候 JavaScript 的代码就会自动执行。至于为什么叫做 JavaScript，很简单：就是为了蹭 java 的热度而已。
2024-06-24 15:56:04
273
原创 android中WebView附件问题解决
ios是可以直接解析加载出这些文件的，估计这个是ios浏览器内核强大的原因，但是android 默认是无法解析显示出这种附件的。android的 webview只是一个对浏览器内核的封装，本身不具备打开word,excel,ppt,pdf文件的功能，即使可以打开，也必须借助第三方的专用插件或者poi库。ios的效果是默认在当前界面可以直接打开附件的文件，产品认为这个android肯定也可以做到（无法和产品解释，解释太多就是自己菜）。
2024-06-24 14:03:53
864
原创 详解JS原型与原型链
构造函数通过原型分配的函数是所有对象所共享的。JavaScript规定,每一个构造函数都有一个prototype属性, 指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。所以在上例中我们就可以把公共函数放在原型对象的里面，这样就不会造成内存浪费console.log(‘深圳理工大学’);
2024-06-20 17:11:29
347
原创 前端是什么？前端的发展简史
1994 年底，由 Tim 牵头的万维网联盟（World Wide Web Consortium）成立，这标志着万维网的正式诞生。此时的网页以 HTML 为主，是纯静态的网页，网页是“只读”的，信息流只能通过服务器到客户端单向流通，由此世界进入了 Web 1.0 时代。1995 年，网景工程师 Brendan Eich 花了10天时间设计了 JavaScript 语言。
2024-06-20 12:31:38
1004
原创 「冲击leetcode青铜5」妙用数组fill处理每日温度
资料过多，篇幅有限自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。毕竟循环也是要开销的。console.timeEnd(‘push计时’);// push计时: 0.02001953125ms[外链图片转存中…(img-NOrmYtpy-1718726317660)][外链图片转存中…(img-1Fcnjxdt-1718726317662)]资料过多，篇幅有限自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
2024-06-18 23:58:49
785
原创 SVN与git 首次安装
局部更新，局部还原。可跟踪性，git 的典型开发过程为： 建立分支，进行开发，提交到本地 master，删除分支。拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。
2024-06-18 21:50:00
641
原创 JavaScript-事件类型（键盘事件，鼠标事件，焦点事件）
/ 键盘按下时触发// 键盘按住时触发// 键盘弹起时触发该参数为事件对象，其中包含按键相关的一些属性。typekeycodekeyCodealtKeyctrKeyshiftKeymetaKeyrepeat可以通过检查这些属性来判断用户按下的是什么键，以及是否 ctrl 和 alt 等键是否同时按下:// 键盘按下是触发。
2024-06-18 19:37:48
827
原创 d3实现曲线面积图，柱状图，天气曲线 案例
this.drowLine = function() {//绘制曲线})})this.drowText = function() {//绘制文字.enter()return d})})})this.drowarea = function() {//绘制面积let area_generator = d3.svg.area() //d3中绘制面积的函数}) //曲线中x的值.y0(this.padding) //相当于x坐标}) //曲线中y的值。
2024-06-18 14:55:42
291
原创 在 Vue3中，封装一个 router-links ,支持内外链接都能跳转！
标签是用于在Vue应用程序的不同页面之间跳转，但它不是跳转到外部链接，相反，我们一般使用标签。也许只有我这么认为，但很多时候，我无法跟上这种差异。其他时候，链接可能是动态的，即来自数据库或用户提供的某个数据源。在这种情况下，你根本不知道链接是外部的还是内部的，在每个可能使用链接的地方手动做一个v-if是多么痛苦。如果只用一个组件来处理所有内部和外部的链接，那不是很好吗?幸运的是，扩展组件非常简单，只需将它包装到我们自己的定制组件中。Ok，我们需要构建一个AppLink。
2024-06-17 12:53:49
1070
原创 【青山css】css3阴影效果属性详解及创意玩法
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总JavaScript性能linux。
2024-06-17 03:14:49
1417
原创 js vue react获取本周、本月、本季、本年的第一天
if (!this.error(“参数异常，请检查…”);//年//月//日获取这周的周一//获取星期几,getDay()返回值是 0（周日） 到 6（周六） 之间的一个整数。0||7为7，即weekday的值为1-7//往前算（weekday-1）天，年份、月份会自动变化//获取当月第一天//获取当季第一天//获取当年第一天。
2024-06-17 01:02:49
607
原创 Vue组件间的通信方式（多种场景，通俗易懂，建议收藏）
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。
2024-06-15 22:15:54
868
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人