- 博客(56)
- 收藏
- 关注
RSS订阅原创 彻底搞懂JavaScript防抖和节流_防抖函数为什么要改变this指向
我们使用一个last来记录上一次执行的时间那么函数执行，并且将now赋值给last即可// this和argumentlast = now;默认情况下，我们的防抖函数最后一次是不会执行的因为没有达到最终的时间，也就是条件now - last > interval满足不了的但是，如果我们希望它最后一次是可以执行的，那么我们可以让其传入对应的参数来控制我们增加了else语句：所以我们可以使用timer变量来记录定时器是否已经开启已经开启的情况下，不需要开启另外一个定时器了。
2024-06-25 01:37:55
508
原创 什么是 JWT -- JSON WEB TOKEN
函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；Tips:其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的。
2024-06-24 22:44:56
773
原创 Web前端---HTML+CSS+JS实现记忆纸牌游戏
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。
2024-06-24 20:37:47
464
原创 transform 属性 实现旋转木马效果
这时可以看见其他方块被最后一个方块遮住。这是因为方块是在2D空间旋转的。默认情况下，消失点位于元素的中心(视点)，但是可以通过设置。平面的距离，使具有三维位置变换的元素产生透视效果。设置元素的子元素是位于 3D 空间中还是平面中。这里就按我们的要求，所有方块都按y轴旋转了。添加属性后就能看见，方块的旋转效果了。元素的子元素应位于 3D 空间中。元素的子元素位于该元素的平面中，不过现在都是挤在一起的。透视点是在浏览器的前方，所以。设置后值后，元素会进大远小。只影响 3D 转换元素。/* 添加过度动画 */
2024-06-24 18:48:09
913
原创 Java经典面试题 带答案（一）_1、下列哪一种叙述是正确的d a
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于。
2024-06-24 16:52:07
256
原创 express安装及其简单应用(1)
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总。
2024-06-24 15:04:52
717
原创 如何让你的代码变得更优雅？这些代码规范和技巧必须知道（进阶必备，建议收藏）
👨⚖️：或者你写的一些东西，github上有么💂♂️（犹豫良久，拿出一个项目）：您看下👨⚖️（皱起了眉）：这代码写的不对啊，考虑的不够完善…💂♂️：呃呃呃…👨⚖️（诧异）：这里也有很明显的漏洞，💂♂️（满头大汗）：这这这…👨⚖️: 回去等通知吧（面试基本完犊子~）很多小伙伴面试都只注重“”，不注重“简历搞的高大上，牛皮吹的震天响一看代码，提几个问题，立马实际上，，你的经验，你的技巧，你的习惯，都会在代码中展现。所以，实际上，
2024-06-20 13:36:07
266
原创 《Vue》源码（一）初识及生命周期函数的原理分析
整体结构首先，通过源码知道Vue和jQuery、underscore一样都是写在一个立即执行函数里，并且最终都是给当前的global环境添加一个名为Vue的属性//…
2024-06-19 12:41:52
594
原创 【React入门必备知识篇01】--- React 基础 & JSX
1️⃣React是一个用于构建用户界面的 JavaScript 库。2️⃣React主要用来写HTML页面，或构建Web应用。如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。3️⃣React起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。1️⃣JSX是 JavaScript XML 的简写，表示在 JavaScript 代码中写 XML（HTML） 格式的代码。
2024-06-19 00:14:52
907
原创 Vue学习之样式处理
.red {color: red;}.thin {font-weight: 200;}.italic {font-style: italic;}.active {letter-spacing: 0.5em;}效果效果在绑定的数组中我们还可以通过三目运算来实现简单的逻辑，如下效果如下:通过效果也可以看出来随着flag的改变，效果也不一样咯~上面例子中的三目运算符我们可以替换为对象，效果是一样的。效果上面都是将数据和view写在一块了，我们也可以将数据直接写在vm中，如下:效果演示:通过演示也可以看到，通过绑定
2024-06-18 22:56:52
207
原创 JS一维数组转化为三维数组有这个方法就够了
推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。
2024-06-18 20:37:18
630
原创 前端微服务在字节跳动的打磨与应用
传统前端业务通常会根据业务线集成在一个站点上，随着业务复杂度上升，包体积会迅速变的过大。为了适应这个变化往往需要更多的开发者、更细粒度的团队组织。分组开发时大家的模块解耦到各自完成，上线时糅合在一起运行，产生出层出不穷的分支合并、代码回滚，都会造成合作效率的骤降。这正是头条号平台在 17 年时面临的问题。过大的代码集合还会造成发布频繁，每个业务分支和功能点都有一定的更新频率，如果以传统的独石系统开发、验证和上线，每一个业务都会让项目所有一起升级、测试和上线，发布频率的总和会非常高、非常频繁。
2024-06-17 04:26:13
585
原创 vue3- swiper组件
/一开始用的是版本6，由于版本太高了有些功能缺配置没有办法使用。//我这里用的是这两个版本，并不兼容所以要自己配置。Swiper7的默认容器是。，Swiper6之前是。
2024-06-17 02:10:03
248
原创 【React入门实践】复杂搜索表单的【展开-收起】功能
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档aceholder=“总价范围” />)}})()}})(前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档[外链图片转存中…(img-r233Vysn-1718464562112)][外链图片转存中…(img-zzmWLLxB-1718464562113)]{reset}{search}{reset}{search}{reset}
2024-06-15 23:16:13
674
原创 react redux 学习
在react使用redux，分为两大步，第一步：创建仓库第二步：在组件中使用仓库在store文件下创建store.js1.从redux中引入createStore方法，使用createStore创建store，createStore函数接收三个参数，后面两个不用可以省略，接受的reducer是唯一且必须的2.引入redux的中间件thunk，用于action中方法的异步处理，引入****applyMiddleware方法，将中间件整合一个数组。
2024-06-15 21:14:43
549
原创 JVM进阶(一)：初识 JAVA 栈_java 栈是在jvm里吗
若想自己编写的Java程序高效运行，以及进行正确、高效的异常诊断，JVM是不得不谈的一个话题。本”JVM进阶“专栏大部分内容均来源于经典书籍《深入理解Java虚拟机存放基本类型变量，局部变量，对象的引用；系统自动分配与回收内存，效率较高，快速，存取速度比堆要快；是一块连续的内存的区域，有大小限制，如果超过了就会栈溢出，并抛出栈溢出的异常；Java会自动释放掉为该变量所分配的内存空间；栈又分为java栈和本地方法栈。顾名思义，本地方法栈自然就是为本地方法提供服务的，java栈是为java服务的。
2024-06-12 16:40:12
471
原创 Java基础-File_javafilefile基础编程
/public boolean createNewFile() 创建一个新的空的文件//注意点://1.如果文件存在,那么创建失败,返回false//2.如果文件不存在,那么创建成功,返回true//3.createNewFile方法不管调用者有没有后缀名,只能创建文件.//注意点://1.不走回收站的.//2.如果删除的是文件,那么直接删除.如果删除的是文件夹,那么能删除空文件夹。
2024-06-12 15:34:14
293
原创 Java WebService记
而之所以 WEB-INF/pojo 目录下的 .class 文件会自动发布为服务是因为在 axis2.xml 配置文件中的 deployer 标签中所配置的该选项。如果需要在其他目录自动发布服务只需添加新的标签即可上述的方式发布服务需要将编译后的类放置在某个具体的目录中，且不能包含 package ，而使用 *.aar 的方式则可以解决此问题。首先在Project的根目录下新建 META-INF/services.xml ，文件内容可以参考官方示例 version.aar。
2024-06-12 14:26:24
572
原创 AI技术创业有哪些机会？
推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。
2024-06-12 11:54:11
286
原创 前端项目如何准确预估个人工时_前端工时评估怎么做
可能有同学觉得自己就是个小码农甚至因为自己是外包，不敢发表自己的想法和见解，其实大可不必，只要你就事论事，有理有据，完全可以大方说出来，你不说出来，你永远只能从自己的角度看这个问题，你无法确认自己是对的还是错的。可能有的小伙伴，可能被别人激一下，被人以质疑的语句问一下，后续就被人牵着鼻子走了。其实大方的承认即可，有问题，那就暴露问题，如果项目组其他成员会，那就让他来教你，这也属于沟通协作。明确自己的定位，就是个普通码农，普通干活的，项目延期了，天塌了也是领导想办法解决。不会的，不要羞于请教。
2024-06-11 15:43:44
620
原创 WebAssembly + Dapr = 下一代云原生运行时？
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！ault();.build()?;;由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！[外链图片转存中…(img-BUgYIiVq-1718041849183)][外链图片转存中…(img-5QLhq5p1-1718041849184)]
2024-06-11 01:51:01
423
原创 vue3新语法
console.log(context,“上下文”);content.emit(‘name-changed’,num)//相当于this.$emit()return {fn},
2024-06-10 20:27:46
958
原创 react todolist 3
super()title2:“今日事今日毕”,todos:[{id:1,title:“吃饭”,},id:2,title:“学习”,},id:3,title:“睡觉”,},render() {return (console.log(‘子元素传值’,todoTitle)//注意不能用push这样写，因为push返回的是数组的长度// })// })//用push这样写// })// })//第三种新值添加进数组的方法})//点击checkbox取反})
2024-06-10 19:12:00
516
原创 java之集合Collection详解之3_privatecollection3
** 问题1:能用while循环写这个程序，我能不能用for循环呢?* 问题2:不要多次使用it.next()方法，因为每次使用都是访问一个对象。*/// 创建集合对象/** Iterator iterator():迭代器，集合的专用遍历方式* Object next():获取元素,并移动到下一个位置。* NoSuchElementException：没有这样的元素，因为你已经找到最后了。
2024-06-10 17:55:46
463
原创 HTML 表单标签
定义单选按钮，常用属性有：name：定义标签名。注：对于单选按钮，如果要想做到单一选择，多个 radion 的 name 值必须一样value：定义标签值checked：定义标签默认被选中：定义复选框，重用属性有：name：定义标签名称。注：一组的checkbox它们的name值应该是一样的value：定义标签值checked：定义该标签默认被选中：定义可点击按钮（多数情况下用于通过 JavaScript 启动脚本），常用属性有：name：定义标签名称value：按钮显示名称。
2024-06-10 16:41:56
909
原创 Bootstrap 按钮的使用
可以通过 .btn-group-justified 类来设置自适应大小的按钮组。按钮在激活时将呈现为被按压的外观（深色的背景、深色的边框、阴影）。Bootstrap 提供了激活、禁用等按钮状态的 class。元素上使用按钮 class，避免跨浏览器的不一致性问题。当你禁用一个按钮时，它的颜色会变淡 50%，并失去渐变。#### 最后更多分享：**前端字节跳动真题解析**#### 最后更多分享：**前端字节跳动真题解析**元素上使用按钮 class。
2024-06-10 15:24:51
396
原创 超实用的JavaScript代码段 Item8 -- js对象的(深)拷贝_js的对象分为item和
看一下输入结果结果是两个的出生地都被改了。所以，只是拷贝了基本类型的数据，我们把这种拷贝叫做“浅拷贝”。
2024-05-28 02:16:07
396
原创 漫画告诉你什么是 DDoS 攻击？
而真正的顾客连进店的地方都没有了！4、用户行为模式分析：真是的数据是随机访问的，这就好比顾客进店后的行为是随机的，或看看商品，或询询价，或来回比对，或和店员攀谈，而非法流量会大规模地，步调一致地去访问某一个点，这样一来，也是会被ADS识别。3、特定应用防护：非法流量总是有一些特定特征的，这就好比即便你混进了顾客群中，但你的行为还是会暴露出你的动机，比如老重复问店员同一个问题，老做同样的动作，这样，你仍然还是会被发现的。你完全应接不暇，而且他们老找你问这问那，东看西看，就是不买东西，更可恶，赖着不走了！
2024-05-28 01:57:36
175
原创 微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件
🏍️全局配置-window全局。🍇window节点常用的配置项| 属性名 | 类型 | 默认值 | 说明 || navigationBarTitleText | String | 字符串 | 导航栏标题文字内容 || navigationBarBackgroundColor | HexColor | #000000 | 导航栏背景颜色，如 #000000 || navigationBarTextStyle | String | white | 导航栏标题颜色，仅支持black/white |
2024-05-28 01:41:44
582
原创 循序渐进VUE+Element 前端应用开发(9）--- 界面语言国际化的处理
我们多处采用了类似 t ( ′ l o g i n . u s e r n a m e ′ ) 的 函 数 处 理 方 式 来 动 态 获 取 对 应 语 言 的 内 容 即 可 ， 其 中 t(‘login.username’) 的函数处理方式来动态获取对应语言的内容即可，其中 t(′login.username′)的函数处理方式来动态获取对应语言的内容即可，其中t(）函数里面就是对应的语义解析的键参数，对应我们lang/zh.js里面或者lang/en.js里面的内容即可。中文界面提示如下所示。
2024-05-28 01:41:14
832
原创 只需一行CSS代码，让长列表网页的渲染性能提升几倍以上！
visible: 默认值。对布局和呈现不会产生什么影响。hidden: 元素跳过其内容的呈现。用户代理功能（例如，在页面中查找，按Tab键顺序导航等）不可访问已跳过的内容，也不能选择或聚焦。类似于对其内容设置了display: none属性。auto: 对于用户可见区域的元素，浏览器会正常渲染其内容；对于不可见区域的元素，浏览器会暂时跳过其内容的呈现，等到其处于用户可见区域时，浏览器在渲染其内容。效果对比。
2024-05-28 01:25:23
304
原创 双向链表（JavaScript实现）
向列表尾部添加一个项:向列表的特定位置插入一个项:获取对应位置的元素:返回元素在列表中的索引，如果列表中没有该元素则返回-1:修改某个位置的元素:从列表的指定位置移除一项:从列表中移除一项isEmpty():如果链表中不包含任何元素，返回true,如果链表长度大于0返回falsesize():返回链表包含的元素个数，与数组的length属性相关toString():由于列表项用到了Node类，需要重写继承自JavaScript对象默认的toString方法，让其输出元素的值:返回正向遍历的节点字符串形式。
2024-05-28 01:24:53
748
原创 前端开发一枚，入职前自学的感觉不难，为什么工作起来很吃力？_前端刚上班感觉工作做不了
我是软件工程专业，学前端之前，学过 C/C++、Java、PHP、.net 成绩还不错基本都是90多分。感觉自己干后端也不吃力。实验室里面的项目都是前后都写。最爱 PHP，本以为以后就走上PHP后端工程师的道路了。由于项目需要的原因，后来渐渐开始学起 HTML、CSS、JavaScript 这些语法相关的东西。刚接触时没有感觉太大难度。当时就想着怎么把页面搞好看，搞各种动画炫技。写一个小球从下面弹出来的效果，换各种姿势弹出。当时觉得前端真的有意思，就入了前端的坑。
2024-05-28 01:11:22
660
原创 前端实现打印功能_前端打印
这样写虽然不会影响原页面，但是需要我们把打印的内容及样式用JS来生成，如果打印的内容很多，或者样式很复杂的话，那就是一个大工程，难免不方便，所以如何解决问题呢？需要注意的是，使用第三方插件能够提供更为定制化的打印功能，但是在使用前需要对插件的相关文档进行仔细的阅读和熟悉，确保能够正确地使用插件完成打印功能。这个与方法一的区别就是，取消打印后可以完整保留当前访问页面的内容，不需要影响原页面，需要注意的是，在你生成新的iframe内的html时，方法来触发打印操作。最后，在触发打印的按钮的点击事件中，使用。
2024-05-28 01:10:51
1039
原创 使用VS Code远程开发小游戏，并实现公网访问本地游戏(1)
在本篇博客中，我们将分享如何通过VS Code实现远程开发MENJA切块小游戏，并使用VS Code并结合Live Server插件进行调试，Live Server可以实现一键安装，实现自动刷新，架设本地服务器环境。最后通过cpolar内网穿透发布到公网，分享给无论身在何地的好友体验由你开发的游戏的乐趣。
2024-05-28 00:56:42
564
原创 使用IDEA搭建一个Spring + AOP (权限管理 ) + Spring MVC + Mybatis的Web项目 (零配置文件)
141820 @PropertySource(value = “classpath:jdbc.properties”)//加载资源文件21 public class SpringDaoConfig implements EnvironmentAware {//数据层222529 }3031 //配置数据源40 }41 //配置 mybatis//实体类// 映射 sql文件//mybatis配置。
2024-05-28 00:56:11
614
原创 一文搞懂css中精灵图如何使用
1.用户体验而言：在用户使用网页时，首先页面越华丽速度越快越好,如果使用一系列的小图标,不将所有的小图片全放在一张图片上,页面一旦卡顿,那么只会展示出一部分图标,会使页面看起来很乱,使用精灵图就是将一部分图标绑定在一起页面卡顿时页面上什么也没有,一旦有,所有的图画都有,这样就使得页面很整洁。2.就开发者而言：开发者将来不会只进行一个网站的开发与维护,可能会开发许多网站,使用多个网页的图片,但是开发环境（也就是电脑只有一个）,将图片分文件夹进行存放。
2024-05-28 00:40:23
177
原创 一文学会多线程
i++) {会发现执行结果是相交的……27250main27252main8176881770……/*** 练习* 创建俩个多线程，分别打印100以内的奇数和偶数*/m1.start();m2.start();i++) {运行结果……
2024-05-28 00:39:52
794
原创 【前端入门必看】手把手带你打开前端的大门（涵盖HTML,CSS3,JS）
二、页面的美化2.1制作贺卡的页面背景下一步就是完成贺卡的美化工作，我们将使用HTML5的核心 – CSS来完成 通俗来说，HTML5相当于我们构建了一个整体的框架，而CSS就是套上了一套皮肤。这里，我准备了一张名为chun_jie.jpg的图片作为贺卡的背景，但是像素大小没整好显得尺寸偏大了很多。如下图所示：路径：接下来我们就要创建CSS样式：在定义CSS样式之前，我们应该创建相应的容器来容纳这些样式。所以我们可以在页面头部创建一个style元素来作为样式的容器。
2024-05-28 00:28:41
919
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人