自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Br不二

不必在乎我是谁

  • 博客(79)
  • 收藏
  • 关注

原创 css 混合模式 mix-blend-mode属性

属性类型是一个 CSS 属性。作用:控制元素内容的颜色与其背景或其他元素内容的颜色混合方式。继承性是非继承性属性,即子元素不会自动继承父元素的值。

2024-07-15 14:30:56 642

原创 Array.from()详解

是 JavaScript 中的一个静态方法,用于从一个类似数组或可迭代对象(如SetMap的迭代器,或者字符串、类数组对象等)创建一个新的、浅拷贝的数组实例。

2024-05-06 17:57:53 887

原创 JavaScript数据类型 以及检测方法

在JavaScript中,数据类型是编程中非常重要的概念,它决定了数据的性质、如何存储以及如何操作这些数据。以下是JavaScript中的主要数据类型、它们的区别以及数据类型检测的方式的详细介绍。

2024-04-17 10:50:32 378

原创 css的linear-gradient属性

`linear-gradient()` 是 CSS 中的一个函数,用于创建一个线性渐变的背景图像。这意味着颜色会从一个点平滑地过渡到另一个点,沿着指定的直线方向

2024-04-08 11:09:50 446

原创 一款完全免费无广告的浏览器插件

Br新标签页打造专属于你的高颜值主页,全新组件模式,支持任意布置,快速添加常用网站和免费无广告小组件,让您的办公生活得心应手!

2024-04-08 11:06:18 460

原创 如何在JavaScript中提高性能

在JavaScript中提高性能是一个涉及多个方面的任务,包括代码优化、数据结构选择、异步编程、避免全局查找、内存管理等

2024-04-07 17:37:13 534

原创 js中filter,map,forEach,indexOf的用法和区别详解

在JavaScript中,`filter()`, `map()`, `forEach()`, 和 `indexOf()` 是数组对象常用的方法,它们各自具有特定的用途

2024-04-07 17:29:05 691

原创 插槽与作用域插槽的区别

当我们在Vue.js中开发组件时,插槽(Slots)和作用域插槽(Scoped Slots)都是重要的工具,它们帮助我们构建灵活且可复用的组件

2024-04-03 14:51:44 486

原创 ES6模块与CommonJs模块异同

ES6模块与CommonJS模块在JavaScript中都是用于实现模块化编程的方式,但它们之间存在一些显著的异同点

2024-04-03 10:01:58 765

原创 setTimeout、Promise、Async/Await 的详解和区别

`setTimeout`、`Promise`和`async/await`在JavaScript中各自扮演着不同的角色,它们主要用于处理异步操作,但具体实现和用法上存在一些区别。

2024-04-03 09:54:33 888

原创 Vue 中的修饰符

请注意,这些修饰符主要用于简化某些常见的 DOM 操作和事件处理,可以极大地提高 Vue 项目的开发效率和代码的可读性。但同时,也需要避免过度使用,以免引入不必要的复杂性。在编写 Vue 代码时,应根据实际需求合理选择和使用这些修饰符。Vue 中的修饰符是一种特殊的后缀,用于改变指令的行为。

2024-04-02 10:42:10 497

原创 vue单页面应用(SPA)的首屏加载速度优化

同时,CDN 还可以提高资源的加载速度,因为它们通常具有更好的缓存和全球分发策略。只包含你真正需要的库和插件,并检查是否有更轻量级的替代方案。同时,确保你使用的库和插件是最新版本,以利用最新的性能优化。保持对新技术的关注和学习,以便及时将最佳实践应用到你的项目中。使用 Webpack 或其他构建工具进行代码分割,将你的应用拆分成多个较小的块,以便按需加载。使用 Vue 的懒加载组件(如 vue-lazyload)来延迟加载图片和其他媒体资源,直到它们出现在视口中。这可以帮助你识别性能瓶颈并进行相应的优化。

2024-04-02 10:39:41 542

原创 vue3中markRaw详解

在 Vue 3 中,`markRaw` 是一个用于告诉 Vue 的响应性系统不要对某个对象进行转换或追踪其响应性的函数。当你有一个对象,并且你确定你不需要它成为响应性对象时,你可以使用 `markRaw` 来标记它

2024-04-01 10:04:59 3533

原创 一款完全免费无广告的浏览器插件

Br新标签页打造专属于你的高颜值主页,全新组件模式,支持任意布置,快速添加常用网站和免费无广告小组件,让您的办公生活得心应手!

2024-04-01 10:00:17 1650

