vue.js3.x 使用vue3-count-to 组件(到可视区域才start数字滚动 vue@3.2.33)-编程思维

一,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

Blazor和Vue对比学习(基础1.7):传递UI片断,slot和RenderFragment-编程思维

组件开发模式,带来了复用、灵活、性能等优势,但也增加了组件之间数据传递的繁杂。不像传统的页面开发模式,一个ViewModel搞定整个页面数据。 组件之间的数据传递,是学习组件开发,必须要攻克的难关。这个章节,我们将一起学习如何将UI片断传递给子组件。子组件的UI片断,由父组件来提供,子组件接收到后直接渲染,这种场景的使用范围还是比较多的。我们之前对自定义组件的操作,一直都是在标签属性的位置,从来

【VUE学习笔记】VUE3入门-编程思维

快速开始 基础 创建 Vue 应用 模板语法 响应式基础 计算属性 类与样式绑定 条件渲染 列表渲染 事件处理 表单输入绑定 生命周期钩子 侦听器 模板 ref 组件基础 深入组件 组件注册 Props 组件事件 透传 attribute 插槽 依赖注入 异步组件 可重用性 可组合函数 自定义指令 插件 内置组件 Transition Tr

Markdown 直接转换公众号文章,不再为排版花时间-编程思维

上一篇「又一家数据公司被查,爬虫到底做错了什么?」反响强烈,虽然我这是新号,但还是获得了不少公众号的转发,借机也结识了很多业内大佬,在此感谢大家的抬爱! 同时也有不少号主问我的文章排版是用的哪个网站,我的回答是:自己做的网站! 没错,这就是本文的主角 —— 公众号 Markdown 编辑器 这是我基于一位大佬 @Lyric 开发的项目,进行 Fork 后的二次开发,因为原项目已经几个月没更新,

Blazor和Vue对比学习(基础1.6):祖孙传值,联级和注入-编程思维

前面章节,我们实现了父子组件之间的数据传递。大多数时候,我们以组件形式来构建页面的区块,会涉及到组件嵌套的问题,一层套一层。这种情况,很大概率需要将祖先的数据,传递给子孙后代去使用。我们当然可以使用父传子的方式,使用属性一级级往下传,但这样真得很麻烦。所以在Vue和Blazor都提供了祖孙传值的方案。 插个话题:有人会问,子传父是不是也可以一级级往上传?当然可以,但你绝不要这么去做。子传父就已经

vue.js3:分享到微信好友/朋友圈(卡片形式/图片文字形式)(vue@3.2.33 / weixin-js-sdk@1.6.0)-编程思维

一,安装微信分享用到库: 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.js 3.2.22:用useIntersectionObserver实现滑动到div可见时才运行css动画(@vueuse/core@7.0.3)-编程思维

四,查看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

Blazor和Vue对比学习(基础1.5):双向绑定-编程思维

这章我们来学习,现代前端框架中最精彩的一部分,双向绑定。除了掌握原生HTML标签的双向绑定使用,我们还要在一个自定义的组件上,手撸实现双向绑定。双向绑定,是前两章知识点的一个综合运用(父传子、子传父),但因为又多了一层抽象,有一点小难度,需要一点时间和练习来熟悉套路,但必须要越过去。此后,基础部分就是一马平川了。此章我们分为以下几个部分来一起学习: 补充:HTML标签和组件 HTML标签的双向绑

AspNetCore开源中间件-VueRouterHistory-编程思维

前言 用过VueRouter路由组件的应该都知道,VueRouter有hash和history两种模式。hash模式会在url中插入#,history模式下url则看上去更加简洁美观。如果想要支持history模式则必须要后端服务进行配合。 常用后端服务器配置方式请参考 后端配置例子 后端配置例子 注意:下列示例假设你在根目录服务这个应用。如果想部署到一个子目录,你需要使用 Vue CLI 的

Blazor和Vue对比学习(基础1.4):事件和子传父-编程思维

Blazor和Vue的组件事件,都使用事件订阅者模式。相对于上一章的组件属性,需要多绕一个弯,无论Blazor还是Vue,都是入门的第一个难点。要突破这个难点,一是要熟悉事件订阅模式<其实不难>;二是多练几次、熟悉套路。接下面,我们开始学习以下几个知识点 事件订阅模式 使用事件订阅模式实现子传父 子传父参数详解 事件定义的校验 Vue中使用模板,定义和触发事件的方法 Blazor中委