自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 几种常见的 CSS 布局

此处我们通过伪等布局便可解决圣杯布局的第二点缺点,因为背景是在padding区域显示的,设置一个大数值的padding-bottom,再设置相同数值的负的margin-bottom,并在所有列外面加上一个容器,并设置overflow:hidden把溢出背景切掉。同样也是三栏布局,在圣杯布局基础上进一步优化,解决了圣杯布局错乱问题,实现了内容与布局的分离。比较特殊的三栏布局,同样也是两边固定宽度,中间自适应,唯一区别是dom结构必须是先写中间列部分,这样实现中间列可以优先加载。元素能够“粘连”在屏幕的底部。

2024-07-05 03:03:02 526

原创 不规则的轮廓-outline

【代码】不规则的轮廓-outline。

2024-07-05 02:02:32 177

原创 【Vue】当 $parent 与 $children 遇上 slot 时,一件有趣的事情发生了(一次真实项目场景记录)

之所以要将 $parent 与 $children 验证一遍,是因为我们知道:一般情况下,我们在当前组件引入某个组件并注册使用,则当前组件为父组件,引入的组件为子组件,且可以通过 $children 获取到引入的组件实例;打印结果之前,我们再来回顾一下之前的“结论”:在当前组件(A组件)引入某个组件(List组件)并注册使用,则当前组件(A组件)为父组件,引入的组件(List组件)为子组件,且对父组件来说,可以通过 $children 来获取子组件实例。children[1] 获取到List组件实例。

2024-07-05 00:58:04 282

原创 webpack开发环境性能优化之优化代码调试-source-map

速度快,调试友好速度快排序:调试友好排序:source-map综合一下,折中推荐eval-source-map,想要更快加cheap,想要更友好加cheap-module即eval-source-map或eval-cheap-module-source-map,前者更友好,后者更快老师提到脚手架默认使用的是eval-source-map的方式来追溯错误源代码的:源代码隐藏?调试友好?

2024-07-04 23:56:29 354

原创 vue中异步函数async和await的用法

语法很简单,就是在函数前面加上async 关键字,来表示它是异步的,那怎么调用呢?async 函数也是函数,平时我们怎么使用函数就怎么使用它,直接加括号调用就可以了,为了表示它没有阻塞它后面代码的执行,我们在async 函数调用之后加一句console.log。timeout();console.log(‘虽然在后面,但是我先执行’);打开浏览器控制台,我们看到了。

2024-07-04 22:58:41 203

原创 Tomcat 安装配置(jdk)及环境变量_tomcat的jdk

测试一下运行效果,

2024-07-04 22:00:13 387

原创 List集合之ArrayList(三)ArrayList总结

/ set(int index,E e) 修改集合某索引位置上的元素的值// get(int index) 获取集合上某索引位置的元素Iterator迭代器代码练习/***/// Collection接口继承了Iterable接口,所以它的实现类需要重写iterable方法// ArrayList中对于iterator()方法的重写是: return new Itr();// iterator()用于获取集合对象的迭代器对象// 可以看出迭代器对象必须依赖于集合对象。

2024-07-04 20:51:36 328

原创 JavaWeb--快速入门JavaScript

动态注册事件:是指先通过 js 代码得到标签的 dom 对象,然后再通过 dom 对象.事件名 = function(){} 这种形式赋于事件 响应后的代码,叫动态注册。大白话,就是把文档中的标签,属性,文本,转换成为对象来管理。静态注册事件:通过 html 标签的事件属性直接赋于事件响应后的代码,这种方式我们叫静态注册。就是在function函数中不需要定义,但却可以直接用来获取所有参数的变量,我们叫它隐形参数。通过标签的 id 属性查找标签 dom 对象,elementId 是标签的 id 属性值。

2024-07-04 19:54:18 206

原创 iOS手机竖着拍的照片被旋转了90°的原因以及解决方案