原创 vue3中watch详解

在 Vue 3 中,`watch` 是一个用于观察和响应 Vue 组件中响应式数据变化的选项或函数。当被观察的数据发生变化时,`watch` 可以执行一些副作用或回调操作,比如发送请求、更新 DOM 之外的状态或执行其他逻辑

2024-03-29 09:18:52 676

原创 vue3中computed详解

在 Vue 3 中,`computed` 是一个用于创建计算属性的选项或方法,它基于其他响应式属性进行派生。计算属性在处理复杂逻辑或需要缓存的计算场景时非常有用

2024-03-29 09:16:16 604

原创 PostCSS安装以及使用详解

PostCSS是一个用于处理CSS的工具,它基于Node.js,采用插件体系,允许开发者通过使用插件来转换、优化和处理CSS代码

2024-03-29 09:12:30 472

原创 css中文本不换行显示省略号和换行后显示省略号

文本不换行,显示省略号 文本换行两行后显示省略号

2024-03-28 14:59:10 3210

原创 css中的:first-child、:last-child、:nth-child()、:nth-of-type()和:only-child 伪类选择器

CSS中的`:first-child`、`:last-child`、`:nth-child()`、`:nth-of-type()`和`:only-child`是伪类选择器,它们允许你根据元素在其父元素或同级元素中的位置或类型来选择元素

2024-03-28 14:54:47 1414

原创 跨越35岁分水岭:程序员的职业生涯与无尽可能

这一年龄段的程序员们,有的因为担心技术更新换代的速度而倍感压力,有的则凭借丰富的经验和深厚的技术积累自信满满。然而,我认为,无论处于何种情况,程序员都应保持积极的心态,勇于面对挑战,不断追求进步。同时,他们还需要学会调整自己的期望值,不要过分追求短期的成功和利益,而是要关注长期的职业规划和成长。此外,他们还可以通过运动、旅游、阅读等方式,丰富自己的生活,保持平衡的心态和健康的体魄。只要保持积极的心态、持续学习、不断进步,程序员们就能在这个充满机遇和挑战的领域中找到自己的位置和价值,实现更加辉煌的职业成就。

2024-03-27 11:06:50 266

原创 vue3中onUnmounted详解

在 Vue 3 中,`onUnmounted` 是一个生命周期钩子,它会在组件实例被卸载(unmounted)和销毁之前被调用。这个钩子特别有用,因为它允许你在组件卸载时执行一些清理工作,比如取消定时器、移除事件监听器、清理手动创建的 DOM 元素等

2024-03-27 10:50:59 3283

原创 yarn的安装和使用详解

Yarn是一个包管理器,类似于npm,允许用户使用并分享全世界开发者的代码,如JavaScript代码

2024-03-27 10:47:09 448

原创 vue3中provide和inject详解

在Vue 3中,provide和inject是一对特殊的方法,用于在父组件中提供数据或方法,并在子组件中注入这些数据或方法这种。机制使得跨组件通信变得更加便捷,特别是在处理深层嵌套的组件结构时

2024-03-26 11:00:40 1102

原创 JavaScript初识及基本语法详解

JavaScript是一种嵌入式语言,主要用于实现网页的交互效果,如动态改变页面内容、响应用户操作等。同时,JavaScript还可以与HTML和CSS等技术结合,共同构建丰富多彩的网页应用。以上只是JavaScript基本语法的冰山一角,要深入学习JavaScript,还需要掌握更多高级特性和技术,如异步编程、闭包、原型链、ES6+新特性等。同时,通过实践项目和案例,可以更好地理解和应用这些语法和特性。JavaScript是一种轻量级的脚本语言,主要用于编写控制其他大型应用程序的脚本。

2024-03-26 10:52:16 179

原创 node.js常用命令

Node.js 的常用命令主要包括与 npm(Node Package Manager)相关的命令,以及 Node.js 自身的运行命令。

2024-03-25 14:56:48 549

原创 一款完全免费无广告的浏览器插件

Br新标签页打造专属于你的高颜值主页,全新组件模式,支持任意布置,快速添加常用网站和免费无广告小组件,让您的办公生活得心应手!

2024-03-25 14:52:07 1911

原创 vue3中defineEmits详解

在Vue 3中,`defineEmits`是一个用于定义组件可以触发的自定义事件的函数。它是Vue 3的Composition API的一部分,用于替代Vue 2选项式API中的`emits`选项

2024-03-22 11:54:32 6224 1

原创 vue3中toRefs详解

