morethink program
一，vue3-count-to项目在npm库的地址: https://www.npmjs.com/package/vue3-count-to 文档:参考vue-count-to的文档即可 https://github.com/PanJiaChen/vue-countTo 说明：刘宏缔的架构森林是一个专注架构的博客，地址：https://www.cnblogs.com/architec
参考链接：https://usefulangle.com/post/94/javascript-pdfjs-enable-annotation-layer 1、添加一个<div>元素来保存注释层 <div id="annotation-layer"></div> 这个div将保存PDF页面的注释数据。PDF将在canvas中呈现。 <canvas
Vue和Blazor的组件都有key属性，两者的作用和原理基本一致，语法上有一点点差异，如下所示 //Vue中使用key=============================== //key在ul上绑定，使用v-bind指令（简写为冒号） <ul v-for=”people in peoples” :key=”people.id”> <li>{{people
组件开发模式，带来了复用、灵活、性能等优势，但也增加了组件之间数据传递的繁杂。不像传统的页面开发模式，一个ViewModel搞定整个页面数据。 组件之间的数据传递，是学习组件开发，必须要攻克的难关。这个章节，我们将一起学习如何将UI片断传递给子组件。子组件的UI片断，由父组件来提供，子组件接收到后直接渲染，这种场景的使用范围还是比较多的。我们之前对自定义组件的操作，一直都是在标签属性的位置，从来
快速开始 基础 创建 Vue 应用 模板语法 响应式基础 计算属性 类与样式绑定 条件渲染 列表渲染 事件处理 表单输入绑定 生命周期钩子 侦听器 模板 ref 组件基础 深入组件 组件注册 Props 组件事件 透传 attribute 插槽 依赖注入 异步组件 可重用性 可组合函数 自定义指令 插件 内置组件 Transition Tr
一、概述 因项目需求，需要做一个多选设置。 先来看一下官方的demo test.vue <template> <div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbo
问题描述 使用 npm run serve 命令启动 Vue.js 项目时无法启动。具体报错如下： $ npm run serve > front-end@0.1.0 serve > vue-cli-service serve sh: 1: vue-cli-service: not found npm ERR! code 127 npm ERR! path /home/codi
上一篇「又一家数据公司被查，爬虫到底做错了什么？」反响强烈，虽然我这是新号，但还是获得了不少公众号的转发，借机也结识了很多业内大佬，在此感谢大家的抬爱！ 同时也有不少号主问我的文章排版是用的哪个网站，我的回答是：自己做的网站！ 没错，这就是本文的主角 —— 公众号 Markdown 编辑器 这是我基于一位大佬 @Lyric 开发的项目，进行 Fork 后的二次开发，因为原项目已经几个月没更新，
1、Vue的动态组件为component，有一个is属性，通过控制is属性来完成组件的动态切换。组件切换时，被切走的组件被销毁，状态无法保存。可以结合KeepAlive，实现状态的保存。 <template> <button @click="()=>isTab1 = !isTab1">切换组件</button> <keep-ali
1 getAllInfo: [[{iP: '3', domain: '环境', attribute: '0',name:'服务器名'}]] 1 for (let i = 0; i < _this.getAllInfo.length; i++) { 2 for (let j = 0; j < _this.getAllInfo[i].
前言 需求: 当用户关闭浏览器或者标签页的时候,自动退出系统 beforeunload_event: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/beforeunload_event unload_event: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/unl
一、后端工作 1、创建数据库 数据库名shop_v1.0，字符集utf8，排序规则utf8_general_ci，执行脚本。 CREATE TABLE `t_user` ( `id` bigint NOT NULL AUTO_INCREMENT, `username` varchar(64) NOT NULL COMMENT '用户名', `password` varchar(128
前面章节，我们实现了父子组件之间的数据传递。大多数时候，我们以组件形式来构建页面的区块，会涉及到组件嵌套的问题，一层套一层。这种情况，很大概率需要将祖先的数据，传递给子孙后代去使用。我们当然可以使用父传子的方式，使用属性一级级往下传，但这样真得很麻烦。所以在Vue和Blazor都提供了祖孙传值的方案。 插个话题：有人会问，子传父是不是也可以一级级往上传？当然可以，但你绝不要这么去做。子传父就已经
Blazor和Vue，都可以渲染包含原生HTML标签的变量，但因为安全原因，均不推荐这么做 1、Vue中使用v-html指令： <template> <span v-html="htmlString"></span></template> <script setup>import {ref} from 'vue'const htmlS
一，安装微信分享用到库: liuhongdi@lhdpc:/data/vue/guotou$ npm i weixin-js-sdk --save added 1 package in 3s liuhongdi@lhdpc:/data/vue/guotou$ npm i --save axios added 5 packages in 6s 说明：刘宏缔的架构森林是一个专注
四，查看vue和vueuse的版本 liuhongdi@lhdpc:/data/vue/lazy$ npm list vue lazy@0.1.0 /data/vue/lazy ├─┬ @vue/cli-plugin-babel@4.5.15 │ └─┬ @vue/babel-preset-app@4.5.15 │ └── vue@3.2.22 deduped ├─┬ @vueuse/c
Chrome console.clear All In One 清除 console.log if(console.clear) { console.log('✅ console.clear', console.clear); console.clear(); console.log('✅ console.clear', cons
这章我们来学习，现代前端框架中最精彩的一部分，双向绑定。除了掌握原生HTML标签的双向绑定使用，我们还要在一个自定义的组件上，手撸实现双向绑定。双向绑定，是前两章知识点的一个综合运用（父传子、子传父），但因为又多了一层抽象，有一点小难度，需要一点时间和练习来熟悉套路，但必须要越过去。此后，基础部分就是一马平川了。此章我们分为以下几个部分来一起学习： 补充：HTML标签和组件 HTML标签的双向绑
前言 用过VueRouter路由组件的应该都知道，VueRouter有hash和history两种模式。hash模式会在url中插入#，history模式下url则看上去更加简洁美观。如果想要支持history模式则必须要后端服务进行配合。 常用后端服务器配置方式请参考 后端配置例子 后端配置例子 注意：下列示例假设你在根目录服务这个应用。如果想部署到一个子目录，你需要使用 Vue CLI 的
Blazor和Vue的组件事件，都使用事件订阅者模式。相对于上一章的组件属性，需要多绕一个弯，无论Blazor还是Vue，都是入门的第一个难点。要突破这个难点，一是要熟悉事件订阅模式<其实不难>；二是多练几次、熟悉套路。接下面，我们开始学习以下几个知识点 事件订阅模式 使用事件订阅模式实现子传父 子传父参数详解 事件定义的校验 Vue中使用模板，定义和触发事件的方法 Blazor中委