自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一个水瓶座程序猿的博客

一个前端小白的个人技术博客

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

原创 Vue 中修改 Element 组件的 下拉菜单(Dropdown) 的样式

本来都准备使用原生直接获取 after 的元素了,后来发现不太行,能获取到但是修改 after 伪元素太麻烦了,需要添加样式表什么的。今天在项目中碰到一个 UI 改造的需求,需要根据设计图把页面升级成 UI 设计师提供的设计图样式。到最后页面改造完了,但是 UI 提供的下拉菜单样式全部是黑色半透明的,只能硬着头皮改了。于是我删除后再试,确实是有效,三角也变成了黑色。结果不生效,开始纳闷,为什么什么样式都没有应用上去。,我去应用它的样式。好啦,大功告成,这样只在这个文件中的。然后,就有了一下午的头脑风暴。

2024-01-11 19:46:35 2865

原创 Vue3中 在 TypeScript 文件中无法使用 useRouer 和 useRoute 的方法和属性是怎么回事?如何解决?

Vue3中 在 TypeScript 文件中无法使用 useRouer 和 useRoute 的方法和属性是怎么回事?如何解决?

2023-12-19 19:04:56 1438 1

原创 Vue3 中 Element-Plus 引入 ElLoading 并修改颜色

Vue3 中 Element-Plus 引入 ElLoading 并修改颜色

2023-12-19 15:55:25 1798

原创 JavaScript 条件式属性访问操作符

JavaScript 条件式属性访问操作符,ES2020引入的新特性

2023-02-05 16:10:47 328 1

原创 Vue.js - 插件的使用

Vue 中的插件,我们可以理解为就是对于 Vue 本身功能的增强 。举个例子,我们经常使用的 Vue-Router,Vuex,Element-UI,就算是一种插件。在 Vue 本身不支持这些功能的情况下,让 Vue 可以使用这些功能,这些就是插件。

2022-11-09 17:28:38 2215

原创 Vue.js -Vuex 全局组件高效的数据通信方案

Vue.js -Vuex 是项目中实现全局组件高效的、大范围的数据通信解决方案,使用 Vuex,数据的存取可以一步到位,不需要进行层层传递,流动非常清晰,存储在 Vuex 中的数据也是响应式的。所以学好 Vuex 可以在我们开发过程中节省很多的组件间传值的麻烦操作。这里罗列了在 Vuex 中每个模块所具备的功能,存取方式简单明了,一目了然~

2022-11-07 20:16:46 1876

原创 Vue.js - 前端路由的概念与原理

Vue.js - 前端路由的概念与原理。该文章描述Vue.js路由的概念及原理,文中包含Vue-router的使用,路由重定向,动态路由,路由动态参数获取,两种路由导航,全局路由前置导航守卫等知识,可使读者更好的理解 Vue-router...

2022-11-07 16:30:32 1817

原创 什么是虚拟 DOM ?

概念:虚拟 Dom,就是对于真实 dom 的一个 js 对象映射< div class = "wrapper" > this is div(真实dom) < / div >

2022-08-17 22:26:31 1859

原创 Vue 组件之间的通信,动态组件和插槽

动态组件指的是,基于 组件,来动态切换组件的显示与隐藏插槽(slot)可以提高组件的复用性,使用插槽可以给组件传递一段 html 内容注意:默认情况下,如果在封装组件时没有设置任何 插槽,则使用组件时,在组件的开始和结束标签中间传递的内容将会被丢弃 < h3 > 这是外面传进来的 h3 标题 < h3 > 这是外面传进来的 h3 标题 ...

2022-08-11 22:33:32 262

原创 Vue.js 组件化开发

单页面应用程序(Single Page Application),简称 SPA指的是一个Web网站中只有唯一的一个HTML页面,所有的功能与交互都在这唯一的一个页面内完成vue-cli的作用是可以帮助我们一键生成工程化的 Vue 项目。中文官网: https://cli.vuejs.org/zh/①:index.html 单页面应用的唯一的一个html页面预留了一个 el 区域引入了一个打包后的脚本文件②:main.js webpack 打包的入口文件。.........

2022-08-07 01:00:36 689

原创 CSS Grid 布局

CSSGrid布局是二维布局方式,可以同时控制行和列的排布和对齐方式Grid由水平线和垂直线构成,两条水平线中间的区域叫做行轨道,两条垂直线中间的区域叫做列轨道。

2022-07-29 12:59:41 3131

原创 CSS 纵横比属性 --- aspect-ratio

传统的CSS只能通过宽高自己计算纵横比,或者保持原始纵横比.现在可以使用属性来设置固定的纵横比.

2022-07-24 01:37:30 10356

原创 Vue.use 全局注册组件

插件运行流程:1. Vue.use(插件) 2.插件中 install,自动执行并且拿到一个实参 Vue 3.执行 install 方法中的具体逻辑 4.Vue.component(组件) 5.组件被全局注册

