- 博客(297)
- 资源 (10)
- 收藏
- 关注
原创 ES6之Proxy
ES6(ECMAScript 2015)引入了Proxy对象,属于一种“元编程”(meta programming),即对编程语言进行编程。这是一种可以用来定义基本操作(如获取或设置属性)的自定义行为的对象。Proxy 可以让你在访问一个对象之前对其进行拦截,从而实现对对象操作的控制,比如验证、计算、日志记录等。这对于开发框架、库或者进行某些高级的JavaScript编程非常有用。
2024-05-23 00:00:00 273
原创 ES6之Map数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。
2024-05-22 00:00:00 1201
原创 ES6之Set数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。
2024-05-21 12:04:15 908
原创 ES6之Set数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。
2024-05-21 03:00:00 994
原创 ES6之Set数据结构
TOC/TOCES6(ECMAScript 2015)引入了两种新的数据结构:Set和Map,它们为JavaScript开发者提供了更强大的数据处理能力。
2024-05-21 00:00:00 668
原创 const命令
ES6(ECMAScript 2015)引入了const关键字,用于声明一个只读的常量。这意味着一旦使用const声明了一个变量,其值就不能再被重新赋值。这有助于提高代码的可读性和避免某些类型的错误。
2024-05-11 00:00:00 662
原创 ECMAScript 6简介
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。
2024-05-09 10:02:50 386
原创 浅谈如何封装iconfont的svg图标组件
步骤1:获取Iconfont图标访问。在我的项目中生成网络js文件新建svg.js,将代码复制到js当中在main.js中导入svg.js文件步骤2:创建Icon组件在uni-app项目中创建一个新的Vue单文件组件(SFC),例如命名为Icon.vue。
2024-04-28 00:00:00 413
原创 uni-app 如何使用svg
在uni-app中使用SVG(Scalable Vector Graphics)可以采用多种方式,以下是几种常见的方法和步骤,包括直接引用、转换为base64编码、作为组件使用等。下面分别举例说明:虽然uni-app本身可能不直接支持标签,但可以通过以下方式间接使用:a. 作为Image组件的源将SVG文件作为静态资源放入项目中,然后通过组件的属性引用。这种方法适用于静态SVG图像。示例:确保SVG文件(例如)已放置在项目的目录下。b. 作为Background Image如果需要将SVG作为背景图,可以
2024-04-27 00:00:00 1531
原创 uni-app 如何在代码中使用定义的scss变量
1. 使用全局SCSS变量定义全局变量在uni-app项目中,通常有一个名为uni.scss的全局样式文件,用于存放项目级的SCSS变量、混合(mixins)、函数等。// 其他变量、混合、函数等...在组件或页面中使用全局变量在Vue单文件组件(SFC)的
2024-04-25 00:00:00 861
原创 uni-app 如何添加模拟器
要添加模拟器到 Uni-App 开发流程中,主要取决于您要预览和调试的具体平台。对于微信小程序,使用微信开发者工具;对于通用 Web、App 或其他小程序平台,利用 HBuilderX 内置的模拟器;对于 Android App,安装并配置第三方 Android 模拟器,确保其与开发环境(如 HBuilderX)正确连接,然后通过 IDE 运行项目到模拟器。遵循上述步骤,您可以顺利地在各种模拟器上预览和调试您的 Uni-App 项目。更多详细内容,请微信搜索“前端爱好者戳我查看。
2024-04-22 00:00:00 754
原创 uni-app 中如何使用echart
在 uni-app 中使用 ECharts 数据可视化库,通常需要完成以下步骤:使用 npm 安装 ECharts 到你的 uni-app 项目中。在项目根目录下打开终端,执行以下命令:2. 引入 ECharts对于 Vue 单文件组件( 文件)在需要使用 ECharts 的 Vue 组件中,通过 语句引入 ECharts。同时,如果你需要使用地图功能,还需要额外引入相应的地图文件(如中国地图)并注册。对于使用 uni-app 插件市场的 ECharts 插件如果你选择使用 uni-app 插件
2024-04-20 00:00:00 805
原创 uni-app 如何在函数中调用 Modal 模态框
TOC/TOC/TOCuni-app 提供了内置的 API用于直接弹出系统样式的模态框。在上述代码中,函数调用了当用户点击确定或取消按钮时,success回调函数会被触发,可以根据和res.cancel的值判断用户的选择并执行相应操作。更多详细内容,请前端爱好者。如果你的项目中已经集成并使用了 uView UI 库,那么可以利用其提供的 Modal 组件来实现自定义样式的模态框。
2024-04-19 00:00:00 735
原创 uniapp 如何使用自定义插槽 slot
在 uni-app 中使用自定义插槽(slots)可以让开发者在封装的组件内部定义可替换内容区域,从而实现高度定制化的组件复用。默认插槽(匿名插槽)的使用子组件定义在子组件(例如)的模板中,使用标签定义一个默认插槽。-- 默认插槽位置 --> < slot > -- 默认插槽位置 --> < slot >
2024-04-18 00:00:00 1111
原创 uniapp 组件传值
在 UniApp 中使用 Vue 3 的 setup 函数自定义底部 TabBar,你可以按照以下步骤进行操作:在src目录下创建一个名为components的文件夹,用于存放自定义组件。在components文件夹中创建一个名为TabBar.vue的文件,作为底部 TabBar 的组件。在TabBar.vue-- 自定义底部 TabBar 的内容 -->.tabbar {/* 底部 TabBar 的样式 */
2024-04-17 02:30:00 439
原创 uni-app vue3 setup 如何使用 onShow
在 UniApp 中使用 Vue 3 的 setup 函数自定义底部 TabBar,你可以按照以下步骤进行操作:在src目录下创建一个名为components的文件夹,用于存放自定义组件。在components文件夹中创建一个名为TabBar.vue的文件,作为底部 TabBar 的组件。在TabBar.vue-- 自定义底部 TabBar 的内容 -->.tabbar {/* 底部 TabBar 的样式 */
2024-04-16 22:17:02 1089
原创 什么是函数劫持
/ 原始函数console.log("这是原始函数");// 修改函数的定义console.log("这是修改后的函数");// 调用函数// 输出:这是修改后的函数我们通过将的定义替换为一个新的函数,成功地劫持了原始函数的行为。现在调用将输出修改后的内容。
2024-04-14 00:00:00 762
原创 既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异
而虚拟DOM可以将所有变化进行批处理,并在合适的时机进行DOM的更新,保证了真实DOM的准确性。效率优化:直接操作真实DOM是非常耗费性能的,而虚拟DOM可以在内存中进行操作,减少了对真实DOM的频繁访问和修改。通过将对虚拟DOM的更改与真实DOM的更新进行批处理,可以减少真实DOM的操作次数,提高渲染效率。简化编程模型:通过虚拟DOM,Vue可以将组件的状态变化抽象为对虚拟DOM的操作,从而简化了复杂的手动DOM操作。开发者只需关注数据的变化,而不必手动去计算和操作DOM,提高了开发效率和可维护性。
2024-04-11 00:00:00 730
原创 Vue 为什么需要虚拟 DOM
Vue需要虚拟DOM的主要原因是为了提高性能和优化渲染过程。虚拟DOM是一个轻量级的JavaScript对象,它对应着真实的DOM结构。当Vue中的数据发生变化时,Vue会先使用虚拟DOM进行计算和比较,然后才会将变化的部分更新到真实的DOM中。使用虚拟DOM可以有效地减少直接操作真实DOM所带来的性能损耗。相比于直接对真实DOM进行频繁的操作和更新,Vue通过对比虚拟DOM的差异,只对需要更新的部分进行最小化的操作,从而减少不必要的DOM操作,提高页面的渲染效率。此外,虚拟DOM还具有跨平台的能力。
2024-04-09 02:00:00 619
原创 谈谈你对 SPA的理解
用户体验好、快,内容的改变不需要重新加载整个页面,服务端压力小。SPA应用不利于搜索引擎的抓取首次渲染速度相对较慢 (第一次返回空的 html,!需要再次请求首屏数据)白屏时间长。
2024-04-08 21:46:57 306
原创 前端如何通知用户刷新页面
例如在 Webpack 构建流程中,可以通过插件(如 HtmlWebpackPlugin 或 CopyWebpackPlugin)动态注入当前构建的时间戳作为版本标识。通常,尽量减少对用户的打扰,并确保刷新操作不会打断用户正在进行的任务。以上三种方法都可以实现优雅地通知用户刷新页面的效果,具体选择哪种方法可以根据实际需求和用户体验考虑。根据实际应用场景选择合适的技术方案,确保用户体验的同时,也能及时让用户获取到最新的页面内容。的文件,用于存储项目的版本信息。在前端构建过程中,通过配置脚本自动更新。
2024-03-28 09:22:12 1287
原创 人月神话简读
作者首先提出人月神话的概念与项目管理的困境,然后说明尽管人月神话无法达到,但仍可以通过一系列的方法无限逼近这一神话,帮助软件开发者进行项目管理。为什么人月神话无法达到?为什么软件工程的项目管理无法一帆风顺?这一方面是由于计算机技术的飞速发展,人们不得不时刻更新自己的知识与技术.采用新技术、快速开发原型、聘用卓越人才。正如作者所说的那样,软件工程可能是人类创造出的最错综复杂的一项工作,甚至,这种复杂度还在不断增加,人们能做的,只有不断学习更新的技术,探索更好的管理方法。
2024-03-27 08:30:00 635
原创 软件开发困境
ERP系统(Enterprise Resource Planning) - 用于管理生产计划、供应链、库存和财务等核心业务流程。CRM系统(Customer Relationship Management) - 用于跟踪客户交互、销售和服务活动。HR系统(Human Resources Management System) - 用于管理员工信息、薪酬和福利等人力资源事务。电子商务平台- 用于在线交易和订单处理。在没有EAI的情况下,这些系统可能是孤立运作的,导致数据重复录入、信息更新不同步等问题。
2024-03-26 10:10:42 962
前端大厂高频面试题-拉钩教育
2023-03-17
【项目管理】题库及答案
2018-09-12
mobiscroll代码集合
2018-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人