wangshuai33的博客

原创 VUE3.0 新增的Composition API 特性 都包含什么

它将普通的 JavaScript 数据转换为一个响应式对象，使得数据的变化可以被 Vue 自动追踪。函数用于监视响应式数据的变化，并在数据发生变化时执行指定的回调函数。它可以用于监听单个数据的变化，也可以监听多个数据的变化。函数用于将响应式对象转换为响应式引用对象。它将响应式对象的属性转换为响应式引用，使得可以单独访问每个属性的响应式状态。函数在组件挂载后执行一个回调函数，用于输出一条日志信息。：这些函数用于在组件的生命周期钩子中执行指定的回调函数。可以接收一个普通对象，并将其转换为响应式对象。

原创 jsx中使用onClick等方法

昨天做开发的过程中遇到一个问题， 页面渲染的时候是进行条件显示并支持点击跳转。在我开发的过程中想要给返回的span标签增加一个click事件，怎么操作都没有效果。百度了很久也是没有效果。点击的时候报错问了一个同事，他告诉我说jsx使用onclick方法是 onClick={()=>handle}这样是成功调用了方法。...

原创 对象是使用地址 --解决方法深拷贝（antd vue 分页数据错误）

今天工作的时候，测试提出了一个bug，就是 一个前端处理的分页，问题有两个，一个是分页数据不对，接口返回的数据是27条，分页只展示了1，2页。还有一个问题是 我点击了第二页的时候分页不见了。第二的问题的不见的原因是我判断了，如果数据小于10 就不展示分页。好了现在来解决这两个问题，根据问题表现呢 我们推测...

原创 react使用antd的上传组件实现文件表单一起提交

