前端 终端 实战vue
vue04
接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环境是「单线程」 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务 ......
vue07进阶
Vue开始 什么是vue？ Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 下面是一个最基本的示例： impor ......
vue08进阶
Vue基础 一、创建一个Vue应用 1、应用实例 每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例： import { createApp } from 'vue'const app = createApp({ // 根组件选项}) 2、根组件 我们传入 createAp ......
vue09进阶
Vue组件 一、组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。Vue 同样也能很好地配 ......
vue10进阶
逻辑复用 一、组合式函数 https://cn.vuejs.org/guide/reusability/composables.html 没看因为没学组合式 1、什么是“组合式函数”？ 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和 ......
vue11进阶
内置组件 一、Transition Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。本章节会介绍如何使用它。 <TransitionGroup> 会在一个 v-for 列表中的元素或组件被插入，移动，或 ......
vue05_路由
今日目标 1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由，动态路由 5.能够实现命名路由以及编程式导航 6.理解并实现后台管理案例 1.路由的概念 路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地 ......
前端工程化 （开始）
为何偏偏JavaScript没有模块呢？如果要追溯历史原因，JavaScript之父——Brendan Eich最初设计这门语言时只是将它定位成一个小型的脚本语言，用来实现网页上一些简单的动态特性，远没有考虑到会用它实现今天这样复杂的场景，模块化当然也就显得多余了。 随着技术的发展，JavaScri ......
VUE3学习笔记
VUE3出现已经很长时间了，由于工作比较忙，项目比较紧，现在才看，已经晚于很多人了。 这是vue3学习笔记，边学边写。 1，项目创建 可以使用git下载：winpty vue.cmd create hello-world 使用之后会让你选择vue2还是3 可以直接node创建：vue create ......
vue2源码刨析
手搓vue2源码地址： gitee地址：https://gitee.com/obsessed-with-summer/vue2-source-code-analysis.git 数据监听： 代码位置：src/observer 发布者订阅者+Object.defineProperty中的get和set ......
[ARM 汇编]高级部分—ARM汇编编程实战—3.3.1 嵌入式系统的基本概念
嵌入式系统是一种特殊的计算机系统，通常用于执行特定的任务。它通常包含一个或多个微处理器、存储器和外围设备。与通用计算机系统相比，嵌入式系统具有体积小、功耗低、成本低和实时性强等特点。在这一部分，我们将介绍嵌入式系统的基本概念，并通过实例来展示如何在ARM汇编程序中应用这些概念。 1. **微处理器* ......
vue 首屏添加加载动画 loading
效果为 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
h5-vue-uniapp-节流防抖共通方案
参考：https://juejin.cn/post/6959161295358656520 描述：防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用： ``` /* func：要进行防抖处理的函数 delay：要进行延时的时间 immediate：是否使用立即执行 true立即执行 ......
Vue（八）：键盘事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>键盘事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- Vue中 ......
前端实现权限控制 - 三种方法 - 不同的角色有不同的路由映射
有代码：https://gitee.com/zhu-longxu/zhulx-rbac ps：注意本地路由 router 有哪些规则？服务器返回的数据格式？ 方法一：本地路由router 包含静态路由规则 ； 虽然动态路由规则定义了但是没有注入；动态路由规则在登录判断的时候选择性是否注入 ；服务器返 ......
EPPLus导出excel项目实战，包含合并单元格
1.项目引入EPPLus依赖包 2.定义excel导出属性公共类 using System; using System.Collections.Generic; using System.Linq; using System.Reflection; using System.Threading.Ta ......
js堆叠式卡片轮播图效果 vue
参考链接：https://www.jq22.com/jquery-info24050 说明：此组件为渲染曲线图的卡片堆叠轮播图，可以渲染不止5个，数量自己决定。核心代码js文件在后面。个人感觉这个的过渡效果最自然，最丝滑~ 效果如图： html部分：（此代码用到了之前写的折线图组件，这里不再赘述了） ......
直播源码开发，vue大图预览方法
直播源码开发，vue大图预览方法 1.使用vue-directive-image-previewer插件 安装 npm install vue-directive-image-previewer -D 引入main.js import VueDirectiveImagePreviewer fro ......
微前端改造细节
优化husky校验规则，添加代码提交校验，避免随意提交导致代码可读性降低。 给主应用添加了开发文档入口，方便在开发时查阅文档，提升开发效率。 优化了控制台的构建提示，更换为“👏欢迎使用${blue("无界[Wujie]")}-极致的微前端框架”。 项目开启了Mock服务，当接口需要对接时候关闭相关 ......
JavaScript、vue、uniapp如何获取本周开始时间和结束时间？
``` //获得本周的开始时间： getStartDayOfWeek(time) { let now = new Date(time); // 当前日期 let nowDayOfWeek = now.getDay(); // 今天本周的第几天 let day = nowDayOfWeek || 7; ......
vue学习记录 8
问了一下大佬侧边栏内容在哪设置的，他说项目里写了一个自动生成接口的脚本，这些接口构成目录。ಠ_ಠ 不在src，在src同级目录generate下。generate>index.js，自动生成后的各个js文件会显示在generate>config.js内。如果要另外多加接口，除了改脚本配置外，还需要 ......
vue-router之hash与history，以及nginx配置
> 本篇讲解前端项目的路由模式（以vue-router为例），以及history模式下的项目部署问题。 `vue-router`的路由模式可以通过指定`mode`属性值控制，可选值："hash" 、"history"、 "abstract" ， 默认："hash" (浏览器环境) ， "abstra ......
vue的路由（更新中）
路由 含义及原理 路由（router）就是对应关系。地址与页面上组件的对应关系。Hash地址与组件之间的对应关系！ 锚链接 锚链接不会使页面刷新，但有浏览历史。 （Anchor Link）是指在网页中通过链接跳转到同一页面的不同位置的技术。它可以让用户通过点击链接或者页面内部的锚点，直接跳转到页面的 ......
web前端性能优化之资源文件加载优化
前言首屏速度是用户体验的最关键一环，而首屏速度最大的决定性因数就是资源的加载速度 而资源的加载速度 = 资源大小 + 网速 资源大小影响的方面有1、压缩（如Gzip） 2、一部分代码分割出来做异步加载，需要的时候在加载 3、写代码的时候尽量精简 本文主要针对，资源文件加载的优化。异步资源加载一般有两 ......
【前端开发】好用的可视化爬虫工具
EasySpider 一个可视化爬虫软件，可以无代码图形化的设计和执行爬虫任务 git地址如下 https://github.com/NaiboWang/EasySpider 下载软件地址 https://github.com/NaiboWang/EasySpider/releases 实例效果图 ......
VUE3中实现“收起”“展开”功能
《好记性不如烂笔头系列》 <template> <van-row> <div class="roadshowDescValueDiv"> <div ref="desContent" class="desContent" :class="{ 'show-all': desShowAll }"> <sp ......
vue中的 ref 和 $refs
在Vue中，`ref` 是一个用于给元素或组件添加引用的特殊属性。通过在元素上添加 `ref` 属性，可以在Vue组件实例或父组件中通过引用访问该元素或组件的实例。 具体来说，`ref` 属性有两种用法： **1. 给普通元素添加引用：** ```html Focus Input ``` 在上面的例 ......
jeecg2-VUE-全局替换字体（鸿蒙、、、）
 ``` html,body { font-family:-apple-system, BlinkMacSystemF ......
ClickHouse数据表迁移实战之-remote方式
ClickHouse是一个用于联机分析(OLAP)的列式数据库管理系统(DBMS)。我们内部很多的报表、数据看板都基于它进行开发。今天为大家带来remote方式的ClickHouse数据表迁移的完整过程介绍，如有错误，还请各位大佬指正。 ......