- 博客(251)
- 收藏
- 关注
RSS订阅原创 17个提升用户体验图像特效库
纯CSS3鼠标滑过图片效果动画库，44种鼠标滑过效果是一款让图像跟随鼠标产生微妙立体倾斜效果的插件，使其有层次感和深度感。是一款实用纯js制作的图片放大镜插件。它有以下一些特定：可以使用鼠标滚轮放大缩小图片。可以通过js或data属性来设置选项。一次调用可以附加多张图片。用户可以自定义鼠标进入、离开、移动事件。加载大图片时可以显现等待文本。通用的withReact示例应用程序与 Web。iOS和Android实现一起运行一个代码库( 一些特定的代码被设计成在平台上创建不同的UI )。
2024-07-14 20:15:37
955
原创 一名合格的前端工程师需要掌握的浏览器渲染笔记
ps：本文整体思路主要参考极客时间专栏-浏览器工作原理与实践[1]（推荐，讲的不错），文中部分图片画起来比较复杂，也直接采用了文中的图片，仅供学习。整体流程1、解析HTML，构建DOM树2、解析CSS，生成CSS规则树3、合并DOM树和CSS规则，生成Render树（页面布局）4、绘制Render树（paint），绘制页面像素信息5、显示1、构建DOM树因为浏览器无法直接理解和使用html，所以需要将html转换为浏览器能够理解的结构——DOM树。
2024-07-14 03:17:10
735
原创 el-select 下拉框全选、多选的几种方式组件_el-select全选
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
2024-07-14 02:37:49
755
原创 vue中的provide和inject
提供依赖``是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性值。注入依赖一个字符串数组，或者是一个对象。属性值可以是一个对象，包含from和default默认值。说明：provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中。这对选项是成对使用的。子孙组件想要获取祖先组件得资源，那么怎么办呢，总不能一直取父级往上吧，而且这样代码结构容易混乱。这个就是这对选项要干的事情。
2024-07-13 13:50:14
285
原创 css------小技巧
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！高级前端工程师必备资料包。
2024-07-13 05:12:52
855
原创 用Jersey构建RESTful服务3--JAVA对象转成JSON输出_jersey 框架 直接接受实体类 用什么json转换器
/服务类所在的包路径。//注册JSON转换器。
2024-07-12 18:45:43
895
原创 【面试题】JS中Map、WeakMap和Object的区别_面试题 map和weekmap
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料。
2024-07-12 17:04:31
297
原创 vue-grid-layout+component 实现动态布局
{x: 0,y: 0,w: 6,h: 5,i: "0",component: "test1"},//0列0行 宽为5块，高为5*rowHeight{x: 6, y: 0, w: 6, h: 5, i: "1", component: "test2" },// 列为6(因为上一块的宽度是6){x: 0,y: 5,w: 12,h: 10,i: "2",component: "test3"},//自己算一算吧正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！
2024-07-12 16:11:40
197
原创 javascript的防抖和节流深入理解(1)
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~篇幅有限，仅展示部分内容。
2024-07-12 15:20:11
472
原创 34 个 JavaScript 优化技巧
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件。
2024-07-12 14:30:21
725
原创 你好，谈谈你对前端路由的理解
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。
2024-07-05 02:43:02
240
原创 【面试题】2024前端面试知识体系_pxtpc
ated复制代码* vue什么时候操作DOM比较合适 mounted和updated都不能保证子组件全部挂载完成 使用$nextTick渲染DOM只有nextTick操作DOM才是最安全的this.// 仅在整个视图都被渲染之后才会运行的代码})复制代码* ajax 应该在那个生命周期？有两个选择：created 和 mounted 推荐：mounted* vue3 Composition API 生命周期有何区别？
2024-07-05 01:41:46
776
原创 「好文分享」我为什么从Google 辞职开始为自己工作？(1)
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些前端面试题以及学习路线给大家站最像！]( )**2.卧槽！GitHub还有这么有趣的项目！！3.撸了一个「合成大西瓜」一个好的心态和一个坚持的心很重要。
2024-07-05 00:38:52
323
原创 Vue进阶（九十五）：addEventListener() 监听事件_vue addeventlistener
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
2024-07-04 23:35:49
310
原创 vue 高德地图 西湖区 点标记 001
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
2024-07-04 22:40:12
213
原创 React面试题总结
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记。
2024-07-04 21:39:25
298
原创 JS中事件处理机制（秒懂事件委托、事件捕获和事件冒泡）
当事件在 DOM 树中某个元素上触发时，事件首先会从根节点（document）开始，沿着DOM树向下传播直至达到目标元素。因此，如果在某个祖先元素上绑定了事件处理程序，并且该事件处理程序使用了事件捕获阶段，那么该事件处理程序会在目标元素的事件处理程序之前执行。因此，如果在某个祖先元素上绑定了事件处理程序，并且该事件处理程序使用了事件冒泡阶段，那么该事件处理程序会在目标元素的事件处理程序之后执行。因此，当我们将事件处理程序绑定到父元素上时，父元素可以代理处理子元素上的事件，这就是事件委托的原理。
2024-07-04 20:33:10
380
原创 JavaScript学习6：BOM（window对象、定时器、js执行机制、location
script>//window.setTimeout(调用函数,[延迟的毫秒数]);console.log('时间到了');}, 2000);//第二种写法console.log('爆炸了');//或者setTimeout('callback()'', 3000)//经常用变量标识定时器停止：clearInterval(id)案例：倒计时//ddl时间//先调用一次//当前时间//剩余总秒数。
2024-07-04 19:36:01
259
原创 HTML DOM 入门知识点总结
html_dom - 节点关系 - 删除节点删除元素节点删除属性节点删除文本替换节点[外链图片转存中…(img-uHrI6C4F-1720089470543)]
2024-07-04 18:38:02
385
原创 AngularJS进阶(二十七)实现二维码信息的集成思路_angular 实现二维码分享获取个人信息功能
接下来面临的问题就是:如何实现两个html页面间传值？通过搜索,不同页面之间的传值方法有:1.地址传值(get) 2.cookie 3.localstorage 4.sessionStorage 5.flash 6.依赖后端服务器。但是在二维码显示的环节上遇到了问题，太大(见下图左)的话影响布局，太小(见下图右)的话二维码无法解析。现在可以获取到第一级数据，第二级数据data获取不到。利用第一级数据的获取方法获取不到第二级数据。经过自己的多次尝试，终于在localstorage这条路上走通了。
2024-07-04 17:37:38
283
原创 2019CCPC 网络选拔赛 解题报告
资料过多，篇幅有限自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。3123CCPCCCCCPCPCPPCCCPPCCCCCCCCCPCPCPCPC[外链图片转存中…(img-Mgi6Fdyn-1720082083457)][外链图片转存中…(img-95GbLsha-1720082083459)]资料过多，篇幅有限自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
2024-07-04 16:34:55
348
原创 揭秘webpack插件工作流程和原理
在模块开始编译之前触发，可以用于修改模:在模块开始编译之前触发，可以用于修改模块:当所有模块都编译成功后被调用:当一次停止接收新模块时触发:在依赖优化的开始执行:在优化阶段的开始执行moduleschunks:优化任何代码块资源，这些资源存放在上。一个chunk有一个files属性，它指向由一个chunk创建的所有文件。任何额外的chunk资源都存放在上。chunks:优化所有存放在的所有资源。assetsCompiler 和 Compilation 的区别Compiler代表了整个Webpack。
2024-06-25 02:03:38
314
原创 前端页面开发浅谈：PC 端设计如何“完美”迁移到移动端？_实现pc和移动端
在以下我们分别从布局、编码、流程和目标方面对 H5 页面的注意事项进行一个总结。
2024-06-25 00:05:48
720
原创 制作别踩白块网页小游戏
隐藏所有格子/* 行 */.row {/* 一个块 */.cell {.black {.btn {.start {如果以上部分你都能够理解并且对应着代码实现的话，那么我们看到的应该是一个空格子，我们设置 id 为 con 的 div 的 top 属性为 0 px: #con {top: 0px;}，这样我们就可以看见：是不是很像别踩白块的界面了呢，我们已经成功了一大步，然后就是通过 js 来实现动态的插入黑块或白块，以及操作。游戏初始化。
2024-06-24 23:17:02
774
原创 【Leetcode】331
26truetruetruepreorder1falsefalsefalsepreorder91falsefalsefalse≤preorderlength≤104reorderpreorderpreorder 由以逗号“，”“，” 分隔的0100[0,100][0,100] 范围内的整数和“#”“#” 组成。
2024-06-24 21:05:51
309
原创 Vue 实现 Hover 功能（ mouseover 与 mouseenter 的区别）
@mouseenter=“mouseenter”@mousemove=“mousemove”@mouseout=“mouseout”@mouseleave=“mouseleave”@mousedown=“mousedown”@mouseup=“mouseup”
2024-06-24 19:11:59
107
原创 HTML期末作业-网上书城网上书店
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》
2024-06-24 15:31:15
345
原创 2021年中级前端笔试面试题总结（含答案解析）(1)
面试第一看眼缘，其次看实力，面试官觉得你自信，跟公司的岗位匹配，就会推荐你。面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。
2024-06-24 13:32:16
582
1原创 微软面试经历和相关思考总结
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》4、面试策略。只专心面试某一个公司，不给自己选择的余地，还是广撒网，面试很多公司，积累经验，最后还方便谈薪资选一个最好的呢？多面试几次确实会积累经验，比如在经过了微软的考验后，面试头条时算法题感觉有点太简单了。
2024-06-20 14:08:33
393
原创 几个有用的MyEclipse设置（一）
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~篇幅有限，仅展示部分内容。
2024-06-20 11:53:37
311
原创 Location 对象
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总。
2024-06-19 22:50:35
285
原创 【面试题】面试小技巧：如果有人问你 xxx 技术是什么？_面试问你对什么技术特别了解
文章回答了最开始的问题 ”React 是什么？React 是什么？解释 React 是什么？你了解 React 吗？谈一谈你对 React 的理解？说说什么是 Vue？你了解 Vue 吗？xx 技术是什么？你对 xx 技术了解吗？这一类问题其实大致都可以套用下面这个图的思路来回答，从本质、背景，到用途、核心、优缺点。
2024-06-19 13:16:17
471
原创 html5基础教程入门学习路线之canvas应用图像
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料不会，会的不难**』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；
2024-06-19 11:02:31
506
原创 【贪吃蛇-----html实现（附源代码）】
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档1;Play State前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档[外链图片转存中…(img-JKDgnm8F-1718729008597)][外链图片转存中…(img-qsnDLnwT-1718729008599)]
2024-06-19 00:43:41
753
原创 vue高级特性总结_vue 按钮有啥特性
1、引入vue框架1、引入vue框架1、引入vue框架1、引入vue框架1、引入vue框架1、引入vue框架1、引入vue框架},或者},
2024-06-18 23:25:43
210
原创 Nodejs入门 [实现http请求服务和操作Mysql数据库]
这是nodejs内嵌的API，所以可以直接使用，就像是python里import包一样。”);这个语句要加在httpserver服务的回调函数中因为浏览器不认识什么是hello server，所以我们要让浏览器认识它，就要告诉浏览器将以text-html去解析hello server这段数据，以html方式解析浏览器就知道strong标签什么意思了。同样这个语句要写在回调函数中。这里结合前两个语句把创建的httpserver服务补全：”);这里我们的http请求的端口号是8888。
2024-06-18 21:10:09
620
原创 Flutter现支持Web和桌面，一跃成为前沿大一统框架
Flutter框架体系除了之外，这次发布了，以及，拓展了Flutter的应用领域。此版本包含视觉更新，主要用于支持iOS 13，包括完整实现的黑夜模式，新的Cupertino小部件，另外多个UX做了调整，还增加了Flutter添加到native应用的新功能，主要有以下这些功能的更新：★ 可用的iOS 13黑夜模式：在Flutter1.12中，最大的变化就是对iOS13的支持，此次更新可以在Cupertino组件上使用完整的黑夜模式。暗模式支持不仅是换掉背景颜色，而且还可以调整其余颜色以达到理想的视觉效果。★
2024-06-18 19:00:46
664
原创 @Transactional的失效场景和使用注意
1、@Transactional注解可以作用于哪些地方？@Transactional 可以作用在接口、类、类方法作用于类：当把@Transactional 注解放在类上时，表示所有该类的public方法都配置相同的事务属性信息。作用于方法：当类配置了@Transactional，方法也配置了@Transactional，方法的事务会覆盖类的事务配置信息。
2024-06-18 14:19:30
616
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人