void指针viod指针称为通用指针，就是可以指向任意类型的数据，就是任意类型的指针都可以赋值给void指针。#include<stdio.h>intmain(){//声明不同类型的变量inti=123;char*c="ABC";//声明void指针void*v;v=i;//把int类型数据赋值给void类型数据printf("%d\n",(int*)v);v=c;//把char类型数据赋值给void类型数据printf("%s\n",(char*)v);return0;}NULL指针NULL用于给指针和对象，指向一个不被使用的地址，避免出现野指针（没有初始化的指针，而出现的随机值）；而\0表示字符串的结尾。#include<stdio.h>intmain(){int*a;//野指针int*b=NULL;//作为指针变量初始化printf("%d\n",a);printf("%d\n",b);return0;}
工具说明使用tkinter制作的小工具，随机抽取一个男生、女生或者随机抽取一个人使用方法成品地址：https://pan.bigdataboy.cn/#/s/0Mh6源码地址：https://github.com/bigdataboy2020/choose_a_person准数据文件&打开软件初始化一定注意表格文件文件格式随机抽取源码说明view目录工具界面文件，能单独运行测试，没有功能main.py运行主文件，包含主要功能实现逻辑data.xlsx软件读取数据的文件，注意格式，不然无法初始化使用。打包说明使用pyinstaller打包，进入项目目录打包打包命令：pyinstaller-F-wmain.py
问题在使用CLion编写C项目时，一个项目下如果包含多个C文件里有main函数，就会出现以下报错出现问题的原因在CMakeLists.txt文件里，所有包含main函数C文件，都共用了这个a，所有就会起冲突。解决使‘CMakeLists.txt’文件能自动给main函数文件起不同的名字，就完美解决CMakeLists.txt文件内容#遍历项目根目录下所有的.cpp文件file(GLOBfiles*.c*/*.c)foreach(file${files})string(REGEXREPLACE".+/(.+)\\..*""\\0"exe${file})add_executable(${exe}${file})message(\\\\--\src/${exe}.cpp\will\be\compiled\to\bin/${exe})endforeach()技巧#如果你只需要根目录下的test文件夹的所有.c文件file(GLOBfilestest/*.c)#如果你只有两层目录的话file(GLOBfiles*.c*/*.c)#同理，三层的话file(GLOBfiles*.c*/*.c*/*/*.c)#官方提供了一种递归的方法#这样在运行框会多一个CMakeCXXCompilerId，不过无伤大雅file(GLOB_RECURSEfiles*.c)
说明安装Win环境下运行C程序官网安装包地址：https://www.jetbrains.com/clion/download/other.htmlCLion2020.1地址：https://pan.bigdataboy.cn/#/s/vZsD破解包：https://pan.bigdataboy.cn/#/s/mYSB最好配合2020.1使用MinGW下载地址：https://sourceforge.net/projects/mingw-w64/files/Toolchains%20targetting%20Win64/Personal%20Builds/mingw-builds/安装&配置正常下载安装CLion（最好是2020.1版本）配置MinGW下载MinGW网址：https://sourceforge.net/projects/mingw-w64/files/Toolchains%20targetting%20Win64/Personal%20Builds/mingw-builds/进入后，不要直接点下载，往下拉，下载压缩包下载完成解压到某个目录配置CLion第一次安装CLion，会弹出如下窗口配置MinGW在CLion内配置MinGW安装完成破解使用时间拖入插件再次打开查看过期时间
说明对JDBC进行简单的封装，方便使用完整代码：https://pan.bigdataboy.cn/#/s/nMC0数据库数据创表DROPTABLEIFEXISTSuser;CREATETABLEuser(idBIGINT(20)NOTNULLauto_incrementCOMMENT'主键ID',nameVARCHAR(30)NULLDEFAULTNULLCOMMENT'姓名',ageINT(11)NULLDEFAULTNULLCOMMENT'年龄',emailVARCHAR(50)NULLDEFAULTNULLCOMMENT'邮箱',PRIMARYKEY(id));加入数据INSERTINTOuser(id,name,age,email)VALUES(1,'Jone',18,'test1@bigdataboy.com'),(2,'Jack',20,'test2@bigdataboy.com'),(3,'Tom',28,'test3@bigdataboy.com'),(4,'Sandy',21,'test4@bigdataboy.com'),(5,'Billie',24,'test5@bigdataboy.com');构建目录工具类连接工具类，封装连接对象，方便获取连接packagecn.bigdataboy.util;importjava.sql.PreparedStatement;importjava.sql.Connection;importjava.sql.DriverManager;importjava.sql.ResultSet;importjava.sql.SQLException;publicclassDBConnectionUtil{//创建连接参数privatestaticStringdriver="com.mysql.jdbc.Driver";privatestaticStringurl="jdbc:mysql://localhost:3306/jdbctest?characterEncoding=utf8";privatestaticStringusername="";privatestaticStringpassword="";//获取连接对象publicstaticConnectiongetConnection(){Connectionconn=null;//获取连接try{//加载驱动Class.forName(driver);conn=DriverManager.getConnection(url,username,password);}catch(SQLExceptionthrowables){throwables.printStackTrace();}catch(ClassNotFoundExceptione){e.printStackTrace();}returnconn;}//关闭全部publicstaticvoidcloseAll(ResultSetrs,PreparedStatementps,Connectionconn){if(rs!=null){try{rs.close();}catch(SQLExceptionthrowables){throwables.printStackTrace();}};if(ps!=null){try{ps.close();}catch(SQLExceptionthrowables){throwables.printStackTrace();}};if(conn!=null){try{conn.close();}catch(SQLExceptionthrowables){throwables.printStackTrace();}}}}测试连接工具类publicstaticvoidmain(String[]args){Connectionconnection=getConnection();System.out.println(connection);}用户实体类用户实体类的字段需要与数据表字段对应packagecn.bigdataboy.entity;publicclassUser{privateintid;privateStringname;privateintage;privateStringemail;publicintgetId(){returnid;}publicvoidsetId(intid){this.id=id;}publicStringgetName(){returnname;}publicvoidsetName(Stringname){this.name=name;}publicintgetAge(){returnage;}publicvoidsetAge(intage){this.age=age;}publicStringgetEmail(){returnemail;}publicvoidsetEmail(Stringemail){this.email=email;}}定义dao层接口dao层主要功能是提供对数据库数据的操作类packagecn.bigdataboy.dao;importcn.bigdataboy.entity.User;publicinterfaceUserDao{//通过id查询用户UsergetUserById(intid);}实现UserDao接口packagecn.bigdataboy.dao.impl;importcn.bigdataboy.dao.UserDao;importcn.bigdataboy.entity.User;importcn.bigdataboy.util.DBConnectionUtil;importjava.sql.Connection;importjava.sql.PreparedStatement;importjava.sql.ResultSet;importjava.sql.SQLException;publicclassUserDaoImplimplementsUserDao{//通过id查询用户publicUsergetUserById(intid){Useruser=null;Connectionconn=null;PreparedStatementps=null;ResultSetrs=null;try{//通过连接工具类获取连接对象conn=DBConnectionUtil.getConnection();Stringsql="select*fromuserwhereid=?";ps=conn.prepareStatement(sql);ps.setInt(1,id);//设置第一个问号的值rs=ps.executeQuery();//执行SQL语句//判断是否返回到值，多个值需要循环使用next()获取if(rs.next()){//设置user值user=newUser();user.setId(rs.getInt("id"));user.setName(rs.getString("name"));user.setAge(rs.getInt("age"));user.setEmail(rs.getString("email"));}}catch(SQLExceptionthrowables){throwables.printStackTrace();}finally{//关闭全部DBConnectionUtil.closeAll(rs,ps,conn);}returnuser;}}测试实现的getUserById()方法packagecn.bigdataboy.dao;importcn.bigdataboy.dao.impl.UserDaoImpl;importcn.bigdataboy.entity.User;importorg.junit.Test;publicclassTestUserDaoImpl{@TestpublicvoidTestGetUserById(){intid=1;UserDaoImpluserDao=newUserDaoImpl();Useruser=userDao.getUserById(id);System.out.println(user.getId());System.out.println(user.getName());System.out.println(user.getAge());System.out.println(user.getEmail());System.out.println(user.getClass());}}其他的修改、添加、删除数据都是一样的，完整代码里有
说明Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。相关请求引入：https://cdn.jsdelivr.net/npm/axios/dist/axios.min.jsGET请求精简（只有url，没有参数）axios.get(url).then(response=>{//请求成功console.log(response.data);}).catch(error=>{//请求失败，console.log(error);});完整参数axios.get(url,{//设置请求头信息，可以传递空值headers:{K:V,},//传递参数params:{K:V,},}).then(response=>{//请求成功console.log(response.data);}).catch(error=>{//请求失败，console.log(error);});POST请求qs库地址：https://cdn.bootcdn.net/ajax/libs/qs/3.0.0/qs.jsqs.stringify()：将对象或者数组序列化成URL的格式qs.parse()：将qs.stringify()序列化的对象或者数组转回去letdata={K:V}axios.post("api",qs.stringify(data),{headers:{'token':token}}).then(response=>{//请求成功letres=response.data;console.log(res);}).catch(error=>{//请求失败，console.log(error);});其他请求待更新
案例介绍CSS有点丑，但是功能完整，将就看一下完整代码：https://pan.bigdataboy.cn/#/s/Oeia点击回车键添加内容清空所有内容总条数显示内容删除清空内容，隐藏底部条数与清空按钮功能说明内容添加v-model绑定表单内容用于数据绑定，@keyup.enter绑定回车键事件，添加内容<inputtype="text"v-model="inputValue"@keyup.enter="add"/>内容显示及删除v-for循环数组，显示内容。@click绑定点击事件，删除内容<ul><liv-for="(item,index)inlist"><span>{{index+1}}</span><span>{{item}}</span><buttonclass="remove"@click="remove(index)">X</button></li></ul>显示总条数及清空v-show判断是否显示，{{list.length}}显示总条数，@click绑定点击事件，用于清空数组<divv-show="list.length!=0"><span>{{list.length}}items</span><buttonclass="clear"@click="clear">Clear</button></div>Vue代码varvue=newVue({el:"#app",data:{//内容数组list:["吃饭饭","睡觉觉","打豆豆"],//输入的内容inputValue:"",},methods:{//添加add:function(){this.list.push(this.inputValue)},//移除remove:function(index){this.list.splice(index,1)},//清空clear:function(){this.list=[]}}})
说明上下条数切换第一条时，上一条按钮禁止点击最后一条时，下一条按钮禁止点击<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><!--当第一条时，按钮禁止--><buttontype="button"v-bind:disabled="index==0?true:false"@click="prev">上一条</button><br/><spanv-text="arr[index]"></span><br/><!--最后一条时，按钮禁止--><buttontype="button"v-bind:disabled="index==arr.length-1?true:false"@click="next">下一条</button></div></body><script>varvue=newVue({el:"#app",data:{arr:["你要努力的去生活，因为你只有努力了，才知道自己真的不行。","好看的皮囊三千一晚，有趣的灵魂要车要房。","别人的钱财，乃我的身外之物。","别人的身体里都是才华，你的身体里都是珍珠奶茶。",],index:0},methods:{prev:function(){this.index-=1},next:function(){this.index+=1}}})</script>
v-text设置标签的文本属性v-text会覆盖原本标签的值标签想要部分设置文本可以使用{{}}方式v-text、{{}}支持逻辑表达式<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><h2>信息：{{message}}</h2><h2>信息：{{message+"!"}}</h2><h2v-text="name">姓名</h2><h2v-text="name+'!'">姓名</h2></div></body><script>varvue=newVue({el:"#app",data:{message:"大数据男孩",name:"Bigdataboy",}})</script>v-html设置元素的innerHTML，data对象里的HTML结构会解析成标签，v-text只会解析成文本<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><pv-html="content"></p></div></body><script>varvue=newVue({el:"#app",data:{content:"<h2>大数据男孩</h2>"}})</script>v-on为元素绑定事件完整格式：v-on:事件="方法名"缩写：@事件="方法名"绑定的方法定义在methods属性里面相关事件：click点击、dblclick双击、mouseenter鼠标移动…<body><divid="app"><inputtype="button"value="v-on指令"v-on:click="fun"><inputtype="button"value="v-on缩写"@click="fun"><pv-text="message"@click="changeMessage"></p></div></body><script>varvue=newVue({el:"#app",data:{message:"大数据男孩",},methods:{fun:function(){alert("事件绑定")},changeMessage:function(){this.message+="真帅"},},})</script>v-on补充传参事件绑定方法写成函数调用形式，可以传入自定义参数<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><inputtype="button"value="按钮"@click="doBtn('老铁','666666')"/></div></body><script>varvue=newVue({el:"#app",methods:{doBtn:function(p1,p2){console.log(p1,p2)}}})</script>修饰符事件的后面跟上.修饰符可以对事件进行限制更多访问：https://cn.vuejs.org/v2/api/#v-on<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><inputtype="text"@keyup.enter="doEnter('回车被点击')"/></div></body><script>varvue=newVue({el:"#app",methods:{doEnter:function(p){console.log(p)}}})</script>v-show用于显示&隐藏标签支持条件表达式本质是控制display:none;<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><!--布尔值--><imgv-show="true"src="./img/1.jpg"style="width:10%;height:10%;"/><!--变量控制--><imgv-show="isShow"src="./img/1.jpg"style="width:10%;height:10%;"/><!--条件表达式--><imgv-show="age>18"src="./img/1.jpg"style="width:10%;height:10%;"/></div></body><script>varvue=newVue({el:"#app",data:{isShow:true,age:17},})</script>v-if用于显示&隐藏标签支持条件表达式本质是判定为false时把标签移除v-if相对于v-show，更消耗性能，因为v-if需要操作DOM树<body><divid="app"><inputtype="button"@click="toggleIsShow"value="切换v-if"/><p></p><!--变量控制--><imgv-if="isShow"src="./img/1.jpg"style="width:10%;height:10%;"/><!--条件表达式--><imgv-if="age>18"src="./img/1.jpg"style="width:10%;height:10%;"/></div></body><script>varvue=newVue({el:"#app",data:{isShow:true,age:17},methods:{toggleIsShow:function(){this.isShow=!this.isShow}}})</script>v-bind为元素绑定属性完整写法：v-bind:属性缩写：:属性如果设置的class属性，建议使用对象方式判断是否添加类名<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><!--绑定src属性（完整写法）--><imgv-bind:src="isSrc"style="width:10%;height:10%;"/><br/><!--绑定src属性（缩写写法）--><img:src="isSrc"style="width:10%;height:10%;"/><br/><!--绑定类名（建议对象写法）--><img:src="isSrc":class="{img:isShow,active:isActive}"style="width:10%;height:10%;"/><!--绑定类名（数组写法）--><img:src="isSrc":class="[show,active]"style="width:10%;height:10%;"/></div></body><script>varvue=newVue({el:"#app",data:{isSrc:"./img/1.jpg",isShow:true,isActive:true,show:"show",active:"active",}})</script>v-for根据数组生成列表结构v-for经常与数组搭配使用语法：(item,index)in数组改变数组的内容会同步更新到页面上，是响应式的<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><h2>大数据男孩</h2><ul><liv-for="(item,index)inarr">{{index+1}}{{item}}</li></ul><h2>兴趣</h2><h3v-for="iininterest"v-bind:title="i.name">{{i.name}}</h3></div></body><script>varvue=newVue({el:"#app",data:{arr:["帅气","没钱","可爱","有趣","想了解吗？"],interest:[{"name":"摄影"},{"name":"网络"},{"name":"哲学"},]}})</script>v-model便捷设置和获取表单元素的值绑定的数据会和表单元素的值相关联绑定的数据<—->表单元素的值<scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script><body><divid="app"><inputtype="text"v-model="message"/><h2v-text="message"></h2></div></body><script>varvue=newVue({el:"#app",data:{message:"",}})</script>
概述官网：https://cn.vuejs.org/第一个Vue程序引入Js<!--开发环境版本，包含了有帮助的命令行警告--><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>渲染数据数据渲染不支持单标签、html、body标签<divid="app">{{message}}<p>{{date}}</p></div>Vue数据渲染支持同步刷新渲染数据data对象，支持选择的标签及后代标签<script>varvue=newVue({el:"#app",//挂载点选择器都支持(建议使用ID选择器)data:{message:"HelloBigdataboy",date:"2020.9.275.20"}})</script>data对象渲染复杂类型数据<body><divid="app">{{message}}<h2>{{infor.name}}</h2><ul><li>{{advantage[0]}}</li><li>{{advantage[1]}}</li><li>{{advantage[2]}}</li></ul></div></body><script>varvue=newVue({el:"#app",data:{message:"HelloBigdataboy",//普通类型infor:{//Json对象name:"bigdataboy",age:"18"},advantage:["帅气","幽默","有内涵"]//数组}})</script>