- 博客(52)
- 收藏
- 关注
RSS订阅原创 Tauri项目如何引入tauri-plugin-websocket插件
【代码】Tauri项目如何引入tauri-plugin-websocket插件。
2023-05-22 20:22:17
849
1
原创 延时加载全局的js和css
一般情况下，例如 echarts 这些库，我们可以直接将对应的js文件放到public文件夹当中，然后在全局的html文件利用script标签引入来使用（或者cdn或者node-module模块）但是如果这些库仅仅用在了一个地方，那么这样的全局引入就比较耗费资源，如果能够在使用的时候再全局引入那才是最好的。如下图22行导入ol.js和ol.css仅仅是在该组件onmounted生命周期触发的时候才引入进来项目当中。我们可以利用loadjs在需要的地方加载进来。这对性能的优化非常有帮助。
2022-12-13 16:04:04
419
原创 从源码的角度分析一下vue2中生命周期函数的执行顺序问题
提出问题本文目标是：在源码的角度解决下面的三个问题初次渲染的时候父子组件生命周期函数执行顺序是怎样的？子组件发生更新的时候生命周期函数的执行顺序是怎样的？在销毁父组件的时候父子组件生命周期函数又是如何执行？在源码当中new Vue的时候首先执行的是Vue这个构造函数而构造函数中又调用了一个叫_init的方法（代码如下）function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(t
2022-03-26 01:22:42
1214
原创 从源码中分析为什么vue2中直接对数组的元素进行赋值无法触发页面的更新
从源码中分析为什么vue2中直接对数组的元素进行赋值无法触发页面的更新场景代码问题描述原因分析场景代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi
2022-03-25 16:20:34
2643
原创 vue闪烁问题的原因
场景代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2022-03-24 19:58:49
2759
原创 vue2中的Vue为何使用构造函数来实现而不是使用es6的Class?
首先我们先来看看vue2源码function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { // 判断如果不是通过 new 的方式调用，则抛出警告 warn('Vue is a constructor and should be called with the `new` keyword') } this._init(op
2022-02-10 15:40:43
713
原创 .vue文件的编译
前言本文章我们来分析一下在vue2当中是如何编译.vue文件（本文仅简单的框架的分析具体深入原理可查看参考文献）探究我们先尝试引入.vue文件，然后输出看看输出的内容代码如下：main.js文件import App from './App.vue'console.log(App)输出的结果为App.vue文件<template> <div id="app1"> <img alt="Vue logo" src="./assets/logo.p
2022-02-10 14:09:59
6558
原创 antd的table组件中渲染columns的时候无法正确获取到父组件的state问题——个人记录
问题描述首先我使用的是函数式组件 因为封装的原因 我将以下代码都写在了父组件函数里面然后在父组件中我定义了一个state 用于记录某个作用的id初始值是333 （这333后面有用）但是在显示组件的时候 我利用useEffect函数 发起请求 获取后端最新的deptid 然后使用setDeptid对deptid进行从新的赋值当重新赋值deptid以后 我再渲染 table的columns下图是columns中的某一个 操作列如上图 删除按钮是一个deleteItem的函数如图所示该函数
2022-01-24 14:26:21
2069
原创 js中sort方法的探讨
sort方法的基本使用相信很多人使用sort方法都是用在基本的升序排序或者是降序排序代码如下探讨1探讨题但是sort其实是可以用来将指定的元素后移例如 下面的sort可以将所有的1 移到最后题目解析值得注意的是 所有的1都排到最后了 但是前面的数的排列顺序 是不会发生改变的，2始终排在3的前面，5始终排在12前面，除了1被排到最后了，其他数的顺序并没有改变。这个有趣的现象得益于返回值是 -1看下面的代码注意代码定义了一个数组arr值为[1,2,3,4,5]，在第一次调用sort方法
2022-01-17 23:09:59
901
原创 flex布局子元素不溢出不变形的探讨
问题是这样的：我们打算做一个下方图片的布局效果当缩小窗口高度的时候红色和蓝色以及最大的灰色的盒子都相应的缩小，但是前提是红色和蓝色的盒子始终不能溢出到灰色盒子的外面，并且里面的内容也不能挤压，下面的就是反面教材...
2021-12-21 12:25:01
2518
1
原创 flex布局中flex属性的深入探讨
前言首先我们以一个题目来引出flex属性的使用规则问题一如何实现下面图片的效果首先我们可能会提出一种解决方案最大的灰色盒子里面包含着三个小盒子，大盒子使用flex布局，然后每个小盒子设置属性flex: 1; 这样即可完成图片效果。代码如下 <style> .main { display: flex; justify-content: center; align-items: center;
2021-12-21 10:39:49
895
原创 element ui中的el-radio组件的源码分析
element ui中的el-radio组件的源码分析源码分析参考文献下面是radio的源码源码<template> <label class="el-radio" :class="[ border && radioSize ? 'el-radio--' + radioSize : '', { 'is-disabled': isDisabled }, { 'is-focus': focus }, {
2021-12-17 17:09:41
1030
原创 传统项目中如何使用babel做简单的练习使用
传统项目中如何使用babel新建一个项目引入Babel书写es6语法参考文献新建一个项目引入Babel书写es6语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w
2021-12-10 18:09:08
460
原创 el-avatar组件显示本地图片资源
el-avatar组件显示本地图片资源场景发生的问题原因解决方案场景我的使用场景是利用el-avatar组件显示assets文件夹里面的female.png图片于是我直接写上这个相对路径发生的问题结果发现无法显示但是下面的img标签却能够正常显示原因后来发现原因是打包的时候，由于el-avatar的src属性是自定义的属性，所以在保存的时候直接以字符串的形式保存了而不是引用的方式，等打包完以后就直接拿这个字符串放到img标签src中，但是打包后的图片地址已经发生了改变了，已经没有这个图片
2021-12-08 11:57:08
11351
3
原创 对象数组提取每个对象的某个元素生成新的数组并转化为字符串
对象数组提取每个对象的某个元素生成新的数组并转化为字符串目标数组方法一方法二所有代码目标数组 var arr = [ { name: '1', age: '12' }, { name: '2', age: '12' }, {
2021-12-07 09:32:46
1436
原创 js语法篇——将一个对象的部分属性转移到另外的一个属性当中
方法一方法二方法三当然也可以直接使用fiter函数或者循环来进行实现如果大家有什么其他更好的方法也可以加评论哦参考文献参考文献传送门
2021-11-22 10:32:11
3609
原创 微信小程序使用ColorUI组件库
前言本组件库是样式库 并不是别已经做好的控件 而是别人已经做好的样式 在原来的基础控件上加上这些样式 就会变成该组件库的模样开始首先该组件库的组件的效果可以扫下面的小程序码来查看官网引用安装讲解如下Github: https://github.com/weilanwl/ColorUI下面讲解本人如何引用安装该组件库第一步：官网下载文件地址：https://www.color-ui.com/点击下载以后解压 选中demo/colorui 下面的main.wxss文件和icon.wxss文
2021-05-04 15:22:12
1197
1
原创 微信开发工具npm安装weui组件
下载安装包下载地址如下https://nodejs.org/en/download/打开官网以后 点击LTS中的msi的64位或者32位下载后常规下一步下一步安装检测是否安装成功然后右击鼠标 点击运行 输入cmd运行再在黑窗口中输入 node -v 检测是否能显示安装的版本 如下图能提示版本号 表示安装成功...
2021-04-14 12:11:04
723
1
原创 微信小程序新建小程序项目中代码的讲解
标签的认识第一个：open-data：是一个能自动获取微信开发数据的标签（微信号 微信头像都是开放数据）官方解析如下<open-data type="userAvatarUrl"></open-data>上面代码相当于 可以直接显示 用户的头像第二个：block：相当于view或者HTML里面的div 主要作用是为了在wxml中写 if… else if… else… 语句（当然其他标签也可以写if语句只不过常用block） 如下图上图中页面当i
2021-04-03 00:54:05
2343
原创 微信小程序上传体验版并邀请其他人测试体验(小程序的发布上线)
没有上传按钮问题如下图 右上角只有三个按钮 但是却没有上传按钮 我们知道上传按钮是为了写好的小程序发布上线和上传体验版本的，没有那怎么办呢没有上传 主要是因为在 详情 --> 基本信息 中的appid不正确获取正确的appid注册登录下面 微信公众平台https://mp.weixin.qq.com/然后在开发管理 —> 开发设置 可以找到你的appid 然后复制然后 回到 微信开发工具 在项目的详情中重新修改为正确的appid小程序的上传然后就会发现 上传按钮出现了
2021-03-27 13:31:08
18267
4
原创 C#自定义好看的消息提示窗口MessageBox
效果优点模态对话框，原来的主窗口无法点击必须先响应消息提示窗口不需要为 该消息窗口的实例添加按钮点击事件，响应消息窗口以后可以立刻返回用户点击了确定还是取消调用该消息窗口的线程，必须等待用户响应了消息窗口才能继续执行下面的代码，和原生的MessageBox类一样缺点需要新建实例再使用 不能像原生的MessageBox类直接利用MessageBox.show()使用（下面通过点击按钮1 显示消息窗口来展示效果）消息窗口出现前的效果消息窗口出现后的效果鼠标移动到消息窗口按钮的效果图
2021-03-24 23:45:26
5504
原创 C#伪模态对话框
效果功能可以再父窗口中添加用户点击确定和取消的按钮事件模态对话框的作用调用函数就可以显示该模态对话框显示内容随时变化用法实现代码命名空间using System;using System.Windows.Forms;using System.Drawing;代码 public class MessageTip : Panel { private void button_init(Button button) {
2021-03-22 13:54:10
299
原创 C#动态延时移动显示子窗口
效果点击按钮1显示窗口 窗口从右向左 缓慢水平移动出现点击按钮2窗口从左向右 缓慢水平移动消失用法源代码命名空间using System;using System.Threading;using System.Windows.Forms;using System.Drawing;using System.ComponentModel;代码 public class MyPanel : Panel { #region 窗口移动系
2021-03-21 19:35:25
296
原创 C#顶部动态弹出小窗口
效果优点自上而下延时弹出窗口窗口有阴影效果可在父窗口中任意简单的改变提示的内容背景图片可以改变 但是每一个弹窗对象只能固定一个背景缺点不能改变弹窗大小，需要更换背景图片才行弹窗大小随背景图片的大小而改变 不能固定大小点击按钮1弹出”加载中“点击按钮2 弹出”加载成功“用法控件代码 public class TransparentPanel : Panel { Label Label1 = new Label(); //新建一个
2021-03-20 23:59:25
970
原创 C#窗体的边框外加阴影
重写CreateParams在窗口类中重写CreateParams 就可以了 protected override CreateParams CreateParams { get { CreateParams createParams = base.CreateParams; createParams.ClassStyle |= 0x20000;
2021-03-20 15:28:55
509
原创 C#自定义列表控件2(选中功能列表)
效果展示少项展示多项展示功能展示和控件的用法功能：每个列表项的第三个信息 岗位详情可点击 点击以后可以在点击事件中获取对应项的岗位详情后面的数据 如上图的324下图是在窗口添加自定义列表控件的代码 和 功能事件的调用下面代码是 自定义控件所有代码 复制粘贴可直接使用 public class MyflowPanel : FlowLayoutPanel { //自定义一个事件webCall 由列表项的自定义事件触发（当列表项的该事件触发时触发该事件）
2021-03-18 17:06:37
1114
原创 C#向服务器发起post和get网络请求
写在前面本文前提拥有一台服务器并搭建好了站点已经写好了php连接数据库的代码，懂得基本的php接收网络请求的方法或函数会使用vs2017创建C#winform项目，编写C#代码Get请求先分析php代码下面代码是获取数据库中指定密码账号的用户的的信息<?php//新建一个变量用来返回数据$res = array('error' => false);//新建一个变量 用来获取网络请求传过来的get参数$action = "000";//将网络请求传入过来的参数
2021-03-17 15:57:30
2335
1
原创 C#自定义列表控件1(搜索功能列表)
效果展示分析结构由结构图知道外面应该有一个大的panel然后里上方是一个小的panel下方是一个flowlayoutpanel所有代码using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Threading.T
2021-03-17 12:49:08
1171
原创 C#调用百度人体分析SDK进行人流量分析，计算图片的人数
写在前面本文默认已经注册了百度大脑（添加链接描述）账号，以及创建了人体分析的应用获取了AppID，API Key，Secret Key还没有上面操作的可以看我的这篇文章添加链接描述安装sdk打开vs2017，在解决方案中选中引用然后右击鼠标 再选择管理NuGET程序包然后由下图文档方法一所示 搜索baidu.ai下载第一个安装以后可在解决方案窗口中看到新添加的引用代码书写然后再根据帮助文档先新建交互类再添加 实现函数根据实际写出C#代码如下using System;u
2021-03-11 12:46:23
730
1
原创 C# 一个线程访问另外一个线程的控件（线程之间的控件的互相访问）
本文以一个线程实时动态的改变主线程上面的label的text值为例子步骤新建项目和添加事件核心代码书写新建项目和添加事件首先在窗口上面添加一个label两个按钮（分别用来开始子线程和终止子线程）然后为两个按钮添加click事件核心代码的书写在代码区的窗口类下面添加一个BackgroundWorker控件（注意添加命名空间using System.ComponentModel;）BackgroundWorker可以当它就是一个子线程在button2的click事件 配置子线程（包
2021-03-03 19:39:43
2415
2
原创 阿里云购买域名，以及域名备案（ICP备案）（网站备案）和公安备案（公安联网备案）
域名购买登录注册阿里云 搜索域名购买 选择一个未注册的域名购买就可以 有些几块钱就有一年了 操作简单所以不多说这部分https://www.aliyun.com/点击购买以后会弹出下面的窗口看到没有就 1块钱一年 诱惑不然后我买的时候页面的下面说我没有信息模板于是我就去了创建一个模板点击页面的点击创建模板然后填写信息即可 如图然后安装提示 进行邮箱验证和实名认证点击提交 按要求点击邮件里面链接验证即可然后返回点击实名认证然后输入要填写的内容即可填写完成后点击保存 等待
2021-03-02 23:02:11
7749
9
原创 C#通过OpenCv获取网络摄像头(IP摄像头)拍摄到的视频
@TOC本文介绍本文介绍利用C#获取IP摄像头拍摄到的实时视频说在前面首先需要一台支持rtsp协议的网络摄像头（购买的时候会有说明，或者问客服）环境：visual studio 2017网络摄像头的使用：（以我买的摄像头为例子）买了以后看看他们的说明书，首先需要下载专门的软件，在摄像头通电以后用该软件扫摄像头上面的二维码添加设备，添加成功后就可以在手机上实时看到摄像头的拍摄内容了，同时也可以在这软件查到该摄像头的一些信息，例如IP地址网关等等（其中这个IP地址就是下面我们需要找到的rtsp地址
2021-02-28 22:01:34
11019
19
原创 微信小程序网络请求服务器php接口获取数据库数据信息
前言在写php接口之前需要事先搭建好环境1 拥有一台服务器2 服务器安装好宝塔3 搭建安装好Apache套件（包括php Apache MySQL数据库等等）4 已经开放相应的端口如果小白没关系，下面的视频会一步一步的说明很详细，真心推荐https://www.bilibili.com/video/BV1QA411b76i?p=1极力建议给这位up主一键三连视频是以搭建网站为目的搭建服务器环境，如果是单纯想写接口或者使用服务器的话，视频从第二集中间部分搭建站点开始以后的内容可以不观看，只
2021-02-04 21:18:08
10226
7
原创 VScode编写php代码连接Mysql数据库没有智能提示的问题
问题描述书写代码利用mysqli连接Mysql数据库的时候，没有出现智能提示原因没有安装PHP Intelephense插件（注意有相似名字的插件不要安装错误）安装在右侧扩展 哪里输入插件名字即可
2021-02-04 00:00:04
1487
原创 C#操作FTP服务器上的文件（包括删除文件，下载文件，上传文件等）
前言：如果未搭建FTP服务器请先搭建文章包含了对FTP服务器的操作有以下几种（暂以前三种做说明）删除文件下载文件上传文件获取当前目录下明细(包含文件和文件夹)获取FTP文件列表(包括文件夹)获取当前目录下文件列表(不包括文件夹)判断当前目录下指定的文件是否存在创建文件夹获取指定文件大小更改文件名移动文件切换当前目录步骤创建winform项目添加FTPHelper类添加控件添加控件的事件实现操作创建winform项目添加FTPHelper类解决方案中右击鼠标
2021-01-28 15:08:53
6243
5
原创 C#winform程序执行C++代码
步骤新建C++动态库动态库程序的编写生成dll文件新建C#winform项目添加并引用C++动态库实现对C++代码的调用新建C++动态库注意项目文件的位置是D:\develop_files\c#_windorms_for_vs_file\project_file然后在解决方案窗口中添加一个头文件动态库程序的编写刚刚新建的头文件的代码#pragma once//宏定义 Api相当于占位符 代表后面的 _declspec(dllexport) _stdcall#def
2021-01-25 16:28:02
3594
2
原创 C#实现向手机发送验证码短信
效果描述当点击button1后向textbox1中输入的号码的手机发送一条验证码短信步骤注册 互亿无线 账号查找APIID和APIKEY窗口布局的设计布局代码的书写所有代码注册 互亿无线 账号网站：添加链接描述查找APIID和APIKEY窗口布局的设计布局一个label一个textbox一个button代码的书写添加一个按钮点击事件 private void button1_Click(object sender, EventArgs e)
2021-01-14 16:54:25
6030
8
原创 C# winform项目使用OpenCv调用电脑本机摄像头
配置新建一个winform项目打开nuget管理面板在浏览中搜索opencvsharp勾选本解决方案然后安装即可在窗口中添加一个按钮 和 一个pictureBox控件安装完成后 添加这四个命名空间using OpenCvSharp;using OpenCvSharp.Blob;using OpenCvSharp.Extensions;using OpenCvSharp.UserInterface;然后 按钮添加一个 click事件在事件中添加下列代码 var capt
2020-11-26 14:13:09
7154
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人