最近在刚刚开始使用react做项目，非常不熟练，非常小白。小白同学可以阅读了，因为我会写的非常简单，直白。项目中需要实现表单中带附件提交，上传文件不单独保存调接口。import { Form, Button, Upload } from 'antd';import { UploadOutlined } from '@ant-design/icons'; const normFile = (e) => { console.log('Upload event:', e);

原创 Redis安装后首次启动报错[12348] 31 Mar 17:34:45.575 # Creating Server TCP listening socket 127.0.0.1:6379: bin

Redis安装成功后在命令板输入redis-server.exe redis.windows.conf报错 [12348] 31 Mar 17:34:45.575 # Creating Server TCP listening socket 127.0.0.1:6379: bind: No error。解决方法：1、输入 redis-cli.exe回车2、输入shutdown回车3、输入 exit 回车。再次输入命令redis-server.exe redis....

原创 sql server 2008 r2 自动备份及清除计划，自动备份成功，但删除过期文件失败

1，打开“开始”菜单，进入SQL Server配置管理器。2，点击选择“SQL Server Services”，右侧选择“SQL Server(MSSQLSERVER)”。3，右键，选择“属性”，点击“Log on as”，选中“Built-in account”，选择“Network Service”，点击“确定”。弹出对话框，选择“是”。4，选择SQL Server Agent，右键，选择“属性”。点击“Log on as”，选中“Built-in account”，选择“

原创 vscode 中文乱码问题

选择菜单【文件file】 --> 【选项】--> 【设置Settings】--> 【搜索Search settings】 "files.autoGuessEncoding" --> 勾选选即可。

原创 webpack最基础用法和最基本的配置文件使用

webpack是前端的一个项目构建工具，是基于Node.js开发出来的一个前端工具（所以是可以使用Node语法的）。webpack的作用主要就是处理JS文件之间的相互依赖关系，还可以解决JS的兼容问题（把高级的游览器不能识别的语法化成低级的浏览器能够识别的语法）。webpack最基础用法就是： webpack 要打包的文件路径 打包好的输出文件路径。webpack的最基础的配...

原创 Cannot read property 'get' of undefined in Vue

我使用的是Vue框架，渲染用的是axios。在已经安装axios包和已经写好axios.js文件的前提下使用axios时报Cannot read property 'get' of undefined"错误，后来发现是因为没有在nuxt.config.js的modules中引入axios，如图引入后不会在报错。...

原创 Cannot read property 'install' of undefined

运行项目时，报出了这个错误，百度了一下说是插件有问题注销了就好了，但有两个问题：其一是我不知道是哪个插件有问题，其二是我不知道怎么注销。先说第二个问题，我百度到了，安装插件是：npm install XXX 利用 npm 安装xxx模块到当前命令行所在目录npm install -gxxx 利用npm安装全局模块xxx注销插件是npm uni...

原创 VScode中图标美化插件

原创 git生成ssh文件，并创建公钥

第一：打开git-bash（在git的安装包里）第二：检查ssh keys是否存在命令：ls -al ~/.ssh出现上述文字说明未有ssh keys。第三：生成新的ssh key：命令：ssh-keygen -t rsa -C “your_email@example.com” （因为失误此处截图被弄丢）过程中会有三次停顿，第一次是输入文件名字，第二次是输入密码，...

原创 leet code 第665题 非递减数列

leet code题库中第665题 题目为：给定一个长度为n的整数数组，你的任务是判断在最多改变1 个元素的情况下，该数组能否变成一个非递减数列。我们是这样定义一个非递减数列的：对于数组中所有的i (1 <= i < n)，满足array[i] <= array[i + 1]。示例 1:输入: [4,2,3]输出: True解释: 你可以通过把第...

原创 Vue控制台显示Vue is a constructor and should be called with the `new` keyword

Vue控制台显示Vue is a constructor and should be called with the `new` keyword浏览器显示为 Cannot read property '_init' of null找了好久也不知道哪里的问题，自己本身是个小白，也没处理bug的经验，百度了好久最后看到一个类似的说问题是出在了应该是Vue.use(Vuex); 在...

原创 箭头函数与bind结合例题

下列代码执行后结果是什么，分析原因const obj1 = { a:1, func:() => { console.log(this,this.a) }}const obj2 = { a:2}obj1.func.bind(obj2)()此时输出结果为 window undefineconst obj1 = { a: 1, func: f...

原创 js 数组去重

数组去重有多种方法，比较简单常用的是自定义遍历函数通过indexOf比较去重function uniq (arrary){ let result = []; let i; let length = arrary.length; for(i = 0;i < length; i++){ if(result.indexOf(arrary[i]) < 0){ ...

原创 打开新的前端vue代码的方法

在新获得到一个vue框架代码的时候，在VScode里直接用 npm run dev 是不能运行的。要先npm i 下载了才可以通过npm run dev 运行。非常简单，给自己记个笔记。...

原创 Node.js的安装

Node.js是一种运行在服务端的JavaScript，是一个基于Chorm JavaScript运行时建立的一个平台。他让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node.js的下载地址：http://npm.taobao.org/这里还包括了npm等下载地址，且下载速度较快。双击装包，为此页面，点击run ，接下来一直点...

原创 HTML的标题，换行，斜体，加粗，水平线，空格标记

<h1>........</h1> < !--1级标题><h2>........</h2> < !--2级标题><h3>........</h3> < !--3级标题><h4>........</h4> < !--4级...

原创 生成二叉树----c

用c语言中最简单的方法生成一个二叉树，有注释，解释都在代码中#include<stdio.h>#include<stdlib.h>//因为会用到NULLtypedef struct node{ int val; struct node* left; struct node* right;}Node;//定义一个树的结构体void p...

原创 对称二叉树---c

对称二叉树此题为LeedCode上101题解题思路为递归思想，找出几种结束递归的结果，就可以了。以下为代码typedef struct TreeNode Node;bool digui(Node* left,Node* right){ if(left == NULL&right == NULL) return true; ...

原创 二叉树的最近公共祖先-----c

/** * Definition for a binary tree node. * struct TreeNode { * int val; * struct TreeNode *left; * struct TreeNode *right; * }; */struct TreeNode* lowestCommonAncestor(struct Tre...

原创 二叉搜索树的最小公共祖先-------c

/** * Definition for a binary tree node. 二叉树的节点定义 * struct TreeNode { * int val; * struct TreeNode *left; * struct TreeNode *right; * }; */struct TreeNode* lowestCommonAncestor...

原创 python爬虫基础-爬虫和反爬虫第一步

"User-Agent":"Mozilla/5.0(Windows NT 10.0;Win64;x64)AppleWebkit/537.36(KHTML,like Gecko)Chrome/54.0.2840.99 Safari/537.36"User-Agent  的改变为爬虫与反爬虫的第一步，如果不改变User-Agent ，设置了反爬虫的网页会第一时间发现，并拒绝访问改了Us...

原创 python中连接MySQL

pycharm中要想连接数据库，需要有sql的模块才可以用。在Linux中安装mysql模块： sudo apt-get install  python3-pymysql     (python2中mysqldb。python3中是pymysql)安装好MySQL模块之后，在新建文件连接MySQL时步骤如下：from MySQLdb import *try: conn ...

原创 python中二分查找

二分查找也称折半查找，它的效率较高。但是二分查找要求线性表必须采用顺序储存结构，而且表中元素按关键字有序排列。写二分查找时有两个方法，一个是用递归，一个不用递归。用递归的方法如下#coding:utf-8def binary_search(alist,item): """二分查找。递归法""" n = len(alist) if n &gt; 0: ...

原创 python实现快速排序

快速排序： 54  26  93  17  77   31  44   55   20                以第一个数为中间数，找一个位置使其左侧的都比其小，右侧的都比其大方法：可以看作有两个指针，从两侧往中间移动，如果右侧的指针指向的数字比中间值小，就把他移动到左侧，如果左侧指针指向的数字比中间值大，就将其移动到右侧，一次循环结束后中间值右侧均比其大，左侧均比其小。...

原创 python语言实现希尔排序

希尔排序：  以下为举例说明希尔排序用法  54，26， 93，17，77，31，44，55，20取gap为4：从54开始作为第一个，加4取出第二个54              77                  20                                         20                         54          ...

原创 用python 语言实现插入排序

插入排序：   2，4，3，1，6，7，5  从2开始执行，放在第一个位置:    2     4,3,1,6,7,5  再拿出4，与2比较，比2 大放在2 后面  2，4      3,1,6,7,5  再拿出3，与4比较，比4小放在4前面，比2大放在2后面  2，3，4      1，6，7，5依次类推，最终取得 1，2，3，4，5，6，7# codi...

原创 用python语言实现选择排序

选择排序：   找出序列中最小的放在最前面，再从后面的找最小的放在第二个位置，再从后的序列找出最小的放在第三个，相当于从原序列中找出最小的放在最前面，成一个新的序列，每找出一次最小值新序列多一个值，原序列少一个值。直至结束。代码思想：   以第一个开始，参数i等于第一个数 ，与后面相比，谁比他小，i= 比他小的数，从头至尾比较一遍，找出最小的，放在最前面，再次执行此循环。def ...

原创 用python语言实现冒泡排序

冒泡排序：    eg： 54 26 93 17 77 31 44 55 20从第一个开始依次与后面相邻一个数字相比较，54比26小，26排在第一个，54排到第二个，54与93再次相比54小排在前面，94去再次与后面的相比，依次轮回，得出最后结果 python语言的程序中最简单方法：#coding:utf-8def bubble_sort(alist): """冒...

原创 python语言下的链表使用

SingleLinkList ()  创建一个空链表is_empty（）判断链表是否为空length（）链表长度travel（）遍历整个链表add（item）链表头部添加元素append（item）链表尾部添加元素insert（pos，item）在指定位置添加元素remove（item）删除节点search（item）查找节点是否存在# coding:utf-...

原创 python语言下栈与队列、双端队列的操作

栈：      Stack() 创建一个新的空栈    push（item）添加一个新的元素item到栈顶     peek（）返回栈顶元素（不弹出，只读）     pop（）弹出栈顶元素     is_empty（） 判断栈是否为空     size（）返回栈元素个数队列：       queue （）创建队列      enqueue（item）添加一个新的...

原创 正则表达式的简单情况练习

在网页中取出图片网址：re.search(r"http.+?\.jpg",s).group()提取域名前面的网址：s = https://blog.youkuaiyun.com/wangshuai33/article/details/82963081re.sub(r"(http://.+?/).*",lambda x: x.group(1),s)'https://blog.youkuaiyun.com/'...

原创 正则表达式的贪婪模式与非贪婪模式

贪婪模式：能匹配的最大部分 s = "This is a number 234-235-22-4223" r = re.match(r"(.+)(\d+-\d+-\d+-\d+",s)r.groups()("This is a number 23","4-235-22-4223")贪婪模式就是“.+”中的+会一直查找到最后一个符合条件的字符，所以上述代码中最前...

原创 python的正则表达式的固定表达

正则字符集描述： 1.   . 匹配任意字符 （\n除外），用来占位2. 、\d匹配数字，即0-9   ==  [0-9]3.   \D匹配非数字 ，== [^0-9]4. \s 匹配空白，即空格，tab键  == [ ]5. \S匹配非空白   == [^ ]6.  \w匹配单词字符，即a-z，A-Z ，0-9，_    == [a-zA-Z0-9_]7. \W匹配非...

原创 python语言下的socket—tcp 客户端建立

使用socket建立 tcp的客户端的基本代码，可以使之更加复杂，但最基本的几点都在这里可以通过packet tracer 软件来测试。 1 from socket import * 2 #导入socket包 3 4 clientSocket = socket(AF_INET,SOCK_STREAM) 5 clientSocket.connect(("192.168....

原创 python语言下的socket套接字创建模板

tcp协议下通过socket创建服务器代码 from socket import * 2 #导入socket包 3 4 serverSocket = socket(AF_INET,SOCK_STREAM) 5 serverSocket.bind(("",8080)) 6 serverSocket.listen(5) 7 # 创建socket套接字的固定结构 8 ...

原创 python的模块导入

原创 Linux中模块的发布和安装