前端 终端 实战vue
vue2.0源码简读（5. 扩展）
5.1 event 平时开发工作中，处理组件间的通讯，原生的交互，都离不开事件。对于一个组件元素，不仅仅可以绑定原生的 DOM 事件，还可以绑定自定义事件，非常灵活和方便。那么接下来从源码角度来看看它的实现原理。 为了更加直观，通过一个例子来分析它的实现： let Child = { templat ......
vue2.0源码简读（7. Vuex）
7.1 Vuex 初始化 这一节主要来分析 Vuex 的初始化过程，它包括安装、Store 实例化过程 2 个方面。 安装 当在代码中通过 import Vuex from 'vuex' 的时候，实际上引用的是一个对象，它的定义在 src/index.js 中： export default { S ......
vue中created、watch和computed的执行顺序
总结 关于 vue 中 created 和 watch 的执行顺序相对比较简单，而其中 computed 是通过 Object.defineProperty 为当前 vm 进行定义，再到后续创建 vNode 阶段才去触发执行其 get 函数，最终执行到计算属性 computed 对应的逻辑。 官网的 ......
vue2.0源码简读（6. Vue Router）
6.1 路由注册 Vue 从它的设计上就是一个渐进式 JavaScript 框架，它本身的核心是解决视图渲染的问题，其它的能力就通过插件的方式来解决。Vue-Router 就是官方维护的路由插件，在介绍它的注册实现之前，先来分析一下 Vue 通用的插件注册原理。 Vue.use Vue 提供了 Vu ......
vue2.0源码简读（4. 深入响应式原理）
4.1 响应式对象 Object.defineProperty Object.defineProperty 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象，先来看一下它的语法： Object.defineProperty(obj, prop, descriptor ......
vue2.0源码简读（3. 组件化）
3.1 createComponent 在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，上一章的例子那样是一个普通的 div，则会实例化一个普通 VNode 节点，否则通过 ......
vue2.0源码简读（1. 准备工作）
1.1 认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查，所以了解 Flow 有助于阅读源码。 为什么用 Flow JavaScript 是动态类型语言，它的灵活性有目共睹，但是过于灵活的副作用是很 ......
vue2.0源码简读（2. 数据驱动）
2.1 new Vue 发生了什么 从入口代码开始分析，先来分析 new Vue 背后发生了哪些事情。new 关键字在 Javascript 语言中代表实例化是一个对象，而 Vue 实际上是一个类，类在 Javascript 中是用 Function 来实现的，来看一下源码，在 src/core/i ......
Dapper NetCore 分区实战
在上一篇中介绍了基于Dapper的NetCore分表，本篇旨在介绍基于Dapper的NetCore分区，废话不多说开搞吧！ 模拟业务场景：基于公司所在地区对表建立分区 设计公司表结构,其中TableAttribute标识表名，PartitionAttribute标识当前表是分区结构，Property ......
Dapper NetCore 分表实战
在项目开发过程中很多时候需要持久化大数据，其中的一项选择就是数据库分库分表，本篇从实战角度介绍在NetCore中如何通过Dapper实现分表，废话不多说，开搞！ 模拟业务场景：公司中有很多员工，分为不同的角色：老板(Boss), 虾兵(Shrimp Soldier),蟹将(CrabGeneral), ......
vue3 设置跨域
changeOrigin 必须设置成 false const { defineConfig } = require('@vue/cli-service'); module.exports = defineConfig({ transpileDependencies: true, devServer: ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
vue+pdfh5实现将pdf渲染到页面上
版本：pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一：通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
vue3 使用 store
在script 中使用store https://blog.csdn.net/SubStar/article/details/116077737 <script> import { getCurrentInstance } from "vue"; import { useStore } from " ......
探索人工智能的世界：构建智能问答系统之实战篇
在本文中，我们详细介绍了使用官方示例进行代码编写的步骤，包括连接到数据库、创建集合、插入数据、创建索引、查询数据、删除数据、断开数据库连接等操作。然后，我们升级了代码，使用了LangChain版本，并选择了一个嵌入模型进行示例演示。最后，我们展示了如何调用openai模型来回答问题。 ......
linux的终端
Linux的终端 终端组成部分 root位置表示当前终端登录的用户名 @位置表示”在“ localhost位置表示当前登录的主机名 lihaojun位置表示当前终端的工作目录 #位置表示身份识别符 Linux关机命令 shoutdown -h now（正常关机） halt(关闭内存) init 0 ......
Cocos Creator 项目实战《3D切水果》
今天跟大家分享一个Cocos Creator 3D切水果的实战案例，帮助大家掌握Cocos Creator开发3D微信抖音小游戏，开发工具我们采用的是Cocos Creator 3.6。先上一波游戏操作效果图，接下来通过本文来讲解这个游戏的一些核心的技术点。 游戏项目资源准备 我们刚开始做项目的时候 ......
vue本地开发的时候自定义域名端口
找到如下文件 以记事本方式打开并插入以下代码 127.0.0.1 localhost127.0.0.1 test.hhProject.com # 将此域名指向127.0.0.1本地环境 再在项目的配置文件中配置域名和端口即可 export default defineConfig({ plugins ......
Django+Vue.js - 第一章 走进Django
目录第一章 走进Django了解DjangoMVCMTV安装创建项目创建app处理控制器 第一章 走进Django 了解Django Django 诞生于2003年，在2006年加入BSD许可协议，成为开源Web框架 优势 功能完善，容易上手，开发速度快，安全性强； 完善的在线文档； 模型自带数据库 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
Vue3 Pinia对state的订阅监听（$subscribe，$onAction）数据监听
<template> <div class="main-container" :class="{'show-scroll':targetIsVisible}"> <div :style="{height:frameHeight+'px'}" class="main-content" :class=" ......
vue pinia sessionstorage 数据存储不上的原因
vue pinia sessionstorage 的坑 默认的配置是开始 localStorage 如果用 sessionstorage 则发现数据存储不上 ，是因为缺少了序列化和反序列化 import { parse, stringify } from 'zipson' export const ......
vue2 项目打包后自动压缩成zip文件
安装依赖 1 pnpm install filemanager-webpack-plugin --save-dev 在vue.config.js中添加如下代码 const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件 ......
Vue 中 slot 的使用方式，以及 slot 作用域插槽的作用 ？
使用方式 组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
vue项目index.html文件获取代理地址方法（ajax在html文件请求接口）
获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
C++调用Python3实战，和PyImport_ImportModule返回NULL问题解决
Linux C++调用Python3 入门 准备 以下面的目录结构演示如何在Linux C/C++调用python3。 |--hello.py |--main.cpp |--CMakeLists.txt hello.py：python的脚本，里面有2个函数 main.cpp：c++函数 CMakeL ......