在Vue 3中,`toRefs`函数是一个用于处理响应式对象属性的实用工具。它可以将响应式对象的每个属性转换为单独的响应式引用,同时使原始对象变为普通对象。这种转换有助于在模板中更灵活地访问和使用对象的属性

2024-03-22 11:44:25 2813

原创 vue3中defineProps详解

在Vue 3中,`defineProps`是一个新的API,用于在子组件中定义并接收来自父组件的props。这是Vue 3中组件数据传递方式的一种改进,使得props的声明和接收更加直观和明确

2024-03-22 11:39:25 2059

原创 vue3中reactive详解

在Vue 3中,`reactive`函数是一个非常重要的工具,它用于将普通的JavaScript对象或数组转换为响应式对象。这意味着当这些对象的属性发生变化时,Vue可以自动检测和更新相关的DOM。

2024-03-22 11:29:36 1022

原创 vue3中ref详解

在Vue 3中,`ref`是一个核心功能,它允许我们创建响应式引用,这对于处理基本类型数据(如字符串、数字等)特别有用。`ref`通过Vue的响应式系统,确保当数据变化时,相关的视图会自动更新

2024-03-22 11:05:34 932

原创 css的border详解

常用的样式包括`solid`(实线)、`dashed`(虚线)、`dotted`(点线)和`double`(双实线)等

2024-03-22 10:36:03 1253

原创 css的text-shadow详解

CSS的`text-shadow`属性用于为文本添加阴影效果,以增强文本的立体感和印刷品质感。该属性可以接受多个值,每个值通过空格分隔,以定义阴影的各个方面

2024-03-22 10:31:32 1316

原创 css的transition详解

CSS的`transition`属性是一个简写属性,用于设置四个过渡效果属性,以在元素的状态改变时创建平滑的动画效果

2024-03-22 10:24:50 729

原创 css的transform详解

CSS的`transform`属性是一个功能强大的工具,允许你对HTML元素应用2D或3D转换效果,包括旋转、缩放、倾斜和移动等

2024-03-22 10:21:26 1338

原创 css的box-shadow详解

CSS的box-shadow属性用于在元素框上添加阴影效果。它可以为元素提供外阴影或内阴影,并且可以控制阴影的颜色、偏移距离、模糊半径以及扩展半径。

2024-03-22 10:13:50 672

原创 css的background详解

CSS的background属性是一个复合属性,用于设置元素的背景效果。这个属性实际上是多个背景属性的简写形式,包括背景颜色(background-color)、背景图片(background-image)、背景重复(background-repeat)、背景位置(background-position)、背景大小(background-size)、背景附件(background-attachment)、背景剪裁(background-clip)、背景原点(background-origin)以及背景混合模

2024-03-22 10:02:28 954

原创 我的浏览器和你不一样

Br新标签页打造专属于你的高颜值主页,全新组件模式,支持任意布置,快速添加常用网站和免费无广告小组件,让您的办公生活得心应手!

2024-03-21 14:50:25 972

原创 使用宝塔面板安装mysql

在官网下载页面直接在服务器控制面板复制这里的代码下载即可。

2023-11-17 17:34:15 766

原创 vue3 父组件调用子组件的方法

通过上述步骤,父组件就可以调用子组件的方法了。请确保在父组件中正确引入子组件,并根据实际情况调整代码。在父组件中使用子组件,并传递一个引用(ref)给子组件。可以通过在父组件中使用来创建一个引用。在子组件中定义一个方法,可以在methods对象中定义该方法。

2023-11-16 16:37:54 1058

纵享丝滑拖拽拼图小游戏

其中运用了纯js的draggable实现拖拽,利用js修改css实现动画位移和翻转。可以直接下载文件,解压后,把里面的index.html文件用浏览器打开就可以玩耍了

2022-11-18

李峋的同款爱心前端代码

李峋的同款爱心前端代码,可以下载直接放到浏览器展示

2022-11-14

reduce详解和多种用法,可下载直接使用

下载后可以直接放到js文件中使用和输出。reduce详解和多种用法,包括求和、代替reverse 降序、代替map和filter、代替some和every、数组分割、数据过滤、数组去重、数组最大值和最小值、数组成员个数统计

2022-10-17

ES6声明变量的六种方法总结

ES5 只有两种声明变量的方法:var命令和function命令。ES6 添加let和const命令,import命令和class命令。文章介绍了关于ES6六种声明变量的基本用法,变量提升,作用域等相关知识点,可以让你更深入的了解和掌握

2022-10-17

空空如也

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

TA关注的人

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