- 大家好，我是雄雄。 前言我们在分享公众号信息到微信或者群中的时候，会出现一个小卡片，如下所示：但是呢，这种小卡片只能走微信的接口来实现，比如我们从公众号、小程序中分享的内容可以是这样的。如果我们将自己的博客分享到微信的话，只会出现个链接。那么，试问一下你，分享出来个这样的链接，你会去点吗？会不会以为这就是个钓鱼链接。今天，我们就来看看，如何将我们自己的站，搞一个和微信一样的分享卡片出来。 准... 大家好，我是雄雄。 前言我们在分享公众号信息到微信或者群中的时候，会出现一个小卡片，如下所示：但是呢，这种小卡片只能走微信的接口来实现，比如我们从公众号、小程序中分享的内容可以是这样的。如果我们将自己的博客分享到微信的话，只会出现个链接。那么，试问一下你，分享出来个这样的链接，你会去点吗？会不会以为这就是个钓鱼链接。今天，我们就来看看，如何将我们自己的站，搞一个和微信一样的分享卡片出来。 准...
- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比...
- 🎶 文章简介：木字楠后台管理系统开发(3)：Vue项目初始化并引入基础依赖💡 创作目的：为了带大家完整的体验木字楠后台管理系统模版的开发流程☀️ 今日天气：温度骤降，差点给爷送走。📝 每日一言：比起担心会后悔而什么都不做，还不如做完了再去后悔。 🌍 1、新建一个Vue项目本文默认大家已经安装nodejs 🌎 1-1、使用npm安装Vue脚手架我们打开控制台 / Cmd，... 🎶 文章简介：木字楠后台管理系统开发(3)：Vue项目初始化并引入基础依赖💡 创作目的：为了带大家完整的体验木字楠后台管理系统模版的开发流程☀️ 今日天气：温度骤降，差点给爷送走。📝 每日一言：比起担心会后悔而什么都不做，还不如做完了再去后悔。 🌍 1、新建一个Vue项目本文默认大家已经安装nodejs 🌎 1-1、使用npm安装Vue脚手架我们打开控制台 / Cmd，...
- 假如你是团队的前端负责人，现在老板要拓展新业务，需要开发一个 Web 应用，让你来做技术选型，你之前用 Vue 比较多，对 Vue 比较熟悉，希望能在团队内部推行 Vue 技术栈，你会怎么跟老板说呢？ 假如你是团队的前端负责人，现在老板要拓展新业务，需要开发一个 Web 应用，让你来做技术选型，你之前用 Vue 比较多，对 Vue 比较熟悉，希望能在团队内部推行 Vue 技术栈，你会怎么跟老板说呢？
- 文章目录前言一、Mixin(混入数据)1.1、局部Mixin认识与基本使用1.2、全局Mixin定义(app.mixin({}))1.3、Mixmin自定义属性优先级(this.$options获取自定义属性)1.4、修改Mixin中属性的优先级(使用配置方法来修改策略)二、自定义指令(directive)引言2.1、局部与全局自定义指令2.2、自定义指令中生命周期函数的两个参数(el、bindi 文章目录前言一、Mixin(混入数据)1.1、局部Mixin认识与基本使用1.2、全局Mixin定义(app.mixin({}))1.3、Mixmin自定义属性优先级(this.$options获取自定义属性)1.4、修改Mixin中属性的优先级(使用配置方法来修改策略)二、自定义指令(directive)引言2.1、局部与全局自定义指令2.2、自定义指令中生命周期函数的两个参数(el、bindi
- 文章目录前言一、基础样式绑定1.1、基础样式绑定(v-bind:class)1.2、对象与数组形式控制样式二、进阶使用进阶一：子组件的样式绑定进阶二：行内样式编写（普通字符串形式与对象形式，推荐对象形式）三、transition标签使用(vue自带标签)3.1、基本使用(配合过渡或动画使用以及设置别名)3.2、自定义样式名3.3、过渡与动画同时使用时如何控制时间？(借助type属性)3.4、vue 文章目录前言一、基础样式绑定1.1、基础样式绑定(v-bind:class)1.2、对象与数组形式控制样式二、进阶使用进阶一：子组件的样式绑定进阶二：行内样式编写（普通字符串形式与对象形式，推荐对象形式）三、transition标签使用(vue自带标签)3.1、基本使用(配合过渡或动画使用以及设置别名)3.2、自定义样式名3.3、过渡与动画同时使用时如何控制时间？(借助type属性)3.4、vue
- 文章目录前言1、基础学习1.1、第一个vue：helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定 文章目录前言1、基础学习1.1、第一个vue：helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定
- 文章目录前言1、基础学习1.1、第一个vue：helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定 文章目录前言1、基础学习1.1、第一个vue：helloworld(template以及mount()使用)1.2、编写计数器(mounted应用)1.3、vue的绑定事件和事件方法(v-on:xxx以及methdos属性使用)1.4、显示隐藏套餐服务(v-if使用)1.5、vue列表与循环(v-for)1.6、动态添加指定值并显示在页面中(v-model绑定输入数据)1.7、组件化开发(初识自定
- 去年在工作室偶然听到其他工作室要做一个官网，接着趁着一时兴起然后也找了个模板来做了一个自己的官网以及一个后台管理系统，当时的后台系统只有一个登录、注册还有一个提交个人信息的页面，主要为了方便展示动态汇总团队成员。今年也正好趁毕业设计这个为主题继续进行了开发，耗时近一个月将后台管理系统进行了初步完善。该工作室系统主要面向校园工作室，可供个人及工作室团队学习使用。目前该项目包含前后台。所有博客文件目录 去年在工作室偶然听到其他工作室要做一个官网，接着趁着一时兴起然后也找了个模板来做了一个自己的官网以及一个后台管理系统，当时的后台系统只有一个登录、注册还有一个提交个人信息的页面，主要为了方便展示动态汇总团队成员。今年也正好趁毕业设计这个为主题继续进行了开发，耗时近一个月将后台管理系统进行了初步完善。该工作室系统主要面向校园工作室，可供个人及工作室团队学习使用。目前该项目包含前后台。所有博客文件目录
- 大家好，我是 CoderBin，本文将带着大家从零实现一个Mini-Vue系统。完成之后应该对vue整体的底层实现有一定的清晰，希望对你有所帮助，谢谢。 创作不易，你们的点赞收藏留言就是我最大的动力💓 如果文中有不对、疑惑的地方，欢迎各位小伙伴们在评论区留言指正🌻 大家好，我是 CoderBin，本文将带着大家从零实现一个Mini-Vue系统。完成之后应该对vue整体的底层实现有一定的清晰，希望对你有所帮助，谢谢。 创作不易，你们的点赞收藏留言就是我最大的动力💓 如果文中有不对、疑惑的地方，欢迎各位小伙伴们在评论区留言指正🌻
- 前言一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简单来说是通过修改预定义的scss变量的值来做到的，新体系下还做到了动态换肤，因为皮肤本质上是一种静态资源（CSS文件和字体文件），所以只需要约定一种方式来每次动态请求加载不同的文件就可以了，为了方便这一需求，还配套开... 前言一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简单来说是通过修改预定义的scss变量的值来做到的，新体系下还做到了动态换肤，因为皮肤本质上是一种静态资源（CSS文件和字体文件），所以只需要约定一种方式来每次动态请求加载不同的文件就可以了，为了方便这一需求，还配套开...
- 开头9月19号，万众期待的vue3.0如期而至，事实上很多人很早就已经体验过了，但是本人比较懒，再加上没有正式发布也不能在项目上使用，所以一直没去尝试，只在一些零星的文章上看到了它大概会有一些什么新功能，现在它的正式发布意味着已经推荐在新项目上使用它了，毕竟相对于2.0，它的优点还是非常明显的，虽然现在配套的一些工具还没完成，但是在一些小项目上使用应该没有什么问题。目前我还没有实际的去使用... 开头9月19号，万众期待的vue3.0如期而至，事实上很多人很早就已经体验过了，但是本人比较懒，再加上没有正式发布也不能在项目上使用，所以一直没去尝试，只在一些零星的文章上看到了它大概会有一些什么新功能，现在它的正式发布意味着已经推荐在新项目上使用它了，毕竟相对于2.0，它的优点还是非常明显的，虽然现在配套的一些工具还没完成，但是在一些小项目上使用应该没有什么问题。目前我还没有实际的去使用...
- 简介本文会从零开始配置一个monorepo类型的组件库，包括规范化配置、打包配置、组件库文档配置及开发一些提升效率的脚本等，monorepo不熟悉的话这里一句话介绍一下，就是在一个git仓库里包含多个独立发布的模块/包。ps.本文涉及到的工具配置其实在平时开发中一般都不需要自己配置，我们使用的各种脚手架都帮我们搞定了，但是我们至少得大概知道都是什么意思以及为什么，说来惭愧，笔者作为一个三四... 简介本文会从零开始配置一个monorepo类型的组件库，包括规范化配置、打包配置、组件库文档配置及开发一些提升效率的脚本等，monorepo不熟悉的话这里一句话介绍一下，就是在一个git仓库里包含多个独立发布的模块/包。ps.本文涉及到的工具配置其实在平时开发中一般都不需要自己配置，我们使用的各种脚手架都帮我们搞定了，但是我们至少得大概知道都是什么意思以及为什么，说来惭愧，笔者作为一个三四...
- 简介大家好，我是一个闲着没事热衷于重复造轮子的不知名前端，今天给大家带来的是一个代码在线编辑预览工具的实现介绍，目前这类工具使用很广泛，常见于各种文档网站及代码分享场景，相关工具也比较多，如codepen、jsrun、codesandbox、jsbin、plnkr、jsfiddle等，这些工具大体分两类，一类可以自由添加多个文件，比较像我们平常使用的编辑器，另一类固定只能单独编辑html、... 简介大家好，我是一个闲着没事热衷于重复造轮子的不知名前端，今天给大家带来的是一个代码在线编辑预览工具的实现介绍，目前这类工具使用很广泛，常见于各种文档网站及代码分享场景，相关工具也比较多，如codepen、jsrun、codesandbox、jsbin、plnkr、jsfiddle等，这些工具大体分两类，一类可以自由添加多个文件，比较像我们平常使用的编辑器，另一类固定只能单独编辑html、...
- 开头笔者之前的文章里介绍过一个代码在线编辑预览工具的实现（传送门：快速搭建一个代码在线编辑预览工具），实现了css、html、js的编辑，但是对于demo场景来说，vue单文件也是一个比较好的代码组织方式，至少笔者就经常在写vue项目的同时顺便写写各种demo，但是分享不太方便，因为单文件不能直接运行看效果，基于此，笔者决定在之前的基础上再增加一个vue单文件的编辑及预览功能。ps.如果没... 开头笔者之前的文章里介绍过一个代码在线编辑预览工具的实现（传送门：快速搭建一个代码在线编辑预览工具），实现了css、html、js的编辑，但是对于demo场景来说，vue单文件也是一个比较好的代码组织方式，至少笔者就经常在写vue项目的同时顺便写写各种demo，但是分享不太方便，因为单文件不能直接运行看效果，基于此，笔者决定在之前的基础上再增加一个vue单文件的编辑及预览功能。ps.如果没...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签