2022-07-24 01:08:55 1032

原创 Vue.js 基础入门,这一篇足够 !!!

这是学习 Vue.js 框架的第一节,对于初学者来说,这里面的内容通俗易懂,逻辑注释非常友好,想要学习 Vue.js 的小伙伴们,这一篇文章能带你们走进 Vue.js 的大门。本篇文章的内容主要有 Vue.js 的基础入门知识,调试工具等,并且还有一些 Vue.js 自身的一些指令,并且详细讲解了 MVVM 的概念模型,简单高效的学习前端火热的框架之一:Vue.js !! 希望可以帮助到大家!.........

2022-07-19 00:58:36 2314

原创 宏任务、微任务 和 事件循环机制

每个任务都有一个任务源(tasksource),源自同一个任务源的task必须放到同一个任务队列,从不同源来的则被添加到不同队列。js是运行于浏览器的脚本语言,因其经常涉及操作dom,如果是多线程的,也就意味着,同一个时刻,能够执行多个任务。JavaScript是单线程的,也就是说,同一个时刻,JavaScript只能执行一个任务,其他任务只能等待。微任务(microtask)是宏任务中的一个部分,它的执行时机是在同步代码执行之后,下一个宏任务执行之前。所以,引入了异步任务。...

2022-07-18 00:55:59 1560

原创 Node.js 中对 ES6 模块的导入导出方式

模块化的使用Node.js遵循了CommonJs的模块化规范。require()

2022-07-18 00:51:24 956

原创 Promise 解决回调地狱、async await 修饰符

Promise对象可以解决回调地狱的问题Promise是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理更强大Promise可以理解为是一个容器,里面可以编写异步程序的代码从语法上说,Promise是一个对象,使用的时候需要new//实例化一个Promise,表示定义一个容器,需要给它传递一个函数作为参数,而该函数又有两个形参,通常用resolve和reject表示。......

2022-07-17 15:00:26 411

原创 Node.js 对 npm 包的操作

npmjs.com//别人加载的就是我的index.js//所以,必须在index.js中导出内容functiona(){a,b}//导出内容。

2022-07-17 13:26:53 411

原创 Node.js 模块化分类

我们创建的每个JS文件都是一个自定义模块,并且具有模块作用域,也就是在一个模块中创建的变量、常量、函数等等一切,都只能在当前模块中使用。

2022-07-17 01:27:56 158

原创 jQuery 事件注册

jQuery 事件注册

2022-07-16 01:45:55 852

原创 jQuery 操作属性

jQuery 操作属性

2022-07-15 12:53:56 123

原创 jQuery操作样式

jQuery操作样式

2022-07-15 09:55:41 218

原创 数组合并方法:concat( )

方法用于 两个或多个数组。此方法会返回一个新的数组,不会改变原有数组valueN:要连接成新数组的数组或值

2022-07-11 01:01:58 3247

原创 JavaScript 高级语法 第四章

这是JavaScript高级第四章,里面的内容主要有 面向对象,this的指向问题,严格模式,箭头函数,改变this的指向方法(call,apply,bind),类和对象,构造函数,继承性和拷贝(深拷贝和浅拷贝)的知识点...

2022-07-10 19:14:23 192

原创 JavaScript 高级语法 第三章

这是JavaScript高级第三章,里面的内容主要有原型对象原型链,继承性,继承案例以及原型链,原型链练习等相关内容

2022-07-10 02:09:31 269

原创 JavaScript 高级语法 第二章

这是JavaScript高级第二章,里面的内容主要有面向对象知识,构造函数,关键字,构造函数,数组的构造函数,数组的方法,正则表达式的构造函数,包装类型,构造函数的封装,命名空间封装,String、Number、Boolean等构造函数......

2022-07-09 01:52:29 228

原创 JavaScript 高级语法 第一章

这是JavaScript高级第一章,里面的内容主要有作用域、变量关键字、作用域链、闭包、变量提示、参数默认值、动态参数、剩余参数、箭头函数、解构赋值等 ES6 新语法

2022-07-08 23:10:55 186

原创 数组的 reduce方法

方法对数组中的每个元素按序执行一个由你提供的 函数,每次运行都会 ,最后将其结果 。当第一次执行这个回调函数的时候,不存在 ,所以如果需要回调函数从数组索引为 的元素开始执行,就需要传递 否则索引号为 的元素将会被 ,迭代器将从第二个元素开始执行...

2022-07-08 01:24:27 8019

原创 JavaScript WebAPIs 第七章