EXIF.getData(IMG_FILE, function () { // IMG_FILE为图像数据// 拍照方向});获取拍照方向的结果为1-8的数字:注意:对于上面的八种方向中,加了*的并不常见,因为它们代表的是镜像方向,如果不做任何的处理,不管相机以任何角度拍摄,都无法出现镜像的情况。这个表格代表什么意义?

2024-07-04 18:58:02 274

原创 dart - 如何制作新数组嵌套排序映射

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

2024-07-04 17:56:50 656

原创 终于搞懂了 CSS 中的百分比是基于什么工作的了!

=就答题情况而言,第一问100%都可以回答正确,第二问大概只有50%正确率,第三问能回答正确的就不多了,第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法,都是一些可能会遇到的场景,而大多数人但凡有1年到2年的工作经验都应该完全正确才对。只能说有一些人太急躁太轻视了,希望大家通过此文了解js一些特性。并祝愿大家在新的一年找工作面试中胆大心细,发挥出最好的水平,找到一份理想的工作。

2024-06-25 03:02:57 882

原创 如何将本地项目上传到git进行管理

Initialize this repository with a README: 添加一个README.mdgitignore: 不需要进行版本管理的仓库类型,对应生成文件.gitignorelicense: 证书类型,对应生成文件LICENSE2.1首先需要先进入你的项目目录下,右击项目目录,若成功安装便会有两个选项:选中第二个,便进入:2.2 执行命令:git clone 项目仓库地址。

2024-06-25 01:03:54 277

原创 【面试题】最详尽的 JS 原型与原型链终极详解(一)_new function原型

推荐:★★★★★前端面试题汇总JavaScript性能linux前端资料汇总。

2024-06-24 22:02:39 234

原创 vue的学习之路(Axios 基本使用)

/自定义配置对象发送请求(创建实例 发送异步请求) 【企业开发必背】// timeout: 5000 //设置响应超时时间 如果超过了5000秒报异常});})})为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

2024-06-24 20:06:13 990

原创 react中的portals,es6和JSX

一个典型的使用例子是,当你的父组件中有overflow: hidden或者是z-index时,你又需要将你的子节点呈现出来,你就需要使用到portal,例如:对话框、悬浮框或者是工具提示时。尽管通过门户你可以把你的子节点放在任何的位置上,但是其他部分的操作还是如果其在一个父组件中的子节点中的操作一样,他在实质上还是原来的父组件。因此其还在它原来的React树中,而是不是在DOM树当中。这当然也包括冒泡事件在内。接下就提供一个实例来进行说明,首先在html中,创建两个根节点。

2024-06-24 18:10:07 249

原创 JavaScript对象系列(菜菜出品,必看!!!

对象原型每一个对象都有一个prototype原型,如果函数是一个构造函数,那么他new出来的实例会继承他的对象原型,每一个实例上面的__proto__都有一个constructor属性,这个属性就是他的构造函数,__proto__是他上一级的prototype每一个创建的实例上面都有一个name和age属性,以及sig方法//在往Eag的prototype上面添加一个属性,让emg1和emg2都能继承这个属性构造函数都有一个prototype的属性,也是构造函数独有的可以打印下看看。

2024-06-24 16:20:33 234

原创 CSS四种定位方式的详解

3,如果设定TRBL,并且父级设定position属性(无论是absolute还是relative),则以父级的左上角为原点进行定位,位置由 TRBL决定。他是默认参照父级的原始点为原始点(父级不是必须设定position属性),无论父级存在不存在,无论有没有TRBL,均是以父级的左上角进行定位,但是父级的Padding属性会对其影响。1,如果没有TRBL(top、right、bottom、left),以父级的左上角,在没有父级的时候,参照浏览器左上角。2、如果设定TRBL,相对于浏览器窗口进行定位。

2024-06-24 14:29:14 310

原创 动态规划:最长公共子序列

420如果用字符数组s1、s2存放两个字符串,用s1[表示s1中的第i个字符,用s2[]表示s2中的第j个字符(字符标号从1开始,不存在“第0个字符”),用s1;表示s1的前i个字符构成的子串,s2;表示s2的前j个字符构成的子串,MaxLen (i, j) 表示s1;和s2j的最长公共子序列的长度,那么递归关系如下if(i0||j0)else这里,MaxLen(i, i)=Max(MaxLen[i, j 1), MaxLen(i- 1, )]这个递归关系需要证明一下。

2024-06-20 12:59:39 903

原创 vue3 图片左右无限滚动-轮播功能_vue3 轮播

->

2024-06-19 12:05:16 79

原创 vue 利用element的Table 表格实现自制的穿梭框(可以高度自定义)_vue 穿梭框

其实可以从最后的效果图看出这个自制的穿梭框,只是由两个table表格和两个按钮组成,只需要写其中逻辑事件即可完成穿梭框的效果,其中的事件主要分为“选中”,“穿梭”和“删除”,其实也只是关于数组的增,删,改,查这些基本操作。其中要重点注意:row-style="setColor"和@current-change=“lineClick”,这两个触发的事件分别是:选中改变颜色和选中点击的选项的数据。

2024-06-18 22:19:26 620

原创 javaScript(十九) 原型

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。个人将这段时间所学的知识,分为三个阶段:第一阶段:HTML&CSS&JavaScript基础第二阶段:移动端开发技术第三阶段:前端常用框架推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。

2024-06-18 20:03:55 723

原创 Oracle 触发器的使用(带案例详解)

4.如何DML触发器?

2024-06-17 01:30:46 767

原创 Webpack + Vue

/使用路由routes: [//路由路径,对应一个 url//路由别名 ,vue.js内部使用的名称//组件,对应.vue页面的名字})当用户访问时,就会渲染文件,定义了该路由在 vue.js内部的名称2 创建一个新的Component之前在路由中引入了 component ,接下来,就是创建这个文件 📂页面效果原生 Vue.js的代码存在于 new Vue({……})中的代码,在Webpack 框架下,都应该放到`export default{……}`代码块中。

2024-06-15 22:41:58 867

原创 JAVA经典面试题附答案(持续更新版)_java面试题

=StringBuilder 字符串变量(非线程安全)==其自jdk1.5起开始出现。与StringBuffer一样都继承和实现了同样的接口和类,方法除了没使用synch修饰以外基本一致,不同之处在于最后toString的时候,会直接返回一个新对象。4.ArrayList 和 LinkedList 有什么区别。ArrayList和LinkedList都实现了List接口,有以下的不同点:1、ArrayList是基于索引的数据接口,它的底层是数组。

2024-06-15 20:40:26 460

原创 Js-w3school(2020(1)

除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

2024-06-12 16:05:49 338

原创 JavaScript入门第十三章(函数)

3.变量取值: 函数名 (不会执行函数体代码,只是以字符串形式将变量中存储的东西打印出来而已)3.两者唯一区别:函数声明可以在任何地方调用,而函数表达式方式调用必须在声明后面。参数的目的是让函数能够变的灵活,可以完成不同的,但是功能类似的需求。匿名函数:函数的字面量又称为匿名函数,顾名思义就是没有变量名的函数。a. 声明函数 : ( *** 函数体代码不会执行 ***)循环:一段代码在一个地方执行多次(主动运行)函数:一段代码在多个地方执行一次(被动运行)函数 : 一段代码在多个地方执行一次。

2024-06-12 14:59:26 359

原创 html中重排和重绘问题

构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)构建渲染树(construct):解析对应的CSS样式文件信息(包括js生成的样式和外部css文件),而这些文件信息以及HTML中可见的指令(如)render tree中每个NODE都有自己的style,而且render tree不包含隐藏的节点(比如display:none的节点,还有head节点),因为这些节点不会用于呈现。

2024-06-12 13:49:52 412

原创 CSS学习记录02CSS基本选择器、层次选择器、伪类选择器、属性选择器

一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。分享一些前端面试题以及学习路线给大家Mars一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。

2024-06-12 12:31:11 978

原创 异步编程:回调函数(Callback)、Promise 对象和 async await

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等**[外链图片转存中…(img-LfeAL3ks-1718097822318)]

2024-06-11 17:23:54 219

原创 基于JavaScript定时器功能-实现运动逻辑结构算法并简单应用

/扩展1: 方向 0 =》 100 3 向右, 向右为正 100 =》 0, -3向左为负。// 任意区间[x, y) => Math.random() * (y-x) + x。//顾名思义:超时就不执行语句,换言之,在规定时间内执行语句一次,不循环。setTimeout(fn, time) //超时定时器。//顾名思义:间隔时间内执行语句一次,并循环执行。//例如上文 clearInterval(t)// 封装: 获得[x, y) 随机数。// 随机生成0,1,2,3 整数。// 每隔1秒,时间+1。

2024-06-11 16:23:42 224

原创 前端基于DOM或者Canvas实现页面水印_基于 canvas 实现水印效果(前端)

方法,将图片转为base64编码。详细用法之前已经讲过了,详细可见。

2024-06-11 15:05:49 315

原创 一切前端概念,都是纸老虎(附送书的抽奖结果)

对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

2024-06-11 10:45:52 278

原创 《全栈技术资料》你值得拥有 寻找C站宝藏_英雄哪里出来的专栏值得吗

【专栏链接】【专栏简介】 真正的从 0 到 1,完完整整给你写一套 Python 语言的教程,把如何快速学会 Python 技巧告诉你。滚雪球学 Python,力求在知识面完整的程序上,用轻松的文风为大家献上 Python 学习的盛宴。【作者简介】之擦姐,游戏行业研发出身,现任某千万月活 APP 产品经理。她有10年互联网从业经验,写过代码,干过测试,做过管理,创过业。

2024-06-11 02:26:08 336

原创 Vue懒加载的使用(后端分页)

javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。灵活运用。

2024-06-11 01:13:02 385

原创 TypeScript:变量和数据类型

以下示例中变量名称是否正确:let 2b ❎注意:变量名称。// age 和 Age 是两个不同的变量4.2 变量的命名规范代码就是程序员的脸面,规范的代码,能让人觉得专业、优雅。推荐:变量名称要有意义,顾名思义。// 有意义,推荐// 无意义,不推荐推荐:使用驼峰命名法(首字母小写,后面每个单词首字母大写)。4.3 总结注意:变量名称区分大小写。推荐:使用驼峰命名法(首字母小写,后面每个单词首字母大写)。4.4 案例交换变量的值需求:交换两个变量的值(提示:借助于第三个变量)。

2024-06-10 19:49:54 906

原创 JS面试题汇总(八)

如果你已经下定决心要转行做编程行业,在最开始的时候就要对自己的学习有一个基本的规划,还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标,然后为之努力,坚持到底。如果你有幸看到这篇文章,希望对你有所帮助,祝你转行成功。

2024-06-10 18:30:45 715

原创 Javascript 进阶 封装

看上面的代码,去掉了this.属性名,严格的实现了封装,只能通过getter,setter访问成员变量了,但是存在一个问题,所有的方法都存在对象中,增加了内存的开销。//no = 0001 , name = 鸿洋 , age = 22。//no = 0003 , name = 鸿洋 , age = 22。//no = 0003 , name = 鸿洋 , age = 22。var p1 = new Person(“0001”, “鸿洋”, “22”);

2024-06-10 17:16:12 148

原创 DOM介绍及元素的操作

我可以将最近整理的前端面试题分享出来,其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等,还在持续整理更新中,希望大家都能找到心仪的工作。

2024-06-10 16:03:14 203

原创 2024前端必会黑科技之PWA

如果你已经下定决心要转行做编程行业,在最开始的时候就要对自己的学习有一个基本的规划,还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标,然后为之努力,坚持到底。如果你有幸看到这篇文章,希望对你有所帮助,祝你转行成功。

2024-06-10 14:43:15 836

空空如也

空空如也

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

TA关注的人

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