- 博客(332)
- 收藏
- 关注
原创 弹性盒子(display: flex)布局超全讲解|Flex 布局教程
弹性布局(Flex布局)是一种现代的CSS布局方式,通过使用display: flex属性来创建一个弹性容器,并在其中使用灵活的盒子模型来进行元素的排列和定位。
2023-06-16 14:25:52 139624 18
原创 vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题
此时我们就需要先根据真实dom生成虚拟dom, 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较,发现有不一样的地方就直接修改在真实DOM上,然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道,Vue判断两个节点是否相同时主要判断两者的key和元素类型等,因此如果不设置key,它的值就是undefined,则可能永 远认为这是两个相同的节点,只能去做更新操作,这造成了大量的dom更新操作,明显是不可取的。
2023-03-30 10:20:45 12975 64
原创 Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
其实想要实现功能很简单,就是在一张图片上监听鼠标滑轮滚动的事件,然后根据上滚还是下滚实现图片的缩放。
2023-03-08 11:52:46 11264 14
原创 CSS奇思妙想之-利用CSS裁剪(clip-path)完成各种图形
css裁剪(clip-path)这个属性平时率非常低。但是其实clip并不是CSS3的新属性,很早就开始出现了。CSS裁剪的这一概念最早是在CSS 2.1时代由clip属性引入,但该属性的限制非常多。裁剪初期只能应用于绝对定位的元素,并且只能裁剪成矩形。而在CSS3中,提供了强大的clip-path属性,突破了clip属性的众多限制。clip-path能够让你指定一个网页元素的显示区域,而不是显示全部。
2023-03-04 13:05:40 11228 10
原创 2023年超全前端面试题-背完稳稳拿offer(欢迎补充)
一个域下的js脚本未经允许的情况下,不能访问另一个域下的内容。通常判断跨域的依据是协议、域名、端口号是否相同,不同则跨域。同源策略是对js脚本的一种限制,并不是对浏览器的限制,像img,script脚本请求不会有跨域限制。
2023-02-28 11:39:18 13253 30
原创 CSS架构之BEM设计模式
B代表:Black(块),独立实体,独立的意义,每个页面都可以看做是多个Block组成,见下图1-1;E代表:Element(元素),block 的一部分,没有独立意义,是组件下的一个元素,多个元素形成一个组件,见下图1-2;M代表: Modifier (修饰符),block 或 element 上的标记,是描述Block或Element的属性或状态,同一Block或Element可以有多个Modifier。
2023-02-08 17:29:08 9320 29
原创 web前端面试技巧-如何自我介绍?如何应对hr?
问题来,如何做好自我面试?说清楚四点:①个人信息:包括你的姓名、年龄、专业、毕业学校②职业经验:说清楚自己往期的工作经验,待过哪些公司,具体做过什么,如果是应届毕业生,有实习经验说实习经验,没有的话也可以重点说自己在学校内接触过的项目经验。③技术能力:简单介绍自己的技术栈,告诉对方你会什么?并且最擅长的技术是什么?比如性能优化、高并发、系统架构设计等等。比较对方考察你也是为了评估你与招聘岗位的匹配度。所以,可以针对对方公司招聘岗位的岗位职责去重点突出自己的能力。④自我评价:记得要说优势!
2022-11-09 13:24:21 11612
原创 纯css爱心代码-最近超级火的打火机与公主裙中的爱心代码(简易版)
theme: cyanosis最近打火机与公主裙中的爱心代码超级火,看着特别心动,让俺用css来写个简易版!!!先看效果:代码拆解:主要是分为3大部分分子颗粒爱心动画代码实现:分子颗粒分子颗粒其实非常简单,主要是使用到的就是css的渐变:linear-gradient,然后再用css3新出的background-size来控制颗粒之间的距离。控制linear-gra...
2022-11-06 21:14:00 10498
原创 前端优化之高并发处理
大部分的高并发处理基本都是在后端处理,但是在部分特殊情况下,后端无法阻止用户行为,需要前端做配合。例如在抢购、秒杀等场景。高并发是什么?对此,我们首先需要简单的去了解一下,高并发是什么?高并发是指在极短单位时间内,有很多用户同时的访问同一 API 接口或者 Url 地址,造成极多个请求同时发起到服务器。它经常会发生在有大活跃用户量,用户高聚集的业务场景中。浏览器请求限制浏览器在向后端...
2022-01-21 14:46:00 6498
原创 Backdrop Filter
CSS 滤镜 : backdrop-filterbackdrop filter属性允许我们使用css对元素后面的内容应用过滤效果。滤镜:名称:方法案例:效果:blur()模糊: blur(5px)brightness()亮度: brightness(1.4);contrast()对比度:...
2020-12-26 16:11:00 15248 2
原创 react安装报错 npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to
错误通常意味着网络连接超时,可能由多种原因导致,如网络不稳定、代理设置问题或 npm registry 服务器暂时不可用。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-09-19 11:49:25 391
原创 react的事件绑定
在 React 中,事件绑定主要通过 JSX 属性来实现。事件处理函数被传递给相应的事件属性,例如。这些示例展示了如何在 React 中绑定事件处理函数,以便在用户交互时执行特定的操作。这些属性会被绑定到 HTML 元素上,并在事件发生时触发相应的处理函数。在类组件中,确保将事件处理函数的上下文绑定到当前组件实例,以便正确地访问。你可以直接在事件属性中使用箭头函数,这样可以避免创建单独的处理函数。事件处理函数可以接受一个事件对象作为参数,提供有关事件的更多信息。在事件处理函数中,你可以使用。
2024-09-19 10:34:00 532
原创 react之jsx基础(2)高频使用场景
JSX 最常见的用途之一是定义组件的结构。组件可以是函数组件或类组件,通常会使用 JSX 来描述组件的 UI。
2024-09-19 10:33:26 710
原创 react之jsx基础(1)概念和本质
JSX 是 React 中用于描述 UI 结构的一种语法扩展,它让组件的定义更具可读性和直观性。虽然浏览器无法直接理解 JSX,但它会在构建过程中被转换成 JavaScript 代码,并通过 React 的虚拟 DOM 机制来高效地更新真实 DOM。通过 JSX,你可以轻松地定义和组合 React 组件,从而创建动态和互动的用户界面。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-09-18 14:23:31 906
原创 react开发环境搭建
通常你会创建这个目录来存放你的 React 组件文件。工具创建的 React 项目中,默认的项目结构包含了一些标准的文件和目录。如果你使用 TypeScript 或想要更好的 JavaScript 代码提示,可能会看到这些配置文件。项目的配置文件,包含项目的依赖、脚本、项目元数据等。如果项目使用了 ESLint 进行代码检查,可能会有这个配置文件,用于定义代码检查规则。取决于你的项目需求和个人偏好。要创建一个新的 React 项目,可以使用以下几种方法。你可以在这里添加项目的概述、使用说明、安装步骤等。
2024-09-18 14:22:52 572
原创 react是什么?
通过组件化、虚拟 DOM、声明式编程、单向数据流和 Hooks 等特性,React 提供了一种高效、可维护的方式来开发复杂的前端应用程序。它在内存中维护一个虚拟的 DOM 树,只有在虚拟 DOM 和实际 DOM 之间存在差异时,React 才会更新实际 DOM。:Hooks 是 React 16.8 引入的新特性,允许在函数组件中使用状态和其他 React 特性,而无需编写类组件。:在 React 中,UI 被拆分成一个个独立的、可重用的组件。:在 React 中,数据流是单向的,即从父组件流向子组件。
2024-09-18 14:22:17 1222
原创 react npm start 报错> my-app@0.1.0 start > react-scripts start ‘react-scripts‘ 不是内部或外部命令,也不是可运行
是create-react-app有丢包的缺陷,手动安装包后,需要重新npm install一下,这样node_modules/.bin/目录下才会重新出现react-scripts的文件,这样npm start命令才能正常执行。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。‘react-scripts’ 不是内部或外部命令,也不是可运行的程序。安装完成后再次运行 npm start 即可。
2024-09-14 16:10:44 517
原创 【保姆级教程】vitepress内容详解(1)
VitePress 默认主题提供了一个首页布局,也可以在此站点首页看到。可以通过 frontmatter 指定 layout: home 在任何页面上使用它。VitePress 的布局整体可以分为 4 种,分别为:doc page home 和 没有任何默认布局(空白页面)欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。打开config.mts文件。
2024-09-14 16:08:45 431
原创 【保姆级教程】如何创建一个vitepress项目?
如果使用 PNPM,会注意到对 @docsearch/js 的 missing peer deps 警告。在vitepress官方文档中提到,vitepress附带了一个命令行向导,来帮助构建一个基本的项目。VitePress 可以单独使用,也可以安装到现有项目中。在这两种情况下,都可以使用以下方式安装它。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。基本完成了vitepress项目的初始化。(看习惯,如果有该习惯就初始化,没有可跳过)可以手动新建一个文件,也可以使用指令。
2024-09-10 18:10:04 374 1
原创 尤雨溪宣布 VitePress 1.0 正式发布:基于 Vite 的静态网站生成器迎来第一个主版本
VitePress是一个专为构建快速、以内容为中心的网站设计的静态站点生成器(SSG)。它通过处理用 Markdown 编写的内容,应用主题,并生成可以轻松部署的静态 HTML 页面,简化了创建和维护网站的过程。
2024-09-10 16:16:42 892
原创 vue3基础ref,reactive,toRef ,toRefs 使用和理解
ref:用于基本数据类型的响应式引用,访问和修改需要使用.value。reactive:用于创建响应式对象或数组,直接访问和修改其属性。toRef:将reactive对象的某个属性转换为ref,适用于单个属性。toRefs:将整个reactive对象的属性转换为ref对象,适用于需要解构响应式对象的场景。这些工具在 Vue 3 的响应式系统中互相配合使用,可以帮助你更灵活地管理和使用响应式数据。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-08-20 17:09:03 1085
原创 ES2024|ES15已发布 前端可以判断表情包了? 正则 “v” 标记成为亮点 快来看看
v标志增强了 JavaScript 正则表达式在处理 Unicode 和字符类操作方面的能力。通过 Unicode 属性转义和字符类集合操作,开发者可以更高效地处理各种文本数据。这使得正则表达式在现代应用中的应用变得更加灵活和强大。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-08-15 14:19:40 1302 3
原创 前端必知之:前端模块化的CommonJS规范和ES Module规范详解
在当前目录下的 node_modules 目录查找。向上级目录逐级查找,直至根目录。查找 package.json 中的 main 属性指定的入口文件。默认文件名查找(index.js、index.json、index.node)。以下是一个简单的自定义模块查找流程示意图:在这个示例中,如果要加载模块A,Node.js 会首先在当前目录下的中找到对应的模块文件或者中指定的入口文件。如果未找到,则向上逐级查找,直至根目录。在当前目录下的 node_modules 目录查找。
2024-08-08 11:49:57 848
原创 [map详解]关于js中的map的内存和时间复杂度内存占用
Map 的空间复杂度为 O(n),其中 n 是 Map 中键值对的数量。因此,在选择使用 Map 时,需要考虑到随着键值对数量的增加,其内存使用也会相应增加。这一点在处理大量数据时尤为重要,需要权衡空间占用和数据结构的效率。
2024-08-07 14:56:05 871
原创 uniapp微信小程序本地和真机调试文件图片上传成功但体验版不成功
先看一下 你小程序这边的uploadFile合法域名和downloadFile合法域名有没有上传接口的域名。设置域名(微信小程序上面,基本上所有的用到的接口,都需要配置,不然都运行不出来)欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。uniapp微信小程序本地和真机调试文件图片上传成功但体验版不成功。微信小程序本地和真机调试文件图片上传成功但体验版不成功。uniapp微信小程序体验版上传图片不成功。登陆微信小程序后台官网。点击开发中的开发管理。
2024-07-30 17:24:26 1105
原创 uniapp手写滚动选择器
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。没有符合项目要求的选择器 就手写了一个。
2024-07-25 11:43:11 1058 1
原创 uniapp打开微信开发者工具页面【pages/checkInDetails/components/drinkPage/index]错误: TypeError: Cannot read proper
3.左上角“项目”→“重新打开此项目”并编译,或者重启一下开发者工具或电脑尝试下。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。下次还可能有同样的问题,最好记得这次的打开步骤。2.可能是缺少图片 手动添加图片。1.点击报错文件重新编译。4.重启hbuilder。
2024-07-24 14:38:47 387
原创 uniapp写上传|微信小程序上传+微信h5上传
文章目录导文上传图片微信小程序微信h5上传总代码展示导文uniapp写上传|微信小程序上传+微信h5上传上传图片 <uni-file-picker @select="onFileSelected" @cancel="onFilePickerCancel" limit="1" class="weightPage-upload-but" file-mediatype="i
2024-07-23 16:42:04 423
原创 uniapp写登陆|微信小程序登录和微信h5登录使用同一个页面
判断是否成功获取了登录凭证,如果成功则执行相应的操作,否则输出登录失败信息。:这是一个微信小程序的 API 调用,用于获取用户登录凭证 code。的函数(假设是一个异步函数或者返回 Promise 的函数),将。:打印登录成功后返回的数据,包括 access_token。在网页中创建一个可点击的按钮,创建一个回调函数。方法获取用户登录凭证(code),然后执行。在网页中创建一个可点击的按钮,创建一个回调函数。包含了登录成功后的返回信息,其中。是微信小程序提供的全局对象,:登录成功后的回调函数,参数。
2024-07-22 11:21:02 891
原创 uniapp上传功能用uni-file-picker实现
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。用image覆盖,就能实现完全自定义上传样式的功能(也能用其他的覆盖)
2024-07-20 00:00:00 875
原创 uniapp bug解决:uniapp文件查找失败:‘uview-ui‘ at main.js:14
文件中配置 easycom 组件模式,确保 uView 的组件可以在项目中被正确引用。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。标签中的首行位置引入 uView 的基础样式,确保给。文件中引入 uView 的 SCSS 主题文件。文件中引入并使用 uView 的 JS 库。改成具体文件路径即可。
2024-07-19 11:23:25 1150 1
原创 [保姆级教程]uniapp安装使用uViewUI教程
通过以上步骤,你已经成功地将 uView UI 集成到了你的 UniApp 项目中,并可以开始使用其提供的丰富组件和样式来构建界面。点击下载地址:uView UI下载:https://ext.dcloud.net.cn/plugin?下载地址:uView UI下载:https://ext.dcloud.net.cn/plugin?安装和使用 uView UI 在 UniApp 中是相对简单的过程,下面我来为你提供一个基本的教程。接下来,我们需要在 UniApp 项目中安装 uView UI。
2024-07-19 11:16:32 4846 1
原创 uniapp判断h5/微信小程序/app端+实战展示
当你在开发Uni-app时,需要根据不同的平台(比如App端、H5端、微信小程序等)来执行不同的代码逻辑,可以使用条件编译来实现这一点。:针对不同平台可能需要不同的性能优化策略,例如在App端可能更注重内存和CPU的优化,而在H5端可能更注重网络和DOM的优化。通过合理利用条件编译,可以有效地管理不同平台下的代码逻辑,提高代码的复用性和平台适配性,从而更好地满足用户和开发者的需求。:在App端和H5端可能需要不同的样式表达方式,可以通过条件编译来引入不同的CSS文件或样式代码。如果未定义,则会被忽略。
2024-07-17 18:00:00 2873 1
原创 uniapp小程序有文件却报错没文件是怎么回事?Module build failed (from ./node_modules/@dcloudio/vue-cli
有的还有可能是冒号大小,语法错误,多了一个冒号啥的都会报错。直接点击报错页面,逐个修改就好了。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。删除了下面多余的空格,就正常了。最后打开了有问题的这个文件。
2024-07-17 13:46:38 370
原创 uniapp微信小程序分享教程
并自定义转发内容(在methods中有onShareAppMessage函数就行)欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。没有开分享的时候,默认状态下是显示:当前页面未设置分享。uniapp 微信小程序 当前页面未设置分享?uniapp 微信小程序分享到好友怎么写?分享转发文件到聊天(转发至好友、群聊等)uniapp微信小程序分享怎么写?文件,在“App模块配置”项的“监听用户点击页面内转发按钮(是转发给朋友或者转发给群。点击按钮转发怎么写?
2024-07-10 10:19:50 3826 1
原创 uniapp内置组件uni.navigateTo跳转后页面空白问题解决
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。可能是没有注册的问题,把没注册的页面 注册一下。在h5上跳转正常 但是在小程序里面跳转有问题。页面跳转地址显示正确,但页面内容为空。如果还有其他的解决方法,欢迎补充!方法二:修改路由名称就好。
2024-07-08 15:44:18 706
原创 uniapp父页面调用子页面 组件方法记录
主要是要有要被触发的函数,或者数值。主要是要有要被触发的函数,或者数值。如何点击父页面,触发子页面函数?如何点击父页面,修改子页面的值?要先把组件引入,给子元素添加。要先把组件引入,给子元素添加。
2024-07-08 14:21:34 959
原创 uniapp 去掉小数末尾多余的0
这个方法中,replace(/0+$/, “”)用于匹配并替换字符串末尾的一个或多个0。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。以上方法都可以有效去除小数末尾不必要的0,根据具体需求选择适合的方法即可。
2024-07-06 13:13:33 557 3
原创 uniapp 数据父传子
如果父组件的数据依赖于异步操作(如网络请求),则可能在子组件生命周期函数执行时数据还未准备好。定义Props: 在子组件中,你需要先定义将要接收的属性(即来自父组件的数据)。这通常在组件的props选项中完成。通过这样的方式,父组件的数据就被成功传递给了子组件,并且子组件可以根据接收到的数据进行显示或进一步处理。使用传递的数据: 然后在子组件的模板或逻辑中,就可以直接使用这个childMessage属性了。模板中使用子组件: 在父组件的模板中引入子组件,并通过props将数据绑定到子组件的属性上。
2024-07-05 16:39:48 518 2
2023考研数学一答案解析(一二三合集)完整版!考研数学真题和参考答案 考研数学真题及答案解析(完整版)
2024-08-05
2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版)
2024-08-05
2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版)
2024-08-05
合集打印2010-2019年考研数学一真题 40页 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整
2024-08-05
合集打印1987-2009年考研数学一真题 72页 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整
2024-08-05
考研计算机408历年真题及答案pdf汇总来了 计算机考研 计算机408考研 计算机历年真题+解析09-23年
2024-08-05
开题报告-大学生心理健康测评系统的设计与实现
2024-06-20
[初学者必看]JavaScript 简单实际案例练习,锻炼代码逻辑思维
2024-06-20
前端开发框架-vue2+element+axios 个人财务管理系统
2024-06-20
vue2+element+axios 个人财务管理系统
2024-06-20
h5页面跳转微信小程序(最简单的方法-URL Scheme)
2023-12-21
考研历年真题2009-2022年 考研408历年真题及解析(含答案与解析)无水印
2023-04-17
计算机毕业设计后台管理系统模板 后台管理系统/刷题后台管理系统/登陆页面/科目管理/题库管理/用户管理/信息管理/账号设置
2023-03-10
上传文件-为视频播放器设置截图功能-验证表格是否为-HTMLAPP-网页设计作业-前端作业-JavaScript作业-大学生作业
2023-02-11
App捕鱼达人-捕鱼达人-HTMLAPP-网页设计作业-网页设计游戏-前端作业-JavaScript作业-大学生作业
2023-02-11
前端简历模板2 超级全的前端简历 上岸必备 求职必看 前端求职简历模板,一投即过! 因为双方皆是第一次见面,面试官首先就要了解你
2023-02-11
前端简历模板 超级全的前端简历 上岸必备 求职必看
2023-02-11
vue前端面试题-超级全的vue面试题-将近2w字!!!
2023-02-11
使用vue开发+一个论坛后台管理系统或者可以用于公司后台管理系统+可以用作毕业设计+或者公司基础框架
2023-02-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人