- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。 手动引入前面的文章中我们介绍过Varlet组件库的打包流程，最后会打包成几种格式，其中module和commonjs格式都不会把所有组件的代码打... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。 手动引入前面的文章中我们介绍过Varlet组件库的打包流程，最后会打包成几种格式，其中module和commonjs格式都不会把所有组件的代码打...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第五篇，读完本文你可以了解到如何通过编写一个Vite插件来支持使用md文件直接作为路由组件。之前文档站点的搭建里我们介绍了路由的动态生成逻辑，其中说到了文档是使用Markdown格式编写的，并且还直接在路由文件里使用md文件作为路由组件：路由就是路径到组件的映... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第五篇，读完本文你可以了解到如何通过编写一个Vite插件来支持使用md文件直接作为路由组件。之前文档站点的搭建里我们介绍了路由的动态生成逻辑，其中说到了文档是使用Markdown格式编写的，并且还直接在路由文件里使用md文件作为路由组件：路由就是路径到组件的映...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第四篇，读完本篇，可以了解到如何使用Vite的Api接口来启动服务、如何动态生成多语言的页面路由。Varlet的文档网站其实就是一个Vue项目，整体分成两个单独的页面：文档页面及手机预览页面。网站源代码文件默认是放在varlet-cli目录下，也就是脚手架的包... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第四篇，读完本篇，可以了解到如何使用Vite的Api接口来启动服务、如何动态生成多语言的页面路由。Varlet的文档网站其实就是一个Vue项目，整体分成两个单独的页面：文档页面及手机预览页面。网站源代码文件默认是放在varlet-cli目录下，也就是脚手架的包...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第一篇Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。不同的组件库架构肯定有所不同，不过大体思路应该都差不多，笔者在众多组件库中挑选了Varlet 来进行剖析，V... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第一篇Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。不同的组件库架构肯定有所不同，不过大体思路应该都差不多，笔者在众多组件库中挑选了Varlet 来进行剖析，V...
- 1 分析根据华为网页的布局，我们大体上可以将其划分为7个盒子，如下，由于写一个这样的网页再加上部分动态效果，需要的时间很长，本篇博客只记录了div1、div2、div3的静态效果+轮播图的实现。 2 顶部盒子的实现想要实现的正是最上部那个黑色的圆框 2.1 思路我的思路很简单，用四个盒子，其中最大的盒子也就是整个黑色框，大盒子里面包裹着小盒子，每个小盒子对应一个字段（集团网站、选择区域/语... 1 分析根据华为网页的布局，我们大体上可以将其划分为7个盒子，如下，由于写一个这样的网页再加上部分动态效果，需要的时间很长，本篇博客只记录了div1、div2、div3的静态效果+轮播图的实现。 2 顶部盒子的实现想要实现的正是最上部那个黑色的圆框 2.1 思路我的思路很简单，用四个盒子，其中最大的盒子也就是整个黑色框，大盒子里面包裹着小盒子，每个小盒子对应一个字段（集团网站、选择区域/语...
- 在一般项目中这个问题不会出现，但是在二般项目中还是会出现类似问题，就比如：医院项目中，表单接口是：http://192.168.2.1:900而有一个登录接口，后台请求地址是http://192.168.2.2:900这种情况下怎么办呢？虽然有的伙伴说，老师，你说的这个问题一般在我这里碰不到的，毕竟我们就一个服务器。话虽没错。线上一个服务器，那如果说这是在内网环境下部署呢，就比如医院项目中，... 在一般项目中这个问题不会出现，但是在二般项目中还是会出现类似问题，就比如：医院项目中，表单接口是：http://192.168.2.1:900而有一个登录接口，后台请求地址是http://192.168.2.2:900这种情况下怎么办呢？虽然有的伙伴说，老师，你说的这个问题一般在我这里碰不到的，毕竟我们就一个服务器。话虽没错。线上一个服务器，那如果说这是在内网环境下部署呢，就比如医院项目中，...
- 博主传送门： 叶秋学长博主简介： 全栈领域新星创作者推荐专栏：阿里巴巴最新面试题秋招面试题Vue讲解Spring系列Spring Boot 系列云原生系列（付费专栏）今天叶秋学长带领大家继续学习vue讲解系列专栏的Vuex~~编辑目录今天叶秋学长带领大家继续学习vue讲解系列专栏的Vuex~~一、Vuex的使用二、多页面的状态管理一、... 博主传送门： 叶秋学长博主简介： 全栈领域新星创作者推荐专栏：阿里巴巴最新面试题秋招面试题Vue讲解Spring系列Spring Boot 系列云原生系列（付费专栏）今天叶秋学长带领大家继续学习vue讲解系列专栏的Vuex~~编辑目录今天叶秋学长带领大家继续学习vue讲解系列专栏的Vuex~~一、Vuex的使用二、多页面的状态管理一、...
- 博主传送门： 叶秋学长博主简介：全栈领域新星创作者，新星计划第三季人工智能赛道TOP2；阿里云技术博主；退役复学在校大学生，全栈JAVA领域创作者，目光所至，皆为华夏系列专栏跳转：Vue讲解Spring系列Spring Boot 系列云原生系列（付费专栏）今天叶秋学长带领大家继续学习vue讲解系列专栏~~目录一、 axios发送并发请求 二、axios实例 三、axios封装一、 ax... 博主传送门： 叶秋学长博主简介：全栈领域新星创作者，新星计划第三季人工智能赛道TOP2；阿里云技术博主；退役复学在校大学生，全栈JAVA领域创作者，目光所至，皆为华夏系列专栏跳转：Vue讲解Spring系列Spring Boot 系列云原生系列（付费专栏）今天叶秋学长带领大家继续学习vue讲解系列专栏~~目录一、 axios发送并发请求 二、axios实例 三、axios封装一、 ax...
- 前一段时间，尤大发布了Vite3.0，以及更新了Vite的官方文档，今天叶秋学长带领大家一起学习Vite3.0新特性一览，以下是Vite的官方文档图示：编辑进入首页反正给我的感觉就是很惊艳。这篇文档就来简单的介绍一下Vite3.0都有哪些新东西，别被卷的不成样子。目录一、模板的变更二、Vite CLI的优化三、import.meta.glob API的变化四、其他内容Vite3.0还... 前一段时间，尤大发布了Vite3.0，以及更新了Vite的官方文档，今天叶秋学长带领大家一起学习Vite3.0新特性一览，以下是Vite的官方文档图示：编辑进入首页反正给我的感觉就是很惊艳。这篇文档就来简单的介绍一下Vite3.0都有哪些新东西，别被卷的不成样子。目录一、模板的变更二、Vite CLI的优化三、import.meta.glob API的变化四、其他内容Vite3.0还...
- 作者是名退役复学在校大学生，对jdk、spring、springboot、springcloud、mybatis等开源框架源码有一定研究，欢迎关注，和我一起交流。一、为什么需要组件?一个页面逻辑很多,放在一起不利于管理,不利于开发,将一个页面分割成小小的功能块vue组件化应用:任何应用都是一颗组件树1.创建组件const cpn = Vue.extend({}):创建一个组件构造器temp... 作者是名退役复学在校大学生，对jdk、spring、springboot、springcloud、mybatis等开源框架源码有一定研究，欢迎关注，和我一起交流。一、为什么需要组件?一个页面逻辑很多,放在一起不利于管理,不利于开发,将一个页面分割成小小的功能块vue组件化应用:任何应用都是一颗组件树1.创建组件const cpn = Vue.extend({}):创建一个组件构造器temp...
- 一、绑定事件1.使用v-on绑定格式v-on:事件类型 = "函数名"简写@事件类型 = "函数名"2.参数问题没有参数,省略小扩号绑定函数默认有一个事件对象,写$event当参数3.事件修饰符(1)阻止事件冒泡:@事件类型.stop事件中调用event.stopPropagation()(2)阻止默认事件：@事件类型.prevent事件中调用event.preventDefault()(... 一、绑定事件1.使用v-on绑定格式v-on:事件类型 = "函数名"简写@事件类型 = "函数名"2.参数问题没有参数,省略小扩号绑定函数默认有一个事件对象,写$event当参数3.事件修饰符(1)阻止事件冒泡:@事件类型.stop事件中调用event.stopPropagation()(2)阻止默认事件：@事件类型.prevent事件中调用event.preventDefault()(...
- 1.路由嵌套案例：比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容. 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件.1.创建三个组件2.配置路由index.js可以看到主要嵌套的实现，是在原有的首页的path配置下，添加属性children，然后配置被嵌套的组件以及路径//配置路由相关的信息import VueRouter fr... 1.路由嵌套案例：比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容. 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件.1.创建三个组件2.配置路由index.js可以看到主要嵌套的实现，是在原有的首页的path配置下，添加属性children，然后配置被嵌套的组件以及路径//配置路由相关的信息import VueRouter fr...
- 1.Vuex是干什么的？本质：多个界面一起管理某些数据它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。有什么状态时需要我们在多个组件间共享的呢？如果你做过大型开放，你一定遇到过多个... 1.Vuex是干什么的？本质：多个界面一起管理某些数据它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。有什么状态时需要我们在多个组件间共享的呢？如果你做过大型开放，你一定遇到过多个...
- 1.选择什么网络模块？传统的ajax配置和调用方式等非常混乱. 编码起来看起来就非常蛋疼. 所以真实开发中很少直接使用, 而是使用jQuery-Ajaxjquery的ajax相对于传统的Ajax非常好用. 为什么不选择它呢? 首先, 我们先明确一点: 在Vue的整个开发中都是不需要使用jQuery了. 那么, 就意味着为了方便我们进行一个网络请求, 特意引用一个jQuery, 不合理Vue... 1.选择什么网络模块？传统的ajax配置和调用方式等非常混乱. 编码起来看起来就非常蛋疼. 所以真实开发中很少直接使用, 而是使用jQuery-Ajaxjquery的ajax相对于传统的Ajax非常好用. 为什么不选择它呢? 首先, 我们先明确一点: 在Vue的整个开发中都是不需要使用jQuery了. 那么, 就意味着为了方便我们进行一个网络请求, 特意引用一个jQuery, 不合理Vue...
- 1.什么是路由？路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动.发展历程：1.后端路由：一个页面有自己对应的网址, 也就是URL.URL会发送到服务器, 服务器会通过正则对该URL进行匹配, 并且最后交给一个Controller进行处理.Controller进行各种处理, 最终生成HTML或者数据, 返回给前端. 这就完成了一个IO操作2.前后端分离:随着Aja... 1.什么是路由？路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动.发展历程：1.后端路由：一个页面有自己对应的网址, 也就是URL.URL会发送到服务器, 服务器会通过正则对该URL进行匹配, 并且最后交给一个Controller进行处理.Controller进行各种处理, 最终生成HTML或者数据, 返回给前端. 这就完成了一个IO操作2.前后端分离:随着Aja...
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授，硕士研究生导师，开放原子教育银牌认证讲师
科技浪潮中，鸿蒙生态强势崛起，OpenHarmony开启智能终端无限可能。当下，其原生应用开发适配潜力巨大，终端设备已广泛融入生活各场景，从家居到办公、穿戴至车载。 现在，机会敲门！我们的直播聚焦OpenHarmony关键的网络数据请求与解析，抛开晦涩理论，用真实案例带你掌握数据访问接口，轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播，为开发鸿蒙App夯实基础，抢占科技新高地，别错过！
回顾中 -
Ascend C高层API设计原理与实现系列2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例，讲解开箱即用的Ascend C高层API
回顾中
热门标签