- 前段时间在用框架开发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触发点击时间、页面就加载框架的布...
- 一、前言介绍：随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。医院药品管理系统，主要的模块包括首页、个人中心、用户管理、员工管理、供应商管理、药品种类管理、药品信息管理、药品入库管理、药品出库管理、药品采购管理、系统管理、订单管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对... 一、前言介绍：随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。医院药品管理系统，主要的模块包括首页、个人中心、用户管理、员工管理、供应商管理、药品种类管理、药品信息管理、药品入库管理、药品出库管理、药品采购管理、系统管理、订单管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签