设计思想 源码 思想vue3
总结Vue3 的一些知识点：Vue3 计算属性
Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
总结Vue3 的一些知识点：Vue3 项目打包
Vue3 项目打包 打包 Vue 项目使用以下命令： cnpm run build 执行以上命令，输出结果如下： 执行完成后，会在 Vue 项目下会生成一个 dist 目录，该目录一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、css 以及图片目录 ......
支付系统如何设计
支付系统如何设计？ 支付系统整体可以看成由 交易核心 + 支付核心 两个大系统。交易系统关联了业务场景和底层支付，支付系统完成了调用支付工具到对账清算等一系列相关操作。 1、支付系统总览 核心系统交互 业务图谱 2、核心系统解析 交易核心 交易核心把公司的业务系统和底层支付关联起来，让业务系统专注于 ......
vue3 后台返回数据没有返回字段是true和false 值的时候，循环数组，点击单个元素单个元素变化的写法
最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
SimpleAdmin手摸手教学之：项目架构设计2.1
一、说明 在2.0的架构设计中引用了插件式开发的概念，将功能模块插件化，以实现更清晰的目录结构，更灵活的解决方案，减少代码的臃肿性。随着2.0版本的使用，也随之暴露出一些问题，之前讲究的插件化并没有完全的实现插件化，我理想的插件化应该是需要某个业务或者功能模块，直接引用该项目既可，不需要进行额外的操 ......
Vue3 el-input实时转大写、自动去掉空格、光标不跳动
直接上代码： <script setup> import {ref,nextTick } from 'vue' let inputValue = ref(null) let inputRef = ref(null) const handleInput = () => { // 获取光标位置 cons ......
vue3 使用 vant 实现列表上拉加载、下拉刷新
## 实现方式 实现了列表的上拉加载、下拉刷新，使用的是vant库中的 [List](https://vant-ui.github.io/vant/#/zh-CN/list) 和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re ......
vue3 组件传参
父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
vue3 router 路由传参
路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
视频直播源码，JavaScript 下载文件、图片
视频直播源码，JavaScript 下载文件、图片 一、下载文件 let downLoadFile = (obj, name, suffix) => { const url = window.URL.createObjectURL(new Blob([obj])); const link = doc ......
Java大文件分片上传/多线程上传源码
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。 这次项目的需求： 支持大文件的上传和续传，要求续传支持所有浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器，并且刷新浏览器后仍然能够续传，重启 ......
vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
vite.config.ts , build: { // 如果自己分片的话，就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
转：什么是AOP编程思想
转自：https://www.duidaima.com/Group/Topic/ArchitecturedDesign/12108 AOP 的核心思想是将横切关注点抽象为一个独立的模块（称之为“切面”），然后在需要应用它的地方进行调用。比如，在需要记录日志的方法中，我们可以定义一个切面来负责日志记录 ......
vue3 reactive响应式赋值页面不渲染问题
## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......
主流原型设计工具
移动应用开发如火如荼的至今，一个好的APP原型设计理念很容易被糟糕的界面和体验毁于一旦，如今市面有很多的原型工具可以帮助我们解决问题，我在这里介绍几个。 1.Proto.io 网站地址：Proto.io - Prototyping for all Proto.io是一个专门用于移动应用的产品原型工具 ......
Vue3 watch API 踩坑记录 | 方法未定义问题
在使用 setup() 语法糖时，方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候，会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
海内外直播源码加密技术保障您的隐私安全
要想开发直播源码平台，就要掌握直播源码各种技术功能，海内外直播源码加密技术是保障直播数据安全的重要技术之一。今天我就分享给大家这些知识。 ......
vue3 -ts文件导入js文件报错
1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......
皕杰报表为什么不采用web端设计器
皕杰报表的设计器采用的是针对操作系统的本地端应用程序，是一种针对操作系统的native application，这种应用程序有诸多的优点和很多的好处，在这里就不一一列举了，现在就皕杰报表设计器当初的技术选型时“为啥不采用web端设计器”做一个简单的说明，主要就是如下5个方面的因素： 本地设计器 与 ......
算法设计与分析（实验班） Assignment 11
本文也可以在[我的知乎](https://zhuanlan.zhihu.com/p/631365634)上阅读。 > **Due: 1 pm on Friday, May 26** ## 1 Search and Decision Problems > As discussed in class, ......
解决vue3自动引入element-plus后eslint警告
## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......
搭建自动化 Web 页面性能检测系统 —— 设计篇
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 >本文作者：琉易 [liuxianyu.cn](https://link.juejin.cn/?target=h ......
Java设计模式-策略模式
# 简介 在软件开发中，设计模式是为了解决常见问题而提供的一套可重用的解决方案。策略模式（Strategy Pattern）是其中一种常见的设计模式，它属于行为型模式。该模式的核心思想是将不同的算法封装成独立的策略类，使得它们可以相互替换，而不影响客户端的使用。 策略模式与其他设计模式有一些明显的区 ......
解读NVDA读屏软件的设计架构和技术体系
# 解读NVDA读屏软件的设计架构和技术体系 NVDA（NonVisual Desktop Access）是一个免费开源的Windows屏幕阅读器，通过语音合成或盲文显示的方式，使视障人士能够使用计算机。它由澳大利亚的非营利组织NV Access和世界各地的贡献者共同开发。本文将尝试从技术角度介绍N ......
MyBatis源码之SqlSession的解读
# MyBatis源码之SqlSession的解读 ## 1、SqlSession的简单使用 首先先说一下SqlSession是什么？SqlSession其实就是对JDBC中Connection的一个封装，简化了对数据库的操作。当你获取到一个SqlSession的时候其实就是获取到一个数据库连接，可 ......
Thread源码分析
# 一些新知识点 ## `__builtin_expect`： > https://blog.csdn.net/sinat_31608641/article/details/120692775 Linux 内核、Glib等会经常看到 likely()、unlikely() 两个宏，它们都使用了GCC ......
drf——权限、认证源码分析、过滤、排序、分页
## 权限、认证源码(了解) ### 权限源码 ```python # 继承了APIView才有的 》执行流程 》dispatch中的三大认证 self.initial(request, *args, **kwargs) # 1. APIView的dispatch中self.initial(requ ......