BC菜鸟-CSDN博客

原创 Vue 框架

Vue 简介： ①JavaScript框架；②简化DOM操作； ③响应式数据驱动官方文档： Vue.js开发工具：VSCode (Live Server 插件)

2021-12-15 21:39:21 9612

关于qt中的拖放操作，首先可以看这篇官方文档：http://doc.qt.io/qt-5.5/dnd.html一、QDrag首先是创建QDrag，可以在mousePressEvent或者mouseMoveEvent中创建。void DragDropWidget::mousePressEvent(QMouseEvent *event){ if (event->button() == Qt::LeftButton) { QDrag *drag = new QDrag(this);

2022-04-09 16:36:57 6366

原创 C++预处理器

预处理器是一些指令，指示编译器在实际编译之前所需完成的预处理。所有的预处理器指令都是以井号（#）开头，只有空格字符可以出现在预处理指令之前。不会以分号（;）结尾。#define 预处理#define 预处理指令用于创建符号常量。该符号常量通常称为宏#include <iostream>using namespace std; #define PI 3.14159 int main (){ cout << "Value of PI :" <

2022-03-31 22:48:53 1094

原创 Vue前端路由

路由概念SPA(单页面应用程序) 中，前端路由（router）就是对应关系。（Hash地址与组件间对应关系）工作方式：用户点击页面上的路由链接导致URL地址栏中Hash值发生变化前端路由监听到Hash地址变化前端路由把当前Hash地址对应组件渲染到浏览器中vue-router 基本用法vue-router 是vue.js 官方的路由解决方案。管理SPA项目中组件切换官方地址：Vue Router① 安装 vue-router 包命令：npm i vue-ro.

2022-03-22 02:30:58 1989

原创 ESLint 工具

ESLint 可组装的 javaScript 和 JSX 检查工具。规范代码风格官网：ESLint - 插件化的 JavaScript 代码检测工具 - ESLint中文文档VSCode 自动格式化代码ESLint安装① 项目创建时配置 ESLint② 配置 .eslintrc.js 配置文件"off"或者0 //关闭规则关闭"warn"或者1 //在打开的规则作为警告（不影响退出代码）"error"或者2 //把规则作...

2022-03-18 22:18:15 2824

原创 Vue 组件化开发

