- 博客(43)
- 收藏
- 关注
RSS订阅原创 Java创建线程的方式
这是创建线程的基本方式之一。你需要创建一个新的类，该类继承自Thread类，并重写run()方法。然后，你可以创建这个类的一个实例并调用它的start()方法来启动新线程。
2024-06-16 20:32:14
527
原创 内存泄漏 内存溢出
内存泄漏很难发现，因为他不会直接导致程序崩溃，而是会慢慢降低程序的性能。内存溢出：系统中存在无法回收的内存或使用的内存过多，最终导致程序无法正常运行。
2024-06-16 20:04:24
939
原创 Mybatis中#和$的区别
{}是安全的，因为它使用预编译的SQL语句和参数绑定。${}是不安全的，因为它直接将变量值替换到SQL语句中，可能导致SQL注入。在大多数情况下，应该优先使用#{}而不是${}。当确实需要使用${}时，请确保输入是安全的。
2024-06-14 16:08:22
398
原创 Http请求
通常来说，如果数据较小且简单，使用查询参数可以更加方便和直观。在实际开发中，根据具体的需求和后端 API 的要求来选择合适的方式传递参数。在网络请求中，通常有两种主要的方式用于向服务器发送数据：通过 URL 查询参数（Query Parameters）和通过请求体（Request Body）。接口文档中 请求参数是body参数时：数据是通过请求体（Request Body）传递的，而不是通过 URL 参数。接口文档中 请求参数是Query参数时：要传递的参数是在 URL 上，因此使用了。
2024-02-28 13:42:49
569
原创 防抖（debounce）
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。防抖:单位时间内，频繁触发事件，只执行最后一次。1.lodash 提供的防抖来处理。2.手写一个防抖函数来处理。
2024-01-23 20:14:30
703
原创 Vue中的常用指令
v-text和v-html一个很重要的区别是：v-text只是将值渲染出来，而v-html可以HTML标签的样式呈现出来。条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。Vue 提供了 v-for 列表渲染指令，用来辅助开发者基于一个数组来循环渲染一个列表结构。内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容。来隐藏盒子的，而v_if控制的盒子没有在html结构中，因为 v-if是通过。属性值，是一个图片地址。指令是 vue 开发中最基础、最常用、最简单的知识点。比如，有一个图片，它的。
2024-01-22 10:31:00
1191
原创 什么是VUE 创建第一个VUE实例
概念：Vue (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架Vue.js基于数据渲染出用户可以看到的界面所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点所谓框架：就是一套完整的解决方案举个栗子如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。我们只需要在“毛坯房”的基础上，增加功能代码即可。提到框架，不得不提一下库库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等。
2024-01-21 20:27:23
699
1
原创 JS 原型对象 对象原型 原型链
我们都知道构造函数，构造函数可以让我们更方便快速的创建对象，但是构造函数方法存在着浪费内存的问题。如下图，构造函数中有一个sing函数，使用构造函数创建对象时每创建一个对象，就会在堆中开辟一个新空间来存放这个sing函数，但里面的东西都是一样的都是sing函数，这就浪费了内存。为了解决这个问题，我们可以把公有的函数放在构造函数的原型对象中 ，那么什么是原型对象呢？
2024-01-20 13:16:43
2016
原创 一文带你一步步了解并深入JS对象
1、利用对象字面量创建对象：就是花括号{}里面包含了表达这个具体事物（对象）的属性和方法。{ }里面采取的形式表示键：相当于属性名值：相当于属性值，可以是任意类型的值（数字类型，字符串类型，布尔类型，函数类型等 ,字符串类型）2、利用new Object创建对象3、利用构造函数创建对象是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与运算符一起使用。我们可以把对象中一些，然后封装到这个函数里面。前面两种方法一次只能创建一个对象，
2024-01-19 09:40:21
594
原创 JS中map()、forEach()、filter()函数
map()和forEach()是JavaScript中常用的数组方法，它们都可以用于遍历数组并对每个元素执行相应的操作。filter()方法是JavaScript中的一个数组方法，用于从数组中过滤出符合特定条件的元素，并返回一个新数组。
2024-01-18 13:11:01
737
原创 JS 箭头函数 =＞
箭头函数是一种声明函数的简洁语法，它与普通函数并无本质的区别，差异性更多体现在语法格式上。目的 : 引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁使用场景 : 箭头函数更适用于那些本来需要匿名函数的地方
2024-01-17 15:48:35
768
原创 JS 本地存储 sessionStorage localStorage
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。Application中Session Storage中可以查看到存储的数据。Application中Local Storage中可以查看到存储的数据。4、只能存储字符串，可以将对象JSON.stringify)编码后存储。2、设置、读取方便、甚至页面刷新不丢失数据。2、在同一个窗口(页面)下数据可以共享。1、数据存储在用户浏览器中。
2024-01-16 10:08:07
888
原创 BootStrap 实现轮播图
在下载好的文件夹中找到下面的文件，复制到自己的项目中并引入。复制下面的代码到我们的html页面中。添加自己的图片，就可以实现轮播图了。
2024-01-15 19:39:34
2903
原创 JS常用插件 Swiper插件 实现轮播图
Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架中文官网地址:点击查看Swiper演示，里面的功能和样式十分丰富，根据自己的需求选择确认插件实现的功能去官网查看使用说明下载插件打开demo实例文件，查看需要引入的相关文件，并且引入复制demo实例文件中的结构html，样式css以及js代码。
2024-01-15 18:56:46
3179
原创 JS实现网页轮播图
轮播图也称为焦点图，是网页中比较常见的网页特效。鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。图片播放的同时，下面小圆圈模块跟随一起变化。点击小圆圈，可以播放相应图片。鼠标不经过轮播图，轮播图也会自动播放图片。鼠标经过，轮播图模块播放停止。
2024-01-12 14:48:52
3486
原创 字体图标 iconFont
字体图标使用场景︰主要用于显示网页中通用、常用的一些小图标精灵图是有诸多优点的，但是缺点很明显。此时，有一种技术的出现很好的解决了以上问题，就是字体图标iconfont.字体图标可以为前端工程师提供一种方便高效的图标使用方式，展示的是图标，本质属于字体轻量级∶一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染出来，减少了服务器请求·灵活性:本质其实是文字，可以很随意的改变颜色、产生阴影、透明效果、旋转等·兼容性:几乎支持所有的浏览器，请放心使用。
2024-01-11 21:04:03
400
原创 JS.元素偏移量offset，元素可视区client，元素滚动 scroll
offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）,大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位。
2024-01-09 20:42:47
585
1
原创 JS 作用域和预解析
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。作用域分为全局作用域和局部作用域。es6的时候新增了块级作用域{ }。
2024-01-09 20:09:21
2552
原创 BOM，JS执行机制等
BOM( Browser Object Model ）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
2024-01-08 14:06:58
1014
1
原创 DOM 事件
JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为。简单理解︰触发---响应机制。网页中的每个元素都可以产生某些可以触发JavaScript的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。官方解释: event对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。简单理解∶事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法。event) {}
2024-01-07 15:50:19
1285
1
原创 js实现全选按钮，反选
点击下面的按钮时，检查下面的按钮是不是全部都选中，如果全部选中了，需要修改全选按钮的选中状态为ture。点击全选按钮，下面的按钮全部选中；再次点击，全部取消选择。
2024-01-06 15:44:46
525
1
原创 CSS盒子模型 box-sizing
这两个盒子的width都为300px，height都为100px，但是因为div2有50px的内边距padding，默认情况下，div2的实际宽、高度在width、height的基础上还要加上padding值，div2看上去就会比div1大很多。这意味着：当您设置元素的宽度/高度时，该元素通常看起来比您设置的更大（因为元素的边框和内边距已被添加到元素的指定宽度/高度中）。，则宽度和高度会包括内边距和边框：也就是说添加内边距和边框，不会改变元素的宽度和高度。算起，包含边框border和内边距padding。
2024-01-06 14:27:44
654
1
原创 使用js循环精灵图
观察精灵图，可以发现是有规律的，第一个图像坐标是0，0；第二个坐标是0，44；第三个坐标是0，88... ...所以我们可以用js写一个循环来获取精灵图中的图片。
2024-01-05 13:40:31
475
1
原创 DOM相关 获取元素 执行事件 操作元素
JavaScript的DOM操作可以改变网页内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。网页中的每个元素都可以产生某些可以触发JavaScript的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。由于元素的 ID 在指定时必须是独一无二的，因此这是快速访问特定元素的有效方法。
2024-01-04 21:02:20
1381
1
原创 响应式布局 Bootstrap
Bootstrap来自Twitter (推特），是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS和JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。框架∶顾名思义就是一套架构，它有一套比较完整的网页功能解决方案，而且控制权在框架本身，有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。标准化的html+css编码规范提供了一套简洁、直观、强悍的组件有自己的生态圈，不断的更新迭代让开发更简单，提高了开发的效率。
2024-01-03 18:00:15
1541
1
原创 rem适配布局
流式布局和flex布局主要针对宽度布局，高度是写死的。那么怎么样能让屏幕发生变化的时候元素高度和宽度等比例缩放，以及页面布局文字也随着屏幕大小变化而变化？使用rem适配布局就可以实现以上需求。
2024-01-02 19:21:42
2423
原创 Flex布局
Flex 是 Flexible Box 的缩写，意为“弹性布局”，它可以更轻松地设计灵活的响应式布局结构，而无需使用浮动或定位。介绍了Flex容器以及子项目的属性。
2023-12-28 11:03:37
1360
1
原创 背景缩放 background-size
background-size属性规定背景图像的尺寸。可以用数值，百分比，cover、contain来规定背景图像的尺寸。
2023-12-27 12:29:03
3704
1
原创 移动端基础 逻辑像素，物理像素，物理像素比、二倍图
分辨率（物理像素）提高了一倍，变成640x960，但屏幕尺寸却没变化，这就意味着同样大小的屏幕上，像素却多了一倍。一倍屏、二倍屏(Retina)、三倍屏，指的是设备以多少物理像素来显示一个CSS像素，也就是说，多倍屏以更多更精细的物理像素点来显示一个CSS像素点，显示屏是由一个个物理像素点组成的，物理像素点指的就是屏幕显示的最小颗粒，是物理真实存在的，就是我们常说的分辨率。这是厂商在出厂时就设置好了。，分辨率提高了一倍，变成640x960，但屏幕尺寸却没变化，这就意味着同样大小的屏幕上，像素却多了一倍。
2023-12-26 21:40:07
1446
1
原创 定位（position）
文章首先介绍了定位position的概念，组成。然后介绍了五种定位：静态定位、相对定位relative，绝对定位absolute，固定定位fixed，粘性定位。并对五种定位做了总结和扩展。
2023-12-25 13:12:29
1096
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人