- 一.话不多,先看效果:[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、色彩搭配原则是什么?色彩怎么搭配都可以,看你是想要对比效果还是要统一效果。如果要对比效果,就取两种色相相差很大,或者明度相差很大,或者饱和度相差很大的颜色。如果要统一效果,就用相差不远的色彩进行配色。一般设计的时候背景用稍浅色,需要突出...
- ## 前言在项目实战过程中,需要为项目主页实现日程日历功能,主要包括日程的增删改查。在网上研究一番后,经过对比发现一款比较好用的良心插件`Fullcalendar`。`Fullcalendar`是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成:1.安装fullcalendar2.简易DEMO代码3.Template中FullCale... ## 前言在项目实战过程中,需要为项目主页实现日程日历功能,主要包括日程的增删改查。在网上研究一番后,经过对比发现一款比较好用的良心插件`Fullcalendar`。`Fullcalendar`是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成:1.安装fullcalendar2.简易DEMO代码3.Template中FullCale...
- VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”?以一个简单的 Vue 计数应用开始:new Vue({ // state data () { return { count: 0 } }, // view template: ` ... VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”?以一个简单的 Vue 计数应用开始:new Vue({ // state data () { return { count: 0 } }, // view template: ` ...
- SSR是什么?什么要用SSRSSR是 Server-Side Rendering(服务器端渲染)的缩写,简单的理解就是将原本在浏览器上渲染编译的组件、页面,现在通过服务器编译html字符串,发送到浏览器,最后将静态标记,混合为客户端上交互的应用程序。(1)解决SEO的问题当百度搜索引擎爬虫爬取的时候,通过URL产生对服务器的请求,服务器根据URL,相应页面,因此百度就获取到了我们的站点的数据... SSR是什么?什么要用SSRSSR是 Server-Side Rendering(服务器端渲染)的缩写,简单的理解就是将原本在浏览器上渲染编译的组件、页面,现在通过服务器编译html字符串,发送到浏览器,最后将静态标记,混合为客户端上交互的应用程序。(1)解决SEO的问题当百度搜索引擎爬虫爬取的时候,通过URL产生对服务器的请求,服务器根据URL,相应页面,因此百度就获取到了我们的站点的数据...
- 本章节主要简要介绍Vue内置指令、自定义指令、常见问题及解决方法等内容。5.1 内置指令Vue.js最为常用的指令为数据绑定指令:v-bind和事件绑定指令:v-bindVue.js为两个最为常用的指令提供了特别的缩写:v-bind缩写<!--完整语法--><a v-bind:href="url">测试</a><!--缩写--><a :href="url">测试</a>v-bind缩写<!-... 本章节主要简要介绍Vue内置指令、自定义指令、常见问题及解决方法等内容。5.1 内置指令Vue.js最为常用的指令为数据绑定指令:v-bind和事件绑定指令:v-bindVue.js为两个最为常用的指令提供了特别的缩写:v-bind缩写<!--完整语法--><a v-bind:href="url">测试</a><!--缩写--><a :href="url">测试</a>v-bind缩写<!-...
上滑加载中
推荐直播
-
算子工具性能优化新特性演示——MatMulLeakyRelu性能调优实操
2025/01/10 周五 15:30-17:30
MindStudio布道师
算子工具性能优化新特性演示——MatMulLeakyRelu性能调优实操
回顾中 -
用代码全方位驱动 OBS 存储
2025/01/14 周二 16:30-18:00
阿肯 华为云生态技术讲师
如何用代码驱动OBS?常用的数据管理,对象清理,多版本对象访问等应该如何编码?本期课程一一演示解答。
即将直播 -
GaussDB数据库开发
2025/01/15 周三 16:00-17:30
Steven 华为云学堂技术讲师
本期直播将带你了解GaussDB数据库开发相关知识,并通过实验指导大家利用java基于JDBC的方式来完成GaussD数据库基础操作。
去报名
热门标签