- 调试阅读源码最好的方式还是通过调试，否则很容易在源码里迷失方向，本文提供了一种方便的方式来调试：git clone https://github.com/wanglin2/learn_vue_2.6.0.gitcd learn_vue_2.6.0npx http-server -e js -c-1然后访问：http://【你的ip:端口】/examples/index.html即可打开测试... 调试阅读源码最好的方式还是通过调试，否则很容易在源码里迷失方向，本文提供了一种方便的方式来调试：git clone https://github.com/wanglin2/learn_vue_2.6.0.gitcd learn_vue_2.6.0npx http-server -e js -c-1然后访问：http://【你的ip:端口】/examples/index.html即可打开测试...
- 相比Vue2，Vue3的官方文档中新增了一个在线Playground：打开是这样的：相当于让你可以在线编写和运行Vue单文件组件，当然这个东西也是开源的，并且发布为了一个npm包，本身是作为一个Vue组件，所以可以轻松在你的Vue项目中使用：<script setup>import { Repl } from '@vue/repl'import '@vue/repl/style.css'</... 相比Vue2，Vue3的官方文档中新增了一个在线Playground：打开是这样的：相当于让你可以在线编写和运行Vue单文件组件，当然这个东西也是开源的，并且发布为了一个npm包，本身是作为一个Vue组件，所以可以轻松在你的Vue项目中使用：<script setup>import { Repl } from '@vue/repl'import '@vue/repl/style.css'</...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第二篇，读完本篇，你可以了解到如何将一个Vue3组件库打包成各种格式上一篇里提到了启动服务前会先进行一下组件库的打包，运行的命令为：varlet-cli compile显然是varlet-cli包提供的一个命令：处理函数为compile，接下来我们详细看一下这... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第二篇，读完本篇，你可以了解到如何将一个Vue3组件库打包成各种格式上一篇里提到了启动服务前会先进行一下组件库的打包，运行的命令为：varlet-cli compile显然是varlet-cli包提供的一个命令：处理函数为compile，接下来我们详细看一下这...
- ==Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。== 我们之前也学习过后端的框架 `Mybatis` ，`Mybatis` 是用来简化 `jdbc` 代码编写的；而 `VUE` 是前端的框架，是用来简化 `JavaScript` 代码编写的。前一天我们做了一个综合性的案例，里面进行了大量的DOM操作，如下 ==Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。== 我们之前也学习过后端的框架 `Mybatis` ，`Mybatis` 是用来简化 `jdbc` 代码编写的；而 `VUE` 是前端的框架，是用来简化 `JavaScript` 代码编写的。前一天我们做了一个综合性的案例，里面进行了大量的DOM操作，如下
- 1 什么是前后端分离前后端分离是目前互联网开发中比较广泛使用的开发模式，主要是将前端和后端的项目业务进行分离，可以做到更好的解耦合，前后端之间的交互通过xml或json的方式，前端主要做用户界面的渲染，后端主要负责业务逻辑和数据的处理。 2 Spring Boot后端搭建 2.1 Mapper层请参阅这篇文章https://blog.csdn.net/Mr_YanMingXin/artic... 1 什么是前后端分离前后端分离是目前互联网开发中比较广泛使用的开发模式，主要是将前端和后端的项目业务进行分离，可以做到更好的解耦合，前后端之间的交互通过xml或json的方式，前端主要做用户界面的渲染，后端主要负责业务逻辑和数据的处理。 2 Spring Boot后端搭建 2.1 Mapper层请参阅这篇文章https://blog.csdn.net/Mr_YanMingXin/artic...
- @TOC 前言前面一篇文章Vue开发历程—音乐播放器，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。 一、效果图 二、心路历程 1、elementUI 滑块的使用 <div class="block" style="margin-top:5px"> <el-slider v-model="value" @change="updateSlideTime()" ... @TOC 前言前面一篇文章Vue开发历程—音乐播放器，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。 一、效果图 二、心路历程 1、elementUI 滑块的使用 <div class="block" style="margin-top:5px"> <el-slider v-model="value" @change="updateSlideTime()" ...
- 大家好，我是CoderBin 前言面试官：“你说说Vue中的组件和插件有什么区别？”紧张的萌新：“vue组件是封装可复用的UI结构，插件好像是用vue.use()…”面试官：“…”······又来到了面试官系列，这次将带大家回顾一下Vue中的组件与插件的相关内容，帮助同学们在面试中更加游刃有余，希望对大家有所帮助，谢谢。如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 一、组件概念回顾以... 大家好，我是CoderBin 前言面试官：“你说说Vue中的组件和插件有什么区别？”紧张的萌新：“vue组件是封装可复用的UI结构，插件好像是用vue.use()…”面试官：“…”······又来到了面试官系列，这次将带大家回顾一下Vue中的组件与插件的相关内容，帮助同学们在面试中更加游刃有余，希望对大家有所帮助，谢谢。如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 一、组件概念回顾以...
- vue快速入门---高速版 vue快速入门---高速版
- @TOC 1.认识webpackwebpack是一个现代的JavaScript应用的静态模块打包工具1.模块化在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。而且不仅仅是Ja... @TOC 1.认识webpackwebpack是一个现代的JavaScript应用的静态模块打包工具1.模块化在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。而且不仅仅是Ja...
- ESLint配置ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。借助 ESLint，可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中，及早发现并协助修复代码中：有语法错误的部分不符合约定的样式准则的部分不符合约定的最佳实践的部分在项目开发中获得如下收益：在执行代码之前发现并修复语... ESLint配置ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。借助 ESLint，可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中，及早发现并协助修复代码中：有语法错误的部分不符合约定的样式准则的部分不符合约定的最佳实践的部分在项目开发中获得如下收益：在执行代码之前发现并修复语...
- 文章目录一、路由的基本概念：1. 路由：2. 后端路由:2.1 后端路由的概念与本质:2.2 SPA(single page application):3. 前端路由:3.1 概念与本质:二、vue-router的基本使用：1. vue-router介绍：2.vue router包含的功能有:3. 基本使用:3.1 步骤:3.2 引入相关的库文件:3.3 添加路由链接:3.4 添加路由填充位... 文章目录一、路由的基本概念：1. 路由：2. 后端路由:2.1 后端路由的概念与本质:2.2 SPA(single page application):3. 前端路由:3.1 概念与本质:二、vue-router的基本使用：1. vue-router介绍：2.vue router包含的功能有:3. 基本使用:3.1 步骤:3.2 引入相关的库文件:3.3 添加路由链接:3.4 添加路由填充位...
- 表格CRUD实现（45min）首先我们修改一下layout第二行：(使用router-link替换原来的span，为方便后续拓展更多的子菜单，渲染为列表)<!-- 第二行 --> <div class="d-flex jc-between px-2"> <div class="d-flex aside-width"> <di... 表格CRUD实现（45min）首先我们修改一下layout第二行：(使用router-link替换原来的span，为方便后续拓展更多的子菜单，渲染为列表)<!-- 第二行 --> <div class="d-flex jc-between px-2"> <div class="d-flex aside-width"> <di...
- 前言:blush:你好，我是小航，一个正在变秃、变强的文艺倾年。:bell:本专栏【仗剑天涯】每晚11:30-12:30更新，欢迎大家多多关注 需求分析（3min）序号类型名称描述1基本功能部门管理l 管理员可以维护部门信息 l 部门可以只有一级层次结构2基本功能员工信息l 管理员录入员工信息(工号、姓名、性别、出生日期、籍贯、学历、毕业院校、专业等) l 管理员指定员工所属的部门3基... 前言:blush:你好，我是小航，一个正在变秃、变强的文艺倾年。:bell:本专栏【仗剑天涯】每晚11:30-12:30更新，欢迎大家多多关注 需求分析（3min）序号类型名称描述1基本功能部门管理l 管理员可以维护部门信息 l 部门可以只有一级层次结构2基本功能员工信息l 管理员录入员工信息(工号、姓名、性别、出生日期、籍贯、学历、毕业院校、专业等) l 管理员指定员工所属的部门3基...
- 前言介绍： 在Internet高速发展的今天，计算机的应用几乎完全覆盖我们生活的各个领域，互联网在经济，生活等方面有着举足轻重的地位，成为人们资源共享，信息快速传递的重要渠道。在中国，网上管理的兴起也同时飞速发展着。为了适应现代人类强烈的时间观念，对于网上图书商城传统管理方式的缺点，互联网的出现打破了这种局限性，给了广大用户更大的选择空间，促进了网上图书商城管理，有效的避免了网上图... 前言介绍： 在Internet高速发展的今天，计算机的应用几乎完全覆盖我们生活的各个领域，互联网在经济，生活等方面有着举足轻重的地位，成为人们资源共享，信息快速传递的重要渠道。在中国，网上管理的兴起也同时飞速发展着。为了适应现代人类强烈的时间观念，对于网上图书商城传统管理方式的缺点，互联网的出现打破了这种局限性，给了广大用户更大的选择空间，促进了网上图书商城管理，有效的避免了网上图...
- 前言介绍： 随着现代网络技术发展，对于婚纱摄影网的设计现在正处于网络发展的阶段，所以对它的要求也是比较严格的，要从这个系统的功能和用户实际需求来进行对系统制定开发的发展方式，依靠网络技术的的快速发展和现代通讯技术的结合为用户带来方便，可以方便管理员网上管理，婚纱摄影网的设计信息，还可以通过这些技术实现发布婚纱摄影网的设计等过程。当今社会互联网急速发展，网络管理系统也在国内爆炸式的发展起来... 前言介绍： 随着现代网络技术发展，对于婚纱摄影网的设计现在正处于网络发展的阶段，所以对它的要求也是比较严格的，要从这个系统的功能和用户实际需求来进行对系统制定开发的发展方式，依靠网络技术的的快速发展和现代通讯技术的结合为用户带来方便，可以方便管理员网上管理，婚纱摄影网的设计信息，还可以通过这些技术实现发布婚纱摄影网的设计等过程。当今社会互联网急速发展，网络管理系统也在国内爆炸式的发展起来...
上滑加载中
推荐直播
-
Ascend C算子编程之旅：基础入门篇2024/11/22 周五 16:00-17:30
莫老师 昇腾CANN专家
介绍Ascend C算子基本概念、异构计算架构CANN和Ascend C基本概述，以及Ascend C快速入门，夯实Ascend C算子编程基础
回顾中 -
深入解析：华为全栈AI解决方案与云智能开放能力2024/11/22 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播我们将重点为大家介绍华为全栈全场景AI解决方案以和华为云企业智能AI开放能力。旨在帮助开发者深入理解华为AI解决方案，并能够更加熟练地运用这些技术。通过洞悉华为解决方案，了解人工智能完整生态链条的构造。
回顾中 -
华为云DataArts+DWS助力企业数据治理一站式解决方案及应用实践2024/11/27 周三 16:30-18:00
Walter.chi 华为云数据治理DTSE技术布道师
想知道数据治理项目中，数据主题域如何合理划分？数据标准及主数据标准如何制定？数仓分层模型如何合理规划？华为云DataArts+DWS助力企业数据治理项目一站式解决方案和应用实践告诉您答案！本期将从数据趋势、数据治理方案、数据治理规划及落地，案例分享四个方面来助力企业数据治理项目合理咨询规划及顺利实施。
去报名
热门标签