- 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？经过一番思索，我发现Vue的指令模式就很像属性的写法，在Vue中，我们利用模板指令诸如v-if v-for等完成了许多工作，而Vue同样也支持自定义属性：const app = Vue.createApp({})// 注册一个全... 前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？经过一番思索，我发现Vue的指令模式就很像属性的写法，在Vue中，我们利用模板指令诸如v-if v-for等完成了许多工作，而Vue同样也支持自定义属性：const app = Vue.createApp({})// 注册一个全...
- 首先上一段代码：const obj = { age: 1 } // 定义一个对象let age = obj.age // 将对象的age属性赋值给一个变量obj.age++ // 对象的age属性发生了变化console.log(`age=${age}`, obj); // 输出结果： age = 1 {age: 2}在obj的age属性变化时，变量age如果也随之变化，通常就需要定义一个... 首先上一段代码：const obj = { age: 1 } // 定义一个对象let age = obj.age // 将对象的age属性赋值给一个变量obj.age++ // 对象的age属性发生了变化console.log(`age=${age}`, obj); // 输出结果： age = 1 {age: 2}在obj的age属性变化时，变量age如果也随之变化，通常就需要定义一个...
- 项目场景：项目场景：公司最近有个项目需要实现一个资源树（节点选中—加载图层，取消—隐藏图层）的功能。问题描述资源树我们可以用elementui的el-tree来实现功能，子节点可以选中\取消选中，这里我们可以使用插槽来自定义子节点： 通过切换checked值为true或者false来实现，一个checkbox的状态切换这里是实现资源树及自定义子节点的方法：通过循环LayerData数据源，... 项目场景：项目场景：公司最近有个项目需要实现一个资源树（节点选中—加载图层，取消—隐藏图层）的功能。问题描述资源树我们可以用elementui的el-tree来实现功能，子节点可以选中\取消选中，这里我们可以使用插槽来自定义子节点： 通过切换checked值为true或者false来实现，一个checkbox的状态切换这里是实现资源树及自定义子节点的方法：通过循环LayerData数据源，...
- 目录 前言一、环境要求1、node安装（前端开发环境）2、vue-cli脚手架安装（脚手架一键搭建项目）二、创建一个项目1.vue create2、选择Vue3模板并确定 3、等待项目创建和依赖下载 4、创建完成 ,进入目录，启动项目 ：cd portal ;npm run serve 5、浏览器查看项目 ：ctrl+单击网址 编辑 编辑 6、这是项目目录，到这里我们就创建了一个v... 目录 前言一、环境要求1、node安装（前端开发环境）2、vue-cli脚手架安装（脚手架一键搭建项目）二、创建一个项目1.vue create2、选择Vue3模板并确定 3、等待项目创建和依赖下载 4、创建完成 ,进入目录，启动项目 ：cd portal ;npm run serve 5、浏览器查看项目 ：ctrl+单击网址 编辑 编辑 6、这是项目目录，到这里我们就创建了一个v...
- 在讲watch之前，我们先来看看watchEffect 一、 watchEffect立即执行传入的一个函数，同时==响应式追踪其依赖==，并在其依赖变更时重新运行该函数。watchEffect的一些特点：不需要手动传入依赖（不用指定监听对象）无法获取原始值，只能获取更新后的值立即执行（在onMounted前调用）一些异步操作放里面更加的合适watchEffect第一个参数是一个箭头函数（是一... 在讲watch之前，我们先来看看watchEffect 一、 watchEffect立即执行传入的一个函数，同时==响应式追踪其依赖==，并在其依赖变更时重新运行该函数。watchEffect的一些特点：不需要手动传入依赖（不用指定监听对象）无法获取原始值，只能获取更新后的值立即执行（在onMounted前调用）一些异步操作放里面更加的合适watchEffect第一个参数是一个箭头函数（是一...
- Vite 官方中文文档Vue3 官方中文文档Vue Router 4.x 官方中文文档Vuex 4.x 官方中文文档本文只介绍利用Vite构建Vue3项目并安装Vuex，Vue Router，CSS预处理器的详细步骤，各内容的具体使用请查阅官方文档。 一、构建Vite+Vue3兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。 使用NPM构建$ npm init vite@... Vite 官方中文文档Vue3 官方中文文档Vue Router 4.x 官方中文文档Vuex 4.x 官方中文文档本文只介绍利用Vite构建Vue3项目并安装Vuex，Vue Router，CSS预处理器的详细步骤，各内容的具体使用请查阅官方文档。 一、构建Vite+Vue3兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。 使用NPM构建$ npm init vite@...
- 最近利用Vite构建Vue3写了一个简单的ToDoList，想要部署到Gitee，并开启 Gitee Pages服务时出现页面空白的问题，参考了很多博客，尝试了很多办法都没有解决，正愁眉不展时我点开了Vite的官方文档，好家伙，直接茅塞顿开，原本这么小的一个问题被我想的太复杂了，还浪费了那么多时间，哎，此刻记录下我的解决办法，希望能帮到跟我有同样问题的人。 Vite部署静态站点官方文档 一、... 最近利用Vite构建Vue3写了一个简单的ToDoList，想要部署到Gitee，并开启 Gitee Pages服务时出现页面空白的问题，参考了很多博客，尝试了很多办法都没有解决，正愁眉不展时我点开了Vite的官方文档，好家伙，直接茅塞顿开，原本这么小的一个问题被我想的太复杂了，还浪费了那么多时间，哎，此刻记录下我的解决办法，希望能帮到跟我有同样问题的人。 Vite部署静态站点官方文档 一、...
- 前言通过上一篇想必你已经对Object.defineProperty()有了一定的理解，这一篇我们就在前面的基础上探讨如何通过Object.defineProperty()来对对象，甚至是嵌套的对象进行数据劫持，以便我们能够侦听到对象的变化。对Object.defineProperty()了解之后我们就可以对其进行封装，形成一个可以侦听到对象变化的函数： 数据劫持（对象篇） defineR... 前言通过上一篇想必你已经对Object.defineProperty()有了一定的理解，这一篇我们就在前面的基础上探讨如何通过Object.defineProperty()来对对象，甚至是嵌套的对象进行数据劫持，以便我们能够侦听到对象的变化。对Object.defineProperty()了解之后我们就可以对其进行封装，形成一个可以侦听到对象变化的函数： 数据劫持（对象篇） defineR...
- 前言通过前两篇的学习，想必你已经对Object.defineProperty()和对象的侦听有了一定的理解，现在就让我们来继续研究如何使用Object.defineProperty()来对数组进行数据劫持，以便我们能够侦听到数组的变化。 数据劫持（数组篇）首先新建一个： array.jsimport { def } from "./utils.js";//获取数组的原型const arra... 前言通过前两篇的学习，想必你已经对Object.defineProperty()和对象的侦听有了一定的理解，现在就让我们来继续研究如何使用Object.defineProperty()来对数组进行数据劫持，以便我们能够侦听到数组的变化。 数据劫持（数组篇）首先新建一个： array.jsimport { def } from "./utils.js";//获取数组的原型const arra...
- 前言前几篇我们已经研究过了数据劫持，并多次提到依赖这个词，这一篇我们就将针对依赖来进行深入探讨：什么是依赖，以及收集依赖和发布订阅。 收集依赖，发布订阅 依赖是谁？需要用到数据的地方成为依赖！前面说了在getter中收集依赖，在setter中触发依赖。那依赖是谁呢？我们需要在访问数据时收集谁，更新数据时触发谁呢？这个依赖其实就是我们定义的一个类：Watcher 什么是Watcher？Wat... 前言前几篇我们已经研究过了数据劫持，并多次提到依赖这个词，这一篇我们就将针对依赖来进行深入探讨：什么是依赖，以及收集依赖和发布订阅。 收集依赖，发布订阅 依赖是谁？需要用到数据的地方成为依赖！前面说了在getter中收集依赖，在setter中触发依赖。那依赖是谁呢？我们需要在访问数据时收集谁，更新数据时触发谁呢？这个依赖其实就是我们定义的一个类：Watcher 什么是Watcher？Wat...
- 前言写这系列博客之前，还是想感慨一下尤大大的精明厉害之处。vue的发展大家有目共睹，这一切离不开vue数据响应式的发明，尽管vue2的数据响应式处理还有一些问题，但这些问题都在vue3中进行了解决，那我为什么还要写vue2的数据响应式原理，而不直接写vue3的数据响应式原理呢？因为vue2在vue的发展中是个里程碑的存在，它的一些原理和思想对之后的vue发展奠定了基础，不管之后vue怎么变... 前言写这系列博客之前，还是想感慨一下尤大大的精明厉害之处。vue的发展大家有目共睹，这一切离不开vue数据响应式的发明，尽管vue2的数据响应式处理还有一些问题，但这些问题都在vue3中进行了解决，那我为什么还要写vue2的数据响应式原理，而不直接写vue3的数据响应式原理呢？因为vue2在vue的发展中是个里程碑的存在，它的一些原理和思想对之后的vue发展奠定了基础，不管之后vue怎么变...
- 文章开始前先附上：NProgress官网和Github地址 安装 使用npm安装npm install --save nprogress 使用文件引入：下载Github里文件：引入下载的文件：<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>CDN引入：https://unpkg.... 文章开始前先附上：NProgress官网和Github地址 安装 使用npm安装npm install --save nprogress 使用文件引入：下载Github里文件：引入下载的文件：<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>CDN引入：https://unpkg....
- 因为xprinter的安卓sdk需要在安卓项目里配置service，但是uniapp里云打包无法配置service，所以只能用原生插件离线打包的形式开发。https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/androidUniPlugin-Hello-AS安卓项目引入 PosPrinterSDK.jar1.andr... 因为xprinter的安卓sdk需要在安卓项目里配置service，但是uniapp里云打包无法配置service，所以只能用原生插件离线打包的形式开发。https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/androidUniPlugin-Hello-AS安卓项目引入 PosPrinterSDK.jar1.andr...
- 四、功能截图： 4.1 用户登录注册：用户注册，在用户注册列表页面通过填写用户名、用户密码、用户姓名、联系方式等资料完成用户注册，关键实现：体育用品销售商品系统系统，页面设计主要是在首页头部引入common以及jquery等公共的js和css样式布局文件，通过recommend index-pv2 DIV样式设计头部几个菜单栏的显示。用户点击其中一个div触发点击时间、页面就加载框架的布... 四、功能截图： 4.1 用户登录注册：用户注册，在用户注册列表页面通过填写用户名、用户密码、用户姓名、联系方式等资料完成用户注册，关键实现：体育用品销售商品系统系统，页面设计主要是在首页头部引入common以及jquery等公共的js和css样式布局文件，通过recommend index-pv2 DIV样式设计头部几个菜单栏的显示。用户点击其中一个div触发点击时间、页面就加载框架的布...
- 一、前言介绍：随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。医院药品管理系统，主要的模块包括首页、个人中心、用户管理、员工管理、供应商管理、药品种类管理、药品信息管理、药品入库管理、药品出库管理、药品采购管理、系统管理、订单管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对... 一、前言介绍：随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。医院药品管理系统，主要的模块包括首页、个人中心、用户管理、员工管理、供应商管理、药品种类管理、药品信息管理、药品入库管理、药品出库管理、药品采购管理、系统管理、订单管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签