动态组件动态组件指动态切换组件的显示与隐藏vue 提供内置 <component> 组件，专门用于实现动态组件渲染。<component :is="comName">注：<component> 切换时，组件会重新创建。可用<keep-alive> 缓存组件<keep-alive> 生命周期函数被缓存时。自动触发 deactivated 生命周期函数被激活时。自动触发 activated 生命周期函数 (第一次创建也会被激活.

2022-03-18 22:13:31 1029 1

原创 Vue 组件

组件化开发根据封装的思想，把页面上可重用的UI结构封装为组件。组件的后缀是 .vueVue 组件三个组成部分<template> 组件模板结构<script> 组件JavaScrip行为<style> 组件的样式//Test.vue<template>  ...

2022-02-09 23:55:08 871

原创 Vue cli 快速生成工程化项目

vue cli vue cli 是vue.js 开发标准工具，简化 webpack 创建工程化的 Vue 项目的过程。中文官网：https://cli.vuejs.org/zh/ 安装命令：npm i @vue/cli -g单页面应用程序SPA：（Single Page Application）指一个Web网站只有唯一一个HTML页面，所有功能与交互都是这个唯一页面内完成。...

2022-02-09 23:04:40 575

原创 C++ 面试题汇总

1.C与C++的区别① C是面向过程的语言，而C++是面向对象的语言。② C和C++动态管理内存的方法不一样，C是使用malloc、free函数，而C++不仅有malloc/free，还有new/delete关键字。③ C中的struct和C++的类，C++的类是C中没有的，C中的struct可以在C++中等同类来使用，struct和类的差别是，struct的成员默认访问修饰符是public，而类默认是private。④C++支持重载，而C不支持重载，C++支持重载在于C++名字的修饰符与.

2022-02-08 22:57:02 1336

转载 Qt 智能指针

C++11 标准中的提供的智能指针。。在 Qt 中也提供了类似的替代功能，并且比 C++11 标准中提供的功能还要强大，所以如果我们使用 Qt 作为基础库。Qt 智能指针包括：QSharedPointer QScopedPointer QScopedArrayPointer QWeakPointer QPointer QSharedDataPointerQSharedPointerQSharedPointer 大体相当于C++11 标准中的 shared_ptr。是在 Qt 4.5

2022-02-08 21:52:01 1285

原创 QT 面试题汇总

一、讲述Qt信号槽机制与优势与不足优点：①类型安全。需要关联的信号槽的签名必须是等同的。即信号的参数类型和参数个数同接受该信号的槽的参数类型和参数个数相同。若信号和槽签名不一致，编译器会报错。 ②松散耦合。信号和槽机制减弱了Qt对象的耦合度。激发信号的Qt对象无需知道是那个对象的那个信号槽接收它发出的信号，它只需在适当的时间发送适当的信号即可，而不需要关心是否被接受和那个对象接受了。Qt就保证了适当的槽得到了调用，即使关联的对象在运行时被删除。程序也不会奔溃。 ...

2022-02-07 14:58:00 42078 12

原创 Webpack 项目工程化

Webpack优点前端代码模块化开发代码压缩混淆处理浏览器端JavaScript兼容性性能优化Webpack安装配置 (先安装Node.js) Node.js 了解_编程菜鸟-CSDN博客 Webpack命令： npm i webpack webpack-cli -D更目录下创建 webpack.config.js修改 package.json 配置运行脚本注：webpack 4.x 和5.x 版本中默...

2022-01-19 23:22:05 929

原创 Express 框架

概念：基于Node.js 平台，快速、开发、极简 Web开发框架类似与Node.js 内置http模块，用于创建Web服务器。Express 中文官网：http://www.expressjs.com.cn常见服务器搭建：Web 网站服务器：专门对外提供Web网页资源的服务器。 API 接口服务器：专门对外提供API 接口服务。安装命令： npm i express[@版本号]//导入包const express = ...

2022-01-13 11:59:44 386

原创 npm 包

Node.js 模块分类内置模块（由Node.js官方提供，例如：fs、path、http等）自定义模块（由用户创建的 js 文件）第三方模块（由第三方提供，使用前需要下载）使用 require() 方法加载模块。（自定义模块需要文件路径；加载模块时，会执行模块中代码）模块作用域自定义模块中定义的变量、方法等成员，只能在当前模块内被访问。1.module对象：存储和当前模块有关属性。2.module.exports对象：将模块内成员共享，供外界使...

2022-01-11 00:04:11 352

原创 Node.js 基础

Node.js 是基于Chrome V8引擎的 JavaScript 运行环境。(控制台终端执行)官方网址：http://nodejs.org/zh-cn运行环境：① 浏览器是JavaScript的前端环境。②Node.js 是JavaScrip的后端环境。fs 文件系统模块作用：提供了一系列方法和属性操作文件。//导入fs模块const fs = require('fs');//调用fs.redFile() 读取文件//fs.readFi...

2022-01-06 23:52:24 761

原创 jQuery 库学习

下载 jQuery共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。这两个版本都可从jQuery.com下载。Google CDN:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">Microsoft CDN:<script src="http://ajax.aspnetcdn.com/ajax/jQuery/j..

2022-01-05 11:32:33 673

原创 AJAX 异步请求数据

AJAX 的全称是Asynchronous JavaScript and XML，其中，Asynchronous是异步的意思，它有别于传统web开发中采用的同步的方式。AJAX 使用 JavaScript 在 web 浏览器与 web 服务器之间来发送和接收数据。通过在幕后与 web 服务器交换数据，而不是每当用户作出改变时重载整个 web 页面，AJAX 技术可以使网页更迅速地响应。(目的：提高用户体验，较少网络数据的传输量)A...

2022-01-04 14:25:06 981

原创 JavaScript 动画效果封装

function animate(element, target, callback) { clearInterval(element.move) element.move = setInterval(function() { var step = (target - element.offsetLeft) / 10 step = step > 0 ? Math.ceil(step) : Math.floor(step); if (el.

2022-01-04 10:10:23 494

原创 JavaScript DOM与BOM对象模型（Web API）

Dom文档对象模型处理可拓展标记语言（HTML 或 XML）的标准编程接口。作用改变网页、结构和样式。 1.文档：一个页面及文档，DOM中使用document表示 2.元素：页面中所有标签都是元素，DOM中使用element表示 3.节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM中用node表示事件操作（元素注册事件，采取事件源.事件类型= 事件处理程序）事件流：描述从页...

2021-12-31 23:37:27 803

原创 DOM元素 offset,client,scroll 比较

三大系列大小对比作用 element.offsetWidth 返回自身包括padding、边框、内容的宽度。返回值不带单位 element.clicentWidth 返回自身包括padding、内容的宽度，不含边框。返回值不带单位 element.scrollWidth 返回自身实际宽度，不含边框。返回值不带单位主要用法： offset 系列常用于获取元素位置 offsetLeft, offsetTop（动态获取该带有定位父元素偏移...

2021-12-30 23:27:10 517

原创浏览器 flexible自适应字体大小

根据浏览器大小，设置不同字体大小。（网页刷新、缩放字体重新自适应大小）(function flexible(window, document) { // 获取的html 的根元素 var docEl = document.documentElement // dpr 物理像素比 var dpr = window.devicePixelRatio || 1 // adjust body font size 设置我们body 的字体大小 func

2021-12-29 23:05:54 707

原创 Vue 网络应用 axios

axios 网络请求库使用 get 或post 方法即可发送请求。 then 方法中的回调函数会再请求成功或失败是触发，回调函数形参可获取返回信息。官网：https://github.com/axios/axios<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met...

2021-12-22 22:33:28 427

原创 C++ STL常用算法

算法主要头文件： <algorithm> 体积最大，涉及比较，交换，查找，遍历操作，复制，修改等 <numeric> 体积小，简单数据运算模板函数 <functional> 定义模板类，声明函数对象常用遍历算法 for_each(iterator beg,iterator end，_func) //遍历容器 transform(iterator beg1,ite...

2021-05-11 22:00:03 123

原创 C++ STL函数对象（仿函数）

概念：重载函数调用操作符的类，其对象常称为函数对象函数对象使用重载的（）时，行为类似函数调用，也叫仿函数本质：函数对象（仿函数）时一个类，不是函数谓词：返回bool类型的仿函数称为谓词如果operator()接受一个参数，即一元谓词如果operator()接受两个参数，即二元谓词函数对象使用特点：函数对象使用时，可以象普通函数那样调用，也可以有参数，可以有返回值 ...

2021-05-11 18:21:17 151

原创 C++ STL容器

容器：各种数据结构，如vertor,list,deque,set,map等，用于存储数据常用数据结构：数组，链表，树，栈，队列，集合，映射表等。（重点：vertor容器; list容器）序列式容器：强调值的排序，序列式容器中每个元素均为有固定位置关联式容器：二叉树结构，各元素之间没有严格的物理上序列关系

2021-04-20 23:37:00 1099

原创 C++ STL标准模板库

STL(Standard Template Library，标准模板库）STL从广义分为：容器（container），算法(algorithm)，迭代器(iterator)容器，算法之间通过迭代器进行无缝连接，STL几乎都采用模板类或模板函数一、STL六大组件：容器，算法，迭代器，仿函数，适配器（配接器），空间配置器1.容器：各种数据结构，如vertor,list,deque,set,map等，用于存储数据常用数据结构：数组，链表，树，栈，队列，集合，映射表等。序列式容器：强调值的排

2021-03-13 23:44:39 343

原创 C++ 模板（泛型）

模板概念：模板是建立通用模具，大大提高复用性,将类型参数化。C++泛式编程思想，主要利用的技术就是模板C++提供模板机制：函数模板和类模板一、函数模板作用：建立通用函数，其函数返回值类型和形参类型可以不具体制定，用一个虚拟的类型代表。语法：template<typename T> [template ——声明创建模板] [typename ——表面其后面的符号是一种数据...

2021-02-24 23:44:52 364 1

原创 C++ 文件操作

程序运行时产生的数据属于临时数据，程序一旦运行结束都会被释放通过文件可以将数据持久化C++文件操作需要包含头文件<fstream>文件类型分类：文本文件：文件以文本的ASCII码形式储存在计算机中二进制文件：文件以文本的二进制形式储存在计算机中，用户一般不能直接读懂文件操作分类：① ofstream：写 ② ifstream：读 ③ fstream：读写一、文本文件读写文件步骤：#inc...

2021-02-19 23:58:05 442 1

原创 C++ 面向对象三大特征（封装、继承、多态）

C++面向对象的三大特征：封装、继承、多态C++认为万事万物结为对象，对象上有其属性和行为一、封装意义：①将属性和行为作为一个整体，表现生活中的事物 ②将属性和行为加以权限控制语法：class 类名 { 访问权限：属性 / 行为 } 权限：公共权限 public 类内可以访问，类外可以访问保护权限protected 类内可以访问，类外不可以访问（子可...

2021-01-27 00:30:44 653

原创 C++ 类和对象（成员，this指针，友元，运算符重载）

1. 初始化列表：作用：提供初始化列表语法，用于初始化属性语法：构造函数() : 属性1(值1)，属性2(值2)，属性3(值3)2. 类对象作为类成员 C++类中的成员可以时另一个类的对象，该成员为对象成员。注：当其他类对象作为本类成员，构造时先构造类对象，再构造自身，析构顺序与构造相反3. 静态成员 ...

2021-01-27 00:28:35 383

原创 C++ 函数

1.函数默认参数在C++中，函数的形参列表中的形参是可以由默认值的。语法：返回值类型函数名（参数 = 默认值）{ } 注意：①默认参数必须位于列表后面 ②如果函数声明由默认参数，函数实现就不能由默认参数2.函数占位参数 C++ 中函数的形参列表可以有占位参数，用来做占位，调用函数时必须填补该位置语法：返回值类型函数名（数据类型）{}...

2021-01-23 23:07:33 365

原创 C++ 引用

1.引用基本使用作用：给变量起别名语法：数据类型 &别名 = 原名2.引用注意事项 ①引用必须初始化 ②引用再初始后，不可改变int main(){ int a = 10; int b = 20; //int &c //错误，引用必须初始化 int &c = a; //一旦初始化后，就不可以更改 c = b; //赋值操作，非更改引用...

2021-01-23 00:37:23 506

原创 C++ 内存分区模型

内存分区模型C++程序在执行是，将内存大方向划分成四个区域代码区：存放函数体的二进制代码，由操作系统进行管理全局区：存放全局变量和静态变量以及常量栈区：由编译器自动分配释放，存放函数的参数值，局部变量等堆区：由程序员分配和释放，若程序员不释放，程序结束是由系统回收内存四区意义：不同区域存放的数据，赋予不同的生命周期，给我们更大的灵活编程1.程序运行前在程序编译后，生成了exe可执行程序，未执行该程序前分为两个区域代码区：存放...

2021-01-22 23:30:14 248

原创冒泡排序

案例二：冒泡排序作用：最常用的排序算法，对数组内元素进行排序思路：1.比较相邻元素。如果第一个比第二个大，交换； 2.对每一对相邻元素同样操作，执行完成，找到最大值； 3.重复以上步骤，每次比较次数-1，直至不需要比较。示例：将数组{1，6，3，7，8，2，0，5，4，9} 进行升序排序//利用指针冒泡排序void bubbleSort(int& arr,const int& len){ for(int i=0;...

2021-01-21 00:19:08 324 2

原创水仙花数

案例一：求水仙花数案例描述：水仙花数是指一个三位数，它的每个位上的数字的三次幂之和等于它本身例：1^3+5^3+3^3 = 153利用do....while语句，求出所有三位数中的水仙花数知识点：do....while循环,取余；//1.所有三位数字（100~999）int num = 100;do{ //2.获取所有水仙花数 int a = num % 10; //个位 int b = num / 10 %10; //十位

2021-01-19 00:09:27 11196 4

编程菜鸟