- 博客(79)
- 收藏
- 关注
RSS订阅
原创 前端面试题 — — vue篇
这里是关于前端vue面试的一些题，我整理了一些经常被问到的问题，出现频率比较高的问题，以及个人经历过的问题。
2023-05-16 15:24:49
10597
3
原创 vue传值之父子组件传值、bus传值、vuex传值、其他方式传值…
vue之组件传值的几种方式前言一、父子组件传值二、子组件通过emit来触发父组件的自定义事件三、兄弟之间通过bus总结前言vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，emit向上传递，兄弟之间用bus。一、父子组件传值子组件<template> <div class="child"> {{ message }} </div></templa
2021-05-31 17:52:14
8060
1
原创 前端面试题（附答案）完善中……
前端面试笔记前言一、HTML篇1.语义话的目的是什么？⭐2.HTML5新特征⭐⭐⭐3.cookie与sessionStorage和localStorage的区别⭐⭐⭐二、CSS篇1.css有哪些基本的选择器，执行先后顺序？⭐2.垂直居中DIV⭐⭐⭐3.两栏布局左边固定右边自适应⭐⭐3.三栏布局左右固定中自适应⭐⭐4.常用的块与行属性内标签有哪些？有什么特征⭐⭐5.清除浮动⭐⭐⭐6.CSS3新特征⭐⭐⭐7.介绍一下盒模型⭐⭐8.CSS中有哪些长度单位？⭐⭐9.display:none和visibility:h
2021-04-19 09:52:47
158132
48
原创 前端面试题之CSS布局问题
前端CSS布局问题垂直居中DIV两栏布局左边固定右边自适应三栏布局左右固定中自适应垂直居中DIVHTML部分 <div class="father"> <div class="son">我是垂直居中的div</div> </div>这里简单给出几种1.绝对定位（盒子宽高已知） .father { position: relative; width: 500
2021-04-12 23:15:56
22458
6
原创 数组一些常用的方法
1.添加1-1：push()向数组末尾添加一个或多个元素返回新数组的长度let arr=[1,2,3] arr.push(4,5) console.log(arr)打印出来的结果为：(5) [1, 2, 3, 4, 5]1-2:unshft()向数组的开头添加一个或多个元素返回新数组的长度 let arr=[1,2,3] arr.unshift(4,5) console.log(arr)打印出来的结果为：(5) [4, 5, 1, 2,
2020-07-01 15:05:29
11651
5
原创 3分钟快速实现 在线使用Deepseek-R1大模型
无需本地部署，通过云端即开即用 AI 能力，也不用担心出现’服务器繁忙，请稍后重试‘。硅基流动 → 资源接入 → ChatBox → 调用 deepseek-R1 大模型。的模型 → 把之前复制的密钥粘贴过来→ 选择模型为。之前有使用过ollama有点占内存，而且还是阉割版…点击API密钥→ 新建API密钥 → 点击密钥复制。登录ChatBox官网并下载ChatBox软件。实现在线使用 deepseek-R1。这样就设置完成啦，最后看使用对比。打开Chatbox并按图设置。点击设置→ 选择模型为。
2025-03-03 11:48:13
317
原创 Vue2 和 Vue3 的响应式原理对比
响应式系统是 Vue 框架的核心机制之一，它通过自动追踪数据变化并触发视图更新，让开发者能够更专注于业务逻辑而非手动操作 DOM。Vue2 和 Vue3 的响应式实现有本质差异，本文将深入对比两者的底层原理及演进逻辑。vue2手动登记，只有被用到的才会被记录，vue3全自动监控。vue3性能更优：惰性代理减少初始化开销。vue3代码更简洁。
2025-02-23 23:04:38
541
原创 微信小程序中遇到过的问题
由于微信小程序的文件结构限制，CSS文件只能引用小程序的静态资源文件，如图片、字体等。wxs文件中不支持es6写法，let、const、export这些都是不可以的！由于WXML和JavaScript是两种不同的语言，它们之间没有直接的交互方式。由于css样式调整，需要自定义顶部导航栏。- 官方自带的不能去掉，但是通过设置。在小程序中事件绑定有使用特定的语法。等来设置文字颜色与背景等。
2024-12-26 23:11:20
736
原创 Vue.js 自定义指令：从零开始创建自己的指令
关于使用自定义指令在官网中是这样描述的vue2:对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。vue3:自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。代码复用：自定义指令可以封装一些常用的 DOM 操作，使得这些操作可以在多个组件中复用，减少代码冗余。简化模板：通过自定义指令，可以将一些复杂的 DOM 操作从模板中移除，使模板更加简洁和易读。增强功能：自定义指令可以提供一些 Vue 框架本身不直接支持的功能，比如自动聚焦、拖拽、动画等。更好的封装性。
2024-11-20 23:57:38
750
1
原创 推荐！一些好用的VSCode插件
通过使用插件，可以扩展编辑器的功能，实现代码自动格式化、语法高亮、版本控制等功能，从而提升编码效率和代码质量。在日常开发过程中，一般用的编辑器是vscode，这里给大家推荐一些平时开发比较好用的插件（ps：⭐必备，没有的则看情况使用）以上就是本人基本上常用的一些插件了，如果大家也有比较好用的插件欢迎留言补充~~
2024-11-06 00:54:29
5276
原创 css grid布局属性详解
网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。CSS Grid布局提供了更直观的网格化布局方式，使得响应式设计和复杂页面结构的实现更加简单和高效。Flex 布局是轴线布局，可以看作是一维布局。Grid 布局则是将容器划分成行和列，产生单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。
2024-09-12 01:25:48
1665
原创 Sass实现网页背景主题切换
网页实现主题切换一般有两种主流的解决办法，一种是css变量，另外一种是使用预编译器(less、sass)，这里考虑到兼容性使用的是sass来实现的原理：修改网页中html标签内的自定义属性data-theme的样式。创建一个 index.scss 文件，用于定义不同的主题。使用 Sass 的 map 和 mixin 功能来管理主题变量。$themes: (light: (dark: (:root {// 默认主题map-get。
2024-08-21 02:36:02
1286
原创 了解 vue插槽 Slots
1. 将父组件内容插入子组件。 2. 使用具名插槽在子组件中定义多个插槽位置。 3. … 4. 实现动态组件插槽，动态渲染不同组件。 5. 利用作用域插槽将子组件的数据传递到父组件。
2024-08-18 00:24:18
536
原创 vue3获取vue实例 并注册全局属性方法
在使用 Vue 时，多个地方使用同一个方法导致每个地方都需要按需引用，从而增加代码量。然而，这种做法实际上有助于减少冗余、提高一致性，并且是代码重用、抽象或模块化的体现。这种方法提高了代码的维护性、可读性和一致性。注：自动导入Vue Composition API 函数（如 ref, reactive, computed 等）可以使用插件组件全局注册可以参考官网vue3组件全局注册，或者使用插件Vue3 MaskerFan 博客园。
2024-08-13 01:41:45
1586
原创 封装一个vue3的公共组件
如果你发现某个组件在多个地方重复使用，那么将其封装成公共组件是很有意义的。：定义一个公共的快递组件选择，首先在项目的src下面定义一个文件夹components，然后在里面创建文件ExpressList.vue。：当有一些组件是业务无关的，并且可以在不同的项目中重复使用时，将其封装成公共组件。：有些复杂的组件可以被拆分成若干公共组件，每个公共组件承担不同的责任，这样做不但提高了可维护性，也方便了代码的重用。到这里一个基础的下拉选择快递的公共组件模版就完成了，最后那么在项目里面怎么使用呢？
2024-04-02 18:15:25
4530
2
原创 vue中循环多个li(表格)并获取对应的ref
我想要获取每一个循环并获取每一个li(或者其它循环项)的ref，以便于后续的操作。就是所有li的集合的ref，这样就可以继续进行后续的操作了。可以用以下的方法获取每一个项目的ref。打印(el, index)的值如下。这样可以获取对应li的ref了。表格项，就可以用下面的代码。举例：如果我想要进行。
2024-02-26 18:10:18
938
1
原创 vue3实现详情页返回列表页，返回原来列表页滚动条所在的位置
因为Vue3 组合式api路由没有这个导航守卫了，所以没法用。:如果是vue2或vue3选项式 API可以直接。在app.vue 根文件下定义代码。在列表页面使用，并使用。
2023-10-23 18:14:06
2640
原创 vue3 + element Plus实现表格根据关键字合并行，并实现行的增删改操作
关于修改，其实和新增差不多这里就没有写了，合并表格并实现增删改查的功能就是这些。
2023-10-12 00:42:30
2322
原创 JS中 Math 和 Number 内置对象常用的一些方法
注意事项：返回值是布尔类型，如果 value 是一个有限的数字，则返回 true；参数：radix，表示转换成字符串时使用的基数（进制数），在 2 ~ 36 范围内。如果字符串的第一个字符不能解析为数字，则返回 NaN。注意事项：返回值是布尔类型，如果 value 是一个整数，则返回 true；参数：digits，一个 >= 0 且 <= 20 的整数，表示结果需要保留的小数位数。, numN，需要比较的数值，可以是任意个数的参数。, numN，需要比较的数值，可以是任意个数的参数。参数：base，底数；
2023-05-18 00:15:31
940
原创 Client does not support authentication protocol requested by server； consider upgrading MySQL client
于是打开MySQL 8.0 Command Line Client，并输入数据库的初始密码。意思是让我升级Mysql，这肯定不可能的啊，于是在网上查了一下。说的是 安装的是MySQL8，需要重置root的密码。表示连接成功，可以继续接下来的事情了~~~~安装配置mysql模板时报错。
2023-05-09 23:12:25
169
原创 JS中Object方法大全
Object.isExtensible(obj)：判断一个对象是否可扩展（是否可以添加新属性）。Object.seal(obj)：防止一个对象被封闭（不能再添加、删除属性，但可以修改属性值）。Object.isSealed(obj)：判断一个对象是否被封闭（不能再添加、删除属性）。Object.entries(obj)：返回一个对象所有可枚举的属性的。Object.values(obj)：返回一个对象所有可枚举的属性的。Object.keys(obj) :返回一个对象所有可枚举的属性的。
2023-04-15 22:47:20
1758
原创 JS代码实现一个数组里面任意两个数相加等于另一数
给定一个和一个，请在数组中找出和为目标值target的那两个整数。数组里面的值不会重复，返回值只有一种答案。列举 输入 arr = [1, 2, 3, 4, 5] ,target = 9输出[4, 5]
2023-03-26 21:06:25
4170
4
原创 面试中经常会问的场景问题(非技术)
这里记录了一些面试中hr或者项目负责人经常会问的一些问题，可以提前参考参考，想想该怎么回答，为之后的面试做好准备！待续……
2023-03-13 17:49:50
2893
原创 JS根据当前时间获取指定时间相差多少时刻
有个bug，在代码在电脑上面可以运行，但是发送到手机点击运行的时候，input日期选择器、type=datetime-local生成的时间直接。开始时间默认为当前时间，结束时间可以选择(默认过年的时间)，这里求当前时间到某一段时间段相差多少时间。还请大佬来解答一哈。猜想可能是手机上面的日期和电脑的格式不一样？当然开始时间也可以设置成可以选择的时间。Invalid Date(无效日期)
2022-12-28 17:41:48
792
原创 关于渲染echarts图表宽度只显示100px
如图本来渲染echarts 写的css样式为渲染出来页面却变成了这样审查元素发现元素宽度变成了100px,本来应该为658px的。但是变成了100px,最后发现这个弹框用的v-show渲染的，把v-show缓存v-if就好啦应该是eharts中dom元素渲染的原因最后看效果
2022-12-07 17:19:30
946
原创 高德地图根据经纬度获取地址信息
主要是使用高德里面的这个方法，根据逆向地理编码：将地理坐标（经纬度）转换成地址描述信息，对应为AMap.Geocoder的getAddress方法。具体使用的代码为最后看效果这是传的经纬度与解析出来的地理位置如果需要正向解析将地理位置变成经纬度那么需要用到这个方法操作步骤是一样的，具体可以看官网地理编码与逆地理编码
2022-12-05 17:47:58
14287
原创 使用 echarts 数据发生变化，可图表却没有重新渲染
因为图表默认没有更新，不需要重渲染，这个时候可以通过重新渲染的方式解决。在使用 echarts 时节点和数据都正常，但是图表没有重新渲染。
2022-09-26 15:49:28
3623
原创 vue文件在html中直接引用 import 传过来的方法报错Error in render: “TypeError: _vm.XXXX is not a function“
在写组件时直接在html中使用 import过来的方法XXXX报错。所以方法跟变量一样最好再赋值、声明一次后使用。这样写直接报错，因为。
2022-09-21 11:05:32
5215
2
原创 view-design组件使用Vue+Input+Table实现动态搜索值并单选
使用了input更方便、简洁，下面上封装的大致代码。实现的效果如图输入名字，动态模糊查找名字展示相关名字的表格列表，单击选择名字后则关闭表格。
2022-08-10 18:03:02
1577
原创 安装vue create hello-vue3时报错”无法加载文件，在此系统上禁止运行脚本“
用新电脑第一次使用命令下载比如vue、npm、rimraf安装包时报错”无法加载文件，在此系统上禁止运行脚本"因为 Restricted 执行策略不允许任何脚本运行。解决办法 ：
2022-07-08 16:16:02
883
1
原创 ivew组件使用Vue+Select+Tree实现单选
实现的功能：Select实现tree的单选，默认选择全部。这里用的View U Ui+vue2实现的
2022-07-05 11:41:47
1028
原创 CSS animation属性
先看简单的效果图这是源代码关键代码 animation:name(名称)duration(需要多少秒完成)timing-function(如何完成一个周期)delay(启动前的延迟间隔)iteration-count(播放次数)direction(是否轮流反向播放动画)fill-mode(当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。)play-state(动画是否正在运行或已暂停)详情可看CSS3 animation（动画） 属性...
2022-06-02 00:38:05
189
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人