定义正则表达式:判断是否有符合规则的字符串:检索(查找)符合规则的字符串:语法总结:元字符普通字符:所有的字母和数字元字符(特殊字符):一些具有特殊含义的字符例如:普通字符:abcdefghijk 元字符:[a-z]元字符分类:边界符(表示位置,开头和结尾,必须用什么开头,用什么结尾)正则表达式中的边界符(位置符)用来提示字符所处的位置,主要有两个字符如果 ^ 和 $ 在一起,表示必须是精确匹配修饰符:修饰符约束正则执行的某些细节行为,如是否区...

2022-07-08 00:27:33 71

原创 JavaScript WebAPIs 第六章

JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout​ setTimeout 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window结合递归函数可以使用setTimeout实现setInterval一样的功能两种定时器对比: setInterval 和 setTimeoutJS执行机制先执行执行栈中的同步任务异步任务放入任务队列中一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中的异步任务,于是被读取的异步任务

2022-07-07 18:53:33 142

原创 JavaScript WebAPIs 第五章

概念:当页面进行滚动时触发的事件用途:检测用户把页面滚动到某个区域后做一些处理, 比如固定导航栏,比如返回顶部事件名:scroll加载事件:1.1概念:加载外部资源(如图片、外联CSS和JavaScript等)加载完毕时触发的事件用途:等页面资源全部处理完了做一些事情、老代码喜欢把 script 写在 head 中,这时候直接找 dom 元素找不到事件名:load1.2概念:当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式

2022-07-07 02:18:05 102

原创 JavaScript WebAPIs 第四章

例如鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息元素.addEventListenter(′click′,function(e))元素.addEventListenter('click',function(e))元素.addEventListenter(′click′,function(e))事件流事件流与两个阶段说明事件流指的是事件完整执行过程中的流动路径假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段捕获阶段是 从父到子 冒泡阶段是从子到

2022-07-06 23:16:49 122

原创 JavaScript WebAPIs 第三章

什么是DOM节点?DOM树里每一个内容都称之为节点DOM节点的分类?parentNode属性 (找上一个父元素节点)返回最近一级的父节点 找不到返回为null子元素.parentNodechildNodes:获取所有子节点(文本子节点、元素子节点)children:查找元素儿子(只查找元素的节点)firstElementChild:第一个元素儿子lastElementChild:最后一个元素儿子查找兄弟节点:previousElementSibling:前一个兄

2022-07-06 18:46:51 80

原创 JavaScript WebAPIs 第二章

事件是在编程时系统内发生的动作或者发生的事情什么是事件监听?就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出相应,也称为注册事件语法?元素.addEventListener( ’ 事件 ’ ,要执行的函数)事件监听三要素?事件源 事件 事件调用的函数事件类型鼠标事件click - 单击事件 mouseenter - 鼠标经过 mouseleave - 鼠标离开focus - 获得焦点 blur - 失去焦点keydown - 键盘按下时触发 keyup - 键盘抬起触发inp

2022-07-06 17:34:50 98

原创 如何在一个页面中用多个 swiper 插件

当我们在写页面的时候,我们总会用到插件,例如轮播图,我们就会用到 Swiper 这个插件库,那么怎么在页面中使用多个 Swiper 插件呢 ?

2022-07-06 00:25:11 3188

原创 JavaScript 中 filter 过滤数组

JavaScript 中的 filter 过滤数组的方法

2022-07-05 23:38:08 3128

原创 CSS 如何实现文字渐变色 ?

CSS 实现文字渐变,有两种方法:效果如下:实现原理:注意:效果如下:实现原理:注意:

2022-07-05 23:26:27 25135

原创 JavaScript WebAPIs 第一章

作用:使用JS去操作html和浏览器分类:DOM(文档对象模型)和 BOM(浏览器对象模型)查找元素DOM元素就是选择页面中的标签元素选择匹配的第一个元素选择匹配的多个元素其他获取DOM元素方法设置/修改DOM元素内容如果想修改标签元素里面的内容,则可以使用如下方式document.write()方法对象.innerText 属性对象.innerHTML 属性document.write() 方法只能将文本内容追加到前面的位置文本中包含的标签会被解析元素.in

2022-07-05 22:52:13 173

原创 关于 Vue “__ob__:Observer“ 属性的解决方案

其实 这些数据,是 Vue 框架对数据设置的监控器,一般是 的下面是我在网上查资料找的几点解决方案,希望可以帮到大家:

2022-07-03 01:56:39 25773 9

原创 npm ERR! Cannot read property ‘ **** ‘ of null 错误处理

今天运行项目的时候,像往常一样安装依赖,运行 ,报了一个从来没有见过的错误,报错如下:在网上查找了好多方法,有人说可以清除一下 npm本地缓存(代码:)但是我试后,项目 还是报错.最后我试着把项目文件夹里面的 删除,然后再运行 ,项目依赖安装成功!!如果实在不行,那么就连续执行下面四条命令试一试:...

2022-06-18 22:39:44 6135

空空如也

空空如也

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

TA关注的人

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