- 微信⼩程序 vs ⽀付宝⼩程序 vs 百度⼩程序各家⼩程序之间有很多相似的地⽅，例如相似的开发环境，相似的运⾏时渲染内容。文档索引微信⽂档：https://developers.weixin.qq.com/miniprogram/dev/api/百度⽂档：https://smartprogram.baidu.com/docs/develop/api/apilist/⽀付宝⽂档：https:... 微信⼩程序 vs ⽀付宝⼩程序 vs 百度⼩程序各家⼩程序之间有很多相似的地⽅，例如相似的开发环境，相似的运⾏时渲染内容。文档索引微信⽂档：https://developers.weixin.qq.com/miniprogram/dev/api/百度⽂档：https://smartprogram.baidu.com/docs/develop/api/apilist/⽀付宝⽂档：https:...
- 前段时间在用框架开发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触发点击时间、页面就加载框架的布...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签