- 一.话不多，先看效果： 这个效果是我在b站看到一个up写的，感觉拟态化微立体效果很简约却又有种优雅的感觉。😉而优雅又怎么能缺了我， <(￣︶￣)> ，所以话不多说，自己马上也整了一个，实现并不难，超详细的制作过程如下（最后附上完整代码）： 二.超级详细的制作过程：1.首先自然是定义html标签（先别理标签里的vue语法），我定义一个父盒子.calculator，然后定义一个span标签放... 一.话不多，先看效果： 这个效果是我在b站看到一个up写的，感觉拟态化微立体效果很简约却又有种优雅的感觉。😉而优雅又怎么能缺了我， <(￣︶￣)> ，所以话不多说，自己马上也整了一个，实现并不难，超详细的制作过程如下（最后附上完整代码）： 二.超级详细的制作过程：1.首先自然是定义html标签（先别理标签里的vue语法），我定义一个父盒子.calculator，然后定义一个span标签放...
- 原文地址：使用Vue+DataV+Echarts打造新冠肺炎疫情数据大屏(可动态刷新) 源码查看：https://blog.lanweihong.com/posts/29267/ 效果图 演示仅适配 1080P 屏幕，使用浏览器访问后按 F11 进入全屏可看最佳显示效果。疫情真实数据演示地址：演示地址-真实数据模拟数据演示地址：演示地址-模拟数据 前端框架和类库Vue.jsApache EC... 原文地址：使用Vue+DataV+Echarts打造新冠肺炎疫情数据大屏(可动态刷新) 源码查看：https://blog.lanweihong.com/posts/29267/ 效果图 演示仅适配 1080P 屏幕，使用浏览器访问后按 F11 进入全屏可看最佳显示效果。疫情真实数据演示地址：演示地址-真实数据模拟数据演示地址：演示地址-模拟数据 前端框架和类库Vue.jsApache EC...
- 简介vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器；比起sublime，vscode颜值更高，安装配置插... 简介vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器；比起sublime，vscode颜值更高，安装配置插...
- 一.速识概念： 我们把一个对象从生成（new）到被销毁（destory）的过程，称为生命周期。而生命周期函数，就是在某个时刻会自动执行的函数。 按照官方的原话，就是每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自... 一.速识概念： 我们把一个对象从生成（new）到被销毁（destory）的过程，称为生命周期。而生命周期函数，就是在某个时刻会自动执行的函数。 按照官方的原话，就是每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自...
- 一.话不多，先看效果：[video(video-v6eaxvZa-1622189951028)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=803297479)(image-https://ss.csdn.net/p?http://i0.hdslb.com/bfs/archive/7a95e3baf556cb... 一.话不多，先看效果：[video(video-v6eaxvZa-1622189951028)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=803297479)(image-https://ss.csdn.net/p?http://i0.hdslb.com/bfs/archive/7a95e3baf556cb...
- 1.Vue路由的定义Vue路由也就是Vue Router，是Vue的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌，而路由实际上可以理解为路由跳转，就是在浏览器上任意页面上点击按钮或者链接，跳转到另外一个对应的页面。2.Vue路由的组成Vue路由主要是由route，routes，router组成，其中route代表单个路由，routes代表多个路由的集合，而ro... 1.Vue路由的定义Vue路由也就是Vue Router，是Vue的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌，而路由实际上可以理解为路由跳转，就是在浏览器上任意页面上点击按钮或者链接，跳转到另外一个对应的页面。2.Vue路由的组成Vue路由主要是由route，routes，router组成，其中route代表单个路由，routes代表多个路由的集合，而ro...
- uni-app/vue 引入 Animate.css （好看且实用的动画库） uni-app/vue 引入 Animate.css （好看且实用的动画库）
- 应用场景将之前已经有的 H5 应用接入钉钉内，无需输入账号密码便可直接登录。 准备工作 开发流程 项目修改 项目情况 接入步骤 依赖安装 获取微应用免登授权码方法封装 应用入口页面修改 对接感受 参考资料 准备工作1.注册钉钉(废话)2.负责开发的相关人员申请成为钉钉子管理员(找公司内的超管申请)注意需要管理员赋予必要的权限，例如：开发应用的数据权限开发者权限工作台管理应用中心管理3.登录钉... 应用场景将之前已经有的 H5 应用接入钉钉内，无需输入账号密码便可直接登录。 准备工作 开发流程 项目修改 项目情况 接入步骤 依赖安装 获取微应用免登授权码方法封装 应用入口页面修改 对接感受 参考资料 准备工作1.注册钉钉(废话)2.负责开发的相关人员申请成为钉钉子管理员(找公司内的超管申请)注意需要管理员赋予必要的权限，例如：开发应用的数据权限开发者权限工作台管理应用中心管理3.登录钉...
- 在vue项目开发过程中，使用axios请求后台时，后台无法获取前端传参数据。qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 1、安装npm install qs 2、在组件中应用import qs from 'qs'或定义为全局组件：//在main.js引入qs import qs from 'qs' //配全局属性配置，在任意组件内可以使用this.$qs获取qs对... 在vue项目开发过程中，使用axios请求后台时，后台无法获取前端传参数据。qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 1、安装npm install qs 2、在组件中应用import qs from 'qs'或定义为全局组件：//在main.js引入qs import qs from 'qs' //配全局属性配置，在任意组件内可以使用this.$qs获取qs对...
- 前言CodeMirror支持在线编辑代码，风格包括js, java, php, c++等等100多种语言。能够做到代码自动补全，代码折叠，可配置键盘事件，支持vim， emacs， sublime text 编码风格、能完成查找替换，括号匹配，分栏显示，显示行号，自行配置字体大小和风格等。 应用下载codemirrornpm install vue-codemirror --savemai... 前言CodeMirror支持在线编辑代码，风格包括js, java, php, c++等等100多种语言。能够做到代码自动补全，代码折叠，可配置键盘事件，支持vim， emacs， sublime text 编码风格、能完成查找替换，括号匹配，分栏显示，显示行号，自行配置字体大小和风格等。 应用下载codemirrornpm install vue-codemirror --savemai...
- 概念：一套用于构建用户界面的渐进式框架，可以自底向上逐层应用。Vue是数据驱动的框架，采用MVVM架构，核心库只关注视图层，视图与数据状态保持同步。Vue的核心是一个响应式的数据绑定系统。Vue的特点：轻量，学习成本低，性能优越，生态良好。生命周期流程：开始创建–初始化数据–编译模板–挂载Dom→渲染–更新→渲染–销毁。 Vuex的五个核心概念：state, getters, mutatio... 概念：一套用于构建用户界面的渐进式框架，可以自底向上逐层应用。Vue是数据驱动的框架，采用MVVM架构，核心库只关注视图层，视图与数据状态保持同步。Vue的核心是一个响应式的数据绑定系统。Vue的特点：轻量，学习成本低，性能优越，生态良好。生命周期流程：开始创建–初始化数据–编译模板–挂载Dom→渲染–更新→渲染–销毁。 Vuex的五个核心概念：state, getters, mutatio...
- uniCloud基础入门(一)---服务空间创建以及部署一个云函数 uniCloud基础入门(一)---服务空间创建以及部署一个云函数
- 单条件筛选单个的not写法：/*选中非段落元素*/:not(p){ }在前端项目开发过程中，如果希望某个样式不作用到选择器上，可以使用:not(选择器），如：<input type="text" value="1" /><input type="text" value="2" /><input type="text" class="no-red" value="3"/>input[type... 单条件筛选单个的not写法：/*选中非段落元素*/:not(p){ }在前端项目开发过程中，如果希望某个样式不作用到选择器上，可以使用:not(选择器），如：<input type="text" value="1" /><input type="text" value="2" /><input type="text" class="no-red" value="3"/>input[type...
- Vue项目中使用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader：# Sassnpm install -D sass-loader node-sass# L... Vue项目中使用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader：# Sassnpm install -D sass-loader node-sass# L...
- 前端项目开发一段时间后，会思考如何提升用户体验，如何布局前端页面，如何合理搭配页面色彩。本篇博文主要讲解如何通过色彩合理搭配提升用户体验。 一、基础理论 1、色彩搭配原则是什么？色彩怎么搭配都可以，看你是想要对比效果还是要统一效果。如果要对比效果，就取两种色相相差很大，或者明度相差很大，或者饱和度相差很大的颜色。如果要统一效果，就用相差不远的色彩进行配色。一般设计的时候背景用稍浅色，需要突出... 前端项目开发一段时间后，会思考如何提升用户体验，如何布局前端页面，如何合理搭配页面色彩。本篇博文主要讲解如何通过色彩合理搭配提升用户体验。 一、基础理论 1、色彩搭配原则是什么？色彩怎么搭配都可以，看你是想要对比效果还是要统一效果。如果要对比效果，就取两种色相相差很大，或者明度相差很大，或者饱和度相差很大的颜色。如果要统一效果，就用相差不远的色彩进行配色。一般设计的时候背景用稍浅色，需要突出...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签