自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 弄懂webpack,只要看这一片就够了(文末有福利)

Babel在执⾏编译的过程中,会从项⽬根⽬录下的。

2024-06-25 01:37:05 316

原创 京东放大镜效果实现 + 原理分析

if(maskX

2024-06-24 22:44:06 370

原创 websocket实现简单聊天程序_若依聊天室

指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?document load和document DOMContentLoaded两个事件的区别。引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?如何判断一个变量是Array类型?如何判断一个变量是Number类型?跟C,Java中的this有什么区别?如何改变this的值?js的基本类型有哪些?事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?显示原型和隐式原型,手绘原型链,原型链是什么?

2024-06-24 20:36:06 495

原创 tkinter 布局管理

该方法将widget w 注册到网格几何管理器——如果你不这样做,widget 将在内部存在,但它不会在屏幕上可见。有关选项,请参见表 1,“.grid() 几何管理器”。| 参数 | 描述 || — | — || column | 您希望小部件网格化的列号,从零开始计数。默认值为零。| columnspan | 通常一个小部件只占据网格中的一个单元格。但是,您可以通过将 columnspan 选项设置为 columnspan 单元格数来获取一行的多个单元格并将它们合并为一个更大的单元格。

2024-06-24 18:47:19 1811

原创 Java程序员用下班时间给学弟做了一个在线考试系统_使用schema搭建考试后台管理系统

【代码】Java程序员用下班时间给学弟做了一个在线考试系统_使用schema搭建考试后台管理系统。

2024-06-24 16:51:16 243

原创 express下使用ES6 - dtdxrk - 博客园

疯狂编程学习效果可视化写博客阅读优秀代码心态调整。

2024-06-24 15:04:01 451

原创 如何解释Event Loop面试官才满意?

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。})})总结来说,面试成功=基础知识+项目经验+表达技巧+运气。

2024-06-20 13:35:16 430

原创 【React入门实践】复杂搜索表单的【展开-收起】功能

return (

2024-06-19 00:14:01 361

原创 Vue学习之增删改查小案例

在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。HTML5新特性,语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。

2024-06-18 22:56:01 1156

原创 JSP还能撑多久? -- 关于WEB开发的一些思考

一般都是只有 web 服务器才能被外网访问,应用服务器只能内网访问。开发模式。

2024-06-18 20:36:27 790

原创 前端开发:JS中查找数组的目标元素方法find()、findIndex()的使用

返回值返回值返回符合测试条件的第一个数组元素值,如果没有符合条件的则返回。4、用法find() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素,之后的值不会再调用执行函数;如果没有符合条件的元素返回 undefined。5、注意事项(1)find() 对于空数组,函数是不会执行的;(2)find() 并没有改变数组的原始值。6、使用实例。

2024-06-17 04:25:23 1299

原创 Vue3 + TypeScript + Vite 初始项目搭建(ESLint、Prettier、Sass、Stylelint、husky

为了使在使用 ESLint 进行代码检查时,遇到使用别名 import 模块时,不报错,使 ESLint 能够支持别名配置,所以在 ESLint 配置文件中 import/resolver 的 alias 选项,配置如何解析 import 语句中的别名,依赖 eslint-import-resolver-alias 和 eslint-plugin-import 插件。

2024-06-17 02:09:13 983

原创 【JS错题锦集】记录一下常考易错知识点

即对于i

2024-06-15 23:15:23 791

原创 quill-editor:Vue轻量级富文本编辑器-Vue-Quill-Editor

3、代码event"@focusonEditorFocusevent)”OK,搞定,简洁的富文本编辑器就展现在你眼前了,另外附上API。4、自定义 toolbar 菜单placeholder: “请在这里输入”,modules:{toolbar:[[‘bold’, ‘italic’, ‘underline’, ‘strike’], //加粗,斜体,下划线,删除线[‘blockquote’, ‘code-block’], //引用,代码块。

2024-06-15 21:13:53 839

原创 JS高级第一天:数据类型、继承、闭包、原型

为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。前端面试题汇总JavaScript性能linux。

2024-06-12 16:39:17 838

原创 Java基础-File_javafilefile基础编程(1)

正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!//3.判断 --- 如果遍历到的File对象是一个文件,那么直接删除}else{//4.判断//递归//参数一定要是src文件夹里面的文件夹File对象正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

2024-06-12 15:33:22 821

原创 Java Web 网络商城案例演示二十二 管理员查询订单

/ 转发到/admin/order/list.jsp@Override@OverrideOrderDao@Override@Override3、在/admin/order/list.jsp下获取全部的订单信息完成响应序号订单编号订单金额收货人。

2024-06-12 14:25:33 427

原创 ES6之Object

我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。

2024-06-12 13:12:40 862

原创 Activiti工作流引擎进阶【收藏可做笔记系列】

流程变量在 activiti 中是一个非常重要的角色,流程运转有时需要靠流程变量,业务系统和 activiti结合时少不了流程变量,流程变量就是 activiti 在管理工作流时根据管理需要而设置的变量。比如:在出差申请流程流转时如果出差天数大于 3 天则由总经理审核,否则由人事直接审核, 出差天数就可以设置为流程变量,在流程流转时使用。

2024-06-12 11:53:21 1031

原创 前端页面开发浅谈:PC 端设计如何“完美”迁移到移动端?_实现pc和移动端

【代码】前端页面开发浅谈:PC 端设计如何“完美”迁移到移动端?_实现pc和移动端。

2024-06-11 15:42:53 353

原创 WebApi入门第二章(获取操作页面元素)

js语言如何获取元素页面元素?也是通过选择器。

2024-06-11 01:50:10 297

原创 Vue3学习笔记 —— Composition API 快速入门

前提查看一下你的 Vue 版本是否是大于 4.5.0 的。不是的话就得创建vue 2 项目,然后手动升级到 vue3项目创建有两种方式纯命令安装脚手架创建创建步骤(命令行创建)指定添加的依赖(步骤省略)项目创建好后,进入 src 目录,然后输入运行项目当你看到如下信息时,说明你的项目启动成功了!!!三、Vue3 引用和方法对比 Vue2 中 OPTIONS API,data 和 methods 的定义如下所示在 Vue3 中,上述的方式依然可以使用。

2024-06-10 20:26:56 364

原创 react Native 环境安装配置——图解版一目了然

点击下载还得需要Orcle的账号登陆才可以,但是不要慌福利安排上,大家访问这个地址就可以了在这里我们可以直接下载的下载下来后 我放到了自己喜欢的目录下然后下面就是JDK环境变量的配置了(为了大家能够看懂我直接图解)需要我们配置的有一下几项变量名:JAVA_HOME变量值:C:\Program Files (x86)\Java\jdk1.8.0_91 // 要根据自己的实际路径配置变量名:CLASSPATH变量值:.;//记得前面有个"."变量名:Path(这是在Path中编辑去新增的)

2024-06-10 19:11:09 2022

原创 JavaScript:函数防抖与节流

三套“算法宝典”算法刷题LeetCode中文版(为例)人与人存在很大的不同,我们都拥有各自的目标,在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人,但是我深刻知道自己想要的是一年比一年有进步。最后,我想说的是,无论你现在什么年龄,位于什么城市,拥有什么背景或学历,跟你比较的人永远都是你自己,所以明年的你看看与今年的你是否有差距,不想做咸鱼的人,只能用尽全力去跳跃。祝愿,明年的你会更好!

2024-06-10 17:54:06 841

原创 HTML 5的革新:结构之美

Mr.Think,专注Web前端技术的凡夫俗子。//side end页面的底部上面是一个简单的博客页面部分HTML,由头部、文章展示区、右侧栏、底部组成。编码整洁,也符合XHTML的语义化,即便是在HTML 5中也可以很好的表现。但是对浏览器来说,这就是一段没有区分开权重的代码,而不是一个让机器也能读懂语义的标签来定义相应的区块。

2024-06-10 16:41:02 743

原创 axios在vue中的使用

axios.spread() 作用是在axios.all()多个请求完成之后,分割请求返回值,把返回数据进行处理。有两种请求接口:http://localhost:9090 和 http://localhost:9091。请求错误:请求没有到达后端(404接口未找到 401请求超时)后端接口地址有多个,并且超时试长不一样,用实例请求会很方便。拦截器两个参数:请求前的拦截函数,请求错误的拦截函数。两种:请求拦截器,相应拦截器,取消拦截器(了解)使用场景:需要请求多个接口,同时处理返回值。

2024-06-10 15:24:01 568

原创 滴滴前端面试问题没被难倒,自我介绍、面试时被考察、等环节回答却是灾难现场

面试官一半开头都会叫我们先自我介绍,记得刚开始第一次面试时,我只介绍说,我是某某大学,大三学生,想应聘前端实习生,学前端一两年了,然后没了。项目在介绍后就给现场改了下这些错,我的项目还是太糙了,做一个项目一定要奔着能拿出来用的想法去,多方面都要考虑到位。后来我就反思了下,面试官不了解你,他需要通过你的自我介绍来了解你,一个完整的自我介绍是对面试官的基本尊重。这个之后,不出意料,面试官就会问你,你是什么专业的,你觉得你前端哪方面学的最好这样的。然后还有一点,就是我项目的首页的侧边栏的标签,上下挨的太近了。

2024-05-28 01:57:04 940

原创 源码解读: Vuex 的一些缺陷

这样的设计意图,主要还是职责分离,action 单元用于描述 发生了什么;由于没有确切有效的机制防止错误,在使用Vuex的过程中,需要非常非常警惕;等状态单元的映射,即如何在组件中获取state。在 action 中手误修改了 state ,而没有友好的跟踪机制(这一点在getter中特别严重)造成“直接提交mutation即可”的假象,破坏了Flux的信号机制。这里的数据流是指从 Vuex 的 state 到 Vue 组件的。机制有非常密切的关系(见下文),个人认为这是极其不严谨的。

2024-05-28 01:56:33 424

原创 深夜爆肝JS好文!2021字节跳动春招面试题深度讲解

而实例对象上有一个 _ proto _ 属性,该属性也指向原型对象,并且该属性不是标准属性,不可以用在编程中,该属性用于浏览器内部使用(原型是函数对象的属性,不是所有对象的属性,对象经过构造函数new出来,那么这个new出来的对象的构造函数有一个属性叫原型。箭头函数,this 指向定义时候的对象,fn5在window作用域下,所以this指向window;this 的指向在函数创建的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁。// 函数默认添加的原型。// 如果是值类型,返回obj。

2024-05-28 01:56:02 133

原创 当面试官问我前端可以做的性能优化有哪些_面试官问前端项目如何优化

在默认情况下, Babel 会在每个输出文件中内嵌这些依赖的辅助函数代码,如果多个源代码文件都依赖这些辅助函数,那么这些辅助函数的代码将会出现很多次,造成代码冗余。寻找第三方,默认是在当前项目目录下的node_modules里面去找,如果没有找到,就会去上一级目录…借助mini-css-extract-plugin:本插件会将 CSS 提取到单独的文件中,为每个包含 CSS 的 JS 文件创建一个 CSS 文件,并且支持 CSS 和 SourceMaps 的按需加载。文件要来的大,所以图片压缩较为重要。

2024-05-28 01:40:44 804

原创 当 React Hooks 遇见 Vue3 Composition API

)打印出来的效果是这样的:这就很有意思了,意味着我们可以把某个对象 A 上所有属性都挂载到对象 B 上,这样我们不必对 A 进行任何监听,即不会污染 A。get() {})如果将上面的代码结合,那会出现什么效果呢?没错,我们的 React 变得更加reactive了。get() {},})return (将这段代码进一步封装,可以得到一个,也就是我们今天要说的。get() {},})return (当然,这段代码还存在很多问题,依赖了对象的结构、不支持更深层的。

2024-05-28 01:40:14 795

原创 又又来八道让我萌币的前端面试题

因此,你可以在上监听这三个事件,当compositionstart和compositionupdate这两个个事件触发的时候,设置一个boolean值,然后续的input事件不要这么快去做一个逻辑,再compositionend触发时再改变这个boolean值,去操作一些事情了。3.compositionend,输入框的拼音变成中文的时候触发,或者结束中文输入也会触发(在中文输入的时候,按esc或者失去焦点)这里会把 b 覆盖掉。当用中文输入法的时候,这时即使我们还在拼写的时候,仍然会触发input事件。

2024-05-28 01:24:23 541

原创 参数冗杂的优化解决办法看这里_前台参数多的优化

【代码】参数冗杂的优化解决办法看这里_前台参数多的优化。

2024-05-28 01:23:53 198

原创 前端实现图片懒加载

通过上面例子的实现,我们要实现懒加载都需要去监听 scroll 事件,尽管我们可以通过函数节流的方式来阻止高频率的执行函数,但是我们还是需要去计算 scrollTop,offsetHeight 等属性,有没有简单的不需要计算这些属性的方式呢,答案就是 IntersectionObserver。但是这样存在较大的性能问题,因为 scroll 事件会在很短的时间内触发很多次,严重影响页面性能,为了提高网页性能,我们需要一个节流函数来控制函数的多次触发,在一段时间内(如 200ms)只执行一次回调。

2024-05-28 01:10:21 322

原创 前端学习笔记一一HTML表单标签(form)

accept 规定上传文件的类型,如果多个类型可以使用逗号隔开,例如:accept=“image/png,image/jpg”(这能上传png类型的图片)accept 规定上传文件的类型,如果多个类型可以使用逗号隔开,例如:accept=“image/png,image/jpg”(这能上传png类型的图片)属性规定可描述输入字段预期值的简短的提示信息( 在输入框里面的提示文字,内容不会被提交),例如一个样本值或是预期格式的简短的描述。属性是一个布尔属性,规定必须在提交表单之前填写输入字段,必填字段。

2024-05-28 01:09:50 879

原创 使用CSS网格布局放置元素的七种方法

在以前的方法中,所有行都有不同的名称来标记元素的开始,中点或结束。每条命名的列线都具有相同的名称,以像素为单位表示其宽度,而每条命名的行线则代表网页的特定部分所覆盖的行。每条命名的列线都具有相同的名称,以像素为单位表示其宽度,而每条命名的行线则代表网页的特定部分所覆盖的行。这两个属性都将采用两个值,并用斜杠分隔,其中第一个值将确定元素的起始行,第二个值将确定元素的结束行。从技术上讲,我们要布置的项目涵盖了网页的特定区域。尽管我们不得不编写比平时更多的CSS,但是现在只要看一下CSS,就可以了解元素的位置。

2024-05-28 00:55:40 587

原创 你还在使用原生开发小程序吗

因为UI图上面的导航有自定义的样式,没办法只好使用vant的。

2024-05-28 00:54:35 538

原创 一份热乎的前端面经(已拿字节、腾讯、蚂蚁Offer)

它和其它框架(jquery)的区别是什么?描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?简要概括一下 HTTP 的特点?HTTP1.1 如何解决 HTTP 的队头阻塞问题?nodejs中的异步、非阻塞I/O是如何实现的?能不能简单实现一下 node 中回调函数的机制?对于定长和不定长的数据,HTTP 是怎么传输的?route 和 router 的区别是什么?Vue 的 nextTick 的原理是什么?能不能说一说 TCP 和 UDP 的区别?描述一下 V8 执行一段JS代码的过程?

2024-05-28 00:39:22 696

原创 一些JavaScript的基础题

这种方法虽然很简洁,但是使用该种方法我们可以看到里面的引用数据类型并没有能成功去重,只能去除基本数据类型//使用filter})//使用reduce}, [])使用该两种方法也和上面的方法一样,不能去掉引用数据类型。我们再来看一下如何去除引用类型的重复值利用对象的方法进行判断对象上是否含有该属性,如果含有则过滤掉,不含有则返回新数组中} else {})这次可以看到成功的将引用数据类型也去掉了。除了以上这几种方法,还有一些循环遍历的方法也是类似的。

2024-05-28 00:38:50 1650

原创 【前端三件套——CSSflex布局】简单知识整理

用来为盒状模型提供最大的的灵活性**注意: ** 设为flex布局后,子元素的属性都会失效弹性:可以自由伸缩,搜索窗口时可以体现1. 基本概念采用flex布局的元素,简称容器,容器的所有子元素自动成为容器成员,称为项目容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做 main start ,结束位置叫做 main end;交叉轴的开始位置叫做 cross start ,结束位置叫做cross end。

2024-05-28 00:27:38 445

空空如也

空空如也

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

TA关注的人

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