- 博客(73)
- 收藏
- 关注
RSS订阅原创 Vue3组件开发——点击按钮外部触发弹窗事件
Vue3组件开发——点击按钮外部触发弹窗事件1. 环境配置：vscodeTS “bootstrap”: “^5.1.3”, “core-js”: “^3.6.5”, “vue”: “^3.0.0”, “vue-class-component”: “^8.0.0-0”2. 代码：useOutclick.TSimport { ref, onMounted, onUnmounted, Ref } from 'vue'const useClickOutside
2022-01-23 21:45:00
3225
原创 Vue3组件开发——DropDown显示点击下拉菜单
Vue3组件开发——DropDown点击下拉1. 环境配置：vscodeTS “bootstrap”: “^5.1.3”, “core-js”: “^3.6.5”, “vue”: “^3.0.0”, “vue-class-component”: “^8.0.0-0”之前让它显示是直接使用的is-disabled判断就是给的一个静态的数据，下面使用TS函数来实现点击逻辑2. 编写点击点击显示下拉菜单函数：逻辑代码： setup () { co
2022-01-23 21:42:55
3929
原创 解决bootstrap样式无效问题
前端时间用的用的是bootstrap的样式，然后慢慢的发现，每写一个组件，我的引入的bootstrap样式都没有生效。今天又看了一下，朋友提醒我是不是bootstrap引入的有问题。然后我去看了一下果然问题就出在这个地方。1. 问题描述先看看我前面写的博客，里面bootstrap样式显示的：是完全没有起到作用的！2. 解决2.1 查看package.json查看这个这里关于bootstrap包引入是否正常。可以看到样式依赖independence里面没有关于bootstrap的部分2
2022-01-23 21:40:35
8659
原创 Vue3组件开发——列表展开项(DropDownitem)
Vue3组件开发——列表展开项(DropDownitem)根据万物皆可组件化的开发思维，我们可以继续将组件化应用到列表展开项里面。因为在实际开发过程中，我们需要满客户随时修改列表项的需求，如果一股脑写死，维护还有开发可能都不会方便。1. 环境主要用到的环境是VScode+TS+VUE3+Bootstrap2. 代码2.1 组件：DropDownItem.vue<template> <li class="dropdown_option" :class
2022-01-14 14:14:53
2172
1
原创 VUE3组件开发——下拉菜单(DropDown)
VUE3组件开发——下拉菜单(DropDown)这个组件主要是实现下拉多级列表的形式1. 环境主要用到的环境是VScode+TS+VUE3+Bootstrap2. 代码这里主要就是判断是不是点击打开了下拉菜单的部分，让它显示多级列表2.1 组件DropDown.vue<template><!-- 写了样式也不骑作用 --><div class="dropdown" style="{display: inline-table}"> <a h
2022-01-14 13:01:46
5087
原创 Vue3组件开发-GlobalHeader
这个组件比上面一个组件简单多了，但是我在写的时候还是遇到了奇奇怪怪的问题。1 环境主要用到的环境是VScode+TS+VUE3+Bootstrap这个就是一个brandbar，头部导航条，逻辑方面就是判断是否登录，如果登录了那么就显示XXX欢迎，如果是未登录那么就是，登录以及注册的按钮跳转。2 代码2.1 GlobalHeader组件：代码：//创建一个globalheader组件<template> <nav class="navbar navbar-dark b
2022-01-13 00:48:36
775
原创 VUE组件开发——ColumnList
一起来开发属于自己的组件吧！这个是一个关于显示一个小的卡片的list的组件1 环境主要用到的环境是VScode+TS+VUE3+Bootstrap2 代码2.1 组件部分：columnlist.vue<template> <div class="row"> <div v-for="column in list" :key="column.id" class="col-xs-4 mb-4"> <div class="card h-
2022-01-12 22:28:52
935
原创 Python数据清洗与可视化——北京租房数据统计分析05
北京租房数据统计分析5.1数据的爬取代码：# 5北京租房数据统计分析# 5.1数据的爬取import pandas as pdimport numpy as npfile_path=open(r"D:\python课设\数据\数据\5、北京租房数据统计分析\链家北京租房数据.csv")file_data=pd.read_csv(file_path,encoding="utf-8")file_data运行结果:首先使用pandas的read_csv()方法进行数据的读取，然后就能
2021-12-28 23:04:00
13089
21
原创 Python数据处理与可视化分析——某年河北省旅游景点数据
可视化分析某年河北省旅游景点数据4.1 数据的爬取代码：# 4.1 数据的爬取import pandas as pdimport numpy as npfile_path=open(r'风景名胜区.csv')local_data=pd.read_csv(file_path)local_data运行结果：首先使用pandas的read_csv()方法进行数据的读取，然后就能够看到相应的表格信息。4.2河北省景点面积和旅客量位居前三的条形图显示4.2.1数据预处理代码：# 4
2021-12-27 23:38:01
16761
40
原创 Python数据清洗与处理——运动员信息的分组与聚合
运动员信息的分组与聚合3.1 数据的爬取代码：import pandas as pdf = open('运动员信息表.csv')data=pd.read_csv(f,skiprows=0,header=0)print(data)运行结果：首先使用pd.read_csv(f,skiprows=0,header=0)进行数据的读取，并且将数据转换成为dataframe的格式给对象，做初始化，方便后面进行数据的分析。3.2统计男篮、女篮运动员的平均年龄、身高、体重代码：# 3.2统计男篮
2021-12-27 18:59:26
7986
2
原创 Python数据分析与处理——处理中国地区信息
预处理地区信息2.1数据的爬取代码：import pandas as pddata=pd.read_csv("example_data.csv",header=1)print(data)data1=pd.read_csv("北京地区信息.csv",header=1,encoding='gbk')data2=pd.read_csv("天津地区信息.csv",encoding='gbk')print(data1)print(data2) 代码运行结果：首先使用panda
2021-12-27 18:57:57
3727
3
原创 Python数据分析与处理——北京高考分数线统计分析
北京高考分数线统计分析为了帮助广大考生和家长了解高考历年的录取情况，很多网站都汇总了各省市的录取控制分数线，为广大考生填报志愿提供参考。因受多种因素影响，每年的分数线或多或少会有一些变动。采集北京2006-2019年的信息。使用Python的Pandas库完成以下数据分析。1.1 数据爬取包含三部分内容：从哪里爬取，如何爬取，爬取的结果代码：import pandas as pdimport numpy as npdata=pd.read_excel("scores.xlsx",heade
2021-12-27 18:56:10
10970
3
原创 安卓控件——定时广播案例
安卓控件——广播其实在我们的安卓系统中有好多的地方都应用到了广播的部分：比如当我们手机电量很低的时候，手机就会发一个广播，告知用户，作出相应的操作。1.项目布局：7个button，俩text；2.布局文件：activity_main:<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:
2021-12-10 14:49:25
2867
原创 Eslint报错解决ENOSPC
Eslint报错解决今天好不容易顺畅的开始写了项目，他他他他叒报错了，emm，但是没事儿，我习惯了！1.报错c9e6d21\lib\cli-engine\load-rules.js’npm WARN tar ENOSPC: no space left on device, open ‘E:\ITLanguage\Vue\vueProject\zheye\node_modules.staging\eslint-bc9e6d21\lib\cli-engine\xml-escape.js’npm W
2021-12-07 00:33:10
1418
2
原创 TS速成计划-TS初体验
初次与TS的碰面虽然wo JS学的一般般，但不代表我TS不行哈我于是嗷就开始鼓捣TS主要是大佬一直给我推荐我看得心痒痒现在我就可以开始学习TS咯1. TS的安装npm install -g typescript在控制台输入：2. TS基本操作查看ts版本tsc -v编译ts文件像这样tsc XXX.ts3. 小小案例我是个菜鸡，但是别喷，我这就搞个小案例出来3.1 HTMl页面：<!DOCTYPE html><html lang="e
2021-12-05 23:59:01
1217
1
原创 快速使用StartService
快速使用StartService1.Service定义Android四大组件之一Service是一个可以在后台执行长时间运行操作而不提供用户界面的应用组件。服务可由其他应用组件启动，而且即使用户切换到其他应用，服务仍将在后台继续运行。组件可以绑定到服务，以与之进行交互，甚至是执行进程间通信 (IPC)2. 创建两个按钮：启动按钮以及停止按钮2.1 创建一个Service文件2.2 编写server部分：package com.example.servicebasic;impor
2021-12-04 14:08:22
2575
原创 使用WebView控件来实现外部网页的加载
使用WebView控件来实现页面的加载1. 修改配置文件首先我们需要修改配置文件使其拥有修改权限AndroidMainfest.xml加载百度页面在我们的配置文件中加载这一句：<!-- 因为要使用webview所以我增加了他的访问权限--> <uses-permission android:name="android.permission.INTERNET" />像这样2. 样式部分然后为我们的webview写入到组件样式部分activity—m
2021-12-04 14:00:18
2724
原创 搭建项目git环境
配置项目git环境1. ggos环境1.1配置mysql环境至少是8以上1.2下载gohttps://go.dev/doc/install在这里下载。1.3安装git版本不要太低1.4 安装cygwin1.4.1先去安装直接搜索去官网下载，然后启动启动文件就ok1.4.2 安装后配置描述在主机上安装 Cygwin 之后如何配置 SSH 并测试 Cygwin 设置。使用管理员身份使用cmd运行cygwin.bat文件验证是不是安装上了使用命令行：cygrunsrv -
2021-11-25 14:25:32
1037
原创 使用git向远程厂库提交代码时rejcted错误
在使用git向远程厂库提交代码时：有的小朋友会出现Push rejected: Push to origin/master was rejected出现这样的问题应该是本地厂库和远程厂库没有管理成功.push rejected推送被拒绝的问题；1.切换到自己项目所在的目录，右键选择GIT BASH Here如果是使用的Idea，可使用Alt+F122.在terminl窗口中依次输入命令：git pullgit pull origin mastergit pull ori
2021-11-25 14:10:40
1339
3
原创 vue init webpack报错
vue init webpack报错我前段时间摸鱼去了，好久没去写vue项目了，今天看到一个好项目建项目的时候突然出现了vue init webpack XX初始化错误，一看应该是因为自己vue—cli没有全局下载那就使用这么命令全局下载一下，然后再使用我们的vue webpack工具npm install -g @vue/cli-init -verbosevue init webpack XXqk3Znrzj-1637679035292)]这样就还蛮正常。...
2021-11-23 22:51:32
1047
原创 使用TOMCAT部署MAVEN项目
MAVEN项目使用TOMCAT部署MAVEN项目1. 新建一个MAVEN项目1.1新建项目选择Maven：首先我们要选择我们的Java JDK路径，然后勾选创建类型的单选框，又因为我自己是要构建WEB项目下面我们需要勾选maven webAPP选项类型，最后next就OK。1.2选择项目配置1.3 填好项目名称紧接着next配置MAVEN地址一般默认的都是对的，然后检查一下finish就可以了。使用Artfacts配置导出程序运行包1.打开file>projectstruc
2021-11-23 17:39:40
2389
原创 快速使用VUE UI
快速使用VUE UI打开VUE UI1. 使用cmd打开VUE 在cmd里面输入vue ui他会启动你的浏览器窗口，我们就可以看到2.使用VUE UI2.1 创建的文件位置创建的文件是默认在你启动vue ui的夹2.2 新建文件新建创建完毕2.3 新建项目创建配置包管理因为我npm用的比较多，还是使用npm。直接点击下一步默认就好稍微等一下下项目运行进入任务界面运行编译完成点击启动。编译完成后会自动打开
2021-11-23 13:16:42
727
原创 vue脚手架安装
1.安装npm和node一般安装了node应该就有npm。查看自己有没有安装过node和npm2.使用淘宝镜像下载vue脚手架npm install -g @vue/cli --registry=https://registry.npm.taobao.org回车然后vue -V查看版本是不是安装下来了然后我们cd进入到我们要进入新建我们VUE项目的夹下。、3.新建vue项目然后我们在这个夹下面新建vue项目夹mkdir vueTest然后我们cd vueTest然后我们在
2021-11-23 11:36:51
1251
原创 安卓——多页面选项跳转
安卓——多页面选项跳转1 建布局页面首先我们需要新建几个文件layout.xml在这里我有四个页面跳转所以我就需要写四个我需要写一个manue来进行选项点击跳转：2 编写 activity_main.java文件java逻辑文件：package com.example.menutopage;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.view.Menu
2021-11-20 16:03:55
1197
1
原创 快速开发安卓控件——简单对话框
安卓控件——简单对话框一步到位：我们直接开始写java逻辑文件，编写对话框内容：1 对话框：java逻辑文件1.1 mainActivity文件：package com.example.dialog;import androidx.appcompat.app.AlertDialog;import androidx.appcompat.app.AppCompatActivity;import android.app.Dialog;import android.content.Dialog
2021-11-20 11:40:57
1741
原创 安卓控件——页面跳转
安卓控件——页面跳转1 带参跳转1.1 新建Activity首先创建一个新的activity这个时候会自动生成一个页面的配套文件可以看到他生成了：我么接下来将会用到这几个文件。接下来我们继续开始编写代码：1.2 编写xml样式文件第一个页面：我们需要一个textview文本容器，一个button用来点击跳转，触发事件<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.Co
2021-11-20 11:05:12
1718
原创 安卓开发组件——进度条
安卓开发组件——进度条1 架构：我们只会用到两个文件：activity_main.xml以及MainActivity.java这两个文件。因为项目比较简短，我就没把参数放在VALUE夹里面编写，直接写进去的，如果大家自己写大项目的时候还是不要学我。2 写组件安卓页面2.1编写样式XML文件AndroidManifest.xml：<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget
2021-11-19 15:45:17
3130
3
原创 安卓gradle报错
在android开发过程中又报错了，这一次是版本错误第一步我们进行版本同步。报错信息：android studio报错Error: Gradle project sync failed. Please fix your project and try again.1. 版本同步：1.1 file>sync project with android gradle如果成功那就不用看下面的了1.2 报错：可以看到还是不能解决：应该还是版本问题，下载不下来，那么我们可以直接手动下载（先检查
2021-11-19 11:57:10
1598
原创 快速解决找不到Tomcat jre问题
今天打开cmd cd直接进入tomcat的安装的bin目录下面开启tomcat服务的时候突然来了一段这样的提示。这个时候cmd出现一串报错，大概是讲找不到jre java路径，那么可能是路径存在问题。1.修改路径这个时候我们就需要修改setclasspath.bat文件来修正我们的环境。在tomcat安装的bin目录下找到这个文件用记事本方式打开需要修改这个部分的路径为java jdk安装的路径以及jre路径。根据自己的实际安装位置更改然后我们重启cmd2. 测试重启
2021-11-01 19:45:53
3033
原创 tomcat过程中端口被占用的问题
使用tomcat过程中端口被占用的问题Error running ‘Tomcat 9.0.30’: Address localhost:1099 is already in use首先想到的就是关闭这个被占用的端口1. 关闭端口1.1 查看端口信息打开cmd命令查看端口信息：net start -ano然后我们查看我们的1099端口是不是正在使用：的确是被占用了，我么查看是被那个程序占用：可以看到后面有个pid为24148我们就可以顺着这个继续找1.2 查看进程输入命令tas
2021-11-01 19:43:42
242
原创 解决模拟器无法正常启动问题
解决模拟器无法正常启动问题1.检查SDK路径1.1检查idea里面sdk路径对不打开SDK manager查看你的sdk地址对不对1.2修改环境变量然后检查自己的环境变量，没有就加上，有问题就修改添加Android sdk环境变量以及avd虚拟机环境变量查看环境是不是配好了配好就打开cmd然后输入 android -h这样就是配好了的。2.冷启动打开SVD manager然后选择虚拟机，然后选择下拉箭头然后选择cold boot now（冷启动）3. android
2021-11-01 00:17:20
2793
原创 五分钟玩转Andriod开发环境配置
使用IDEA快速配置Android开发环境1. 配置Java环境首先下载JDK1.8然后配置环境变量配置环境变量HOME、BIN位置配置环境变量path：2. 配置SDK2.1下载SDK2.2配置环境变量配置系统环境变量配置环境变量：path，将tools、platform-tools、buid-tools目录路径加入到系统环境变量里面。配置path如下：2.3 验证环境是否装好win+r打开cmd输入android -h查看显
2021-10-31 22:16:12
1532
2
原创 一招解决A卡下载安卓模拟器问题
在安装android模拟器的时候我出现了一些问题，让人头疼今天总结一下，希望可以为小伙伴避避雷。主要问题描述为CPU为A卡不能使用安卓模拟器。可以看到右侧报的错误，大概就是说为AMD服务的安卓驱动无法下载。解决方案：1. 方法一：手动下载驱动1.1. CPU虚拟化首先确保你的 AMD CPU 支持虚拟化同时按住CRTL SHIFT ESC键打开任务管理器然后切换到性能：可以看到这里的虚拟化已经启用。1.2. 关闭和Hyper-V 的 Windows 特性然后我们现在打开启用或关闭W
2021-10-31 22:09:35
4113
原创 Andriod开发环境配置
使用IDEA快速配置Android开发环境1. 配置Java环境首先下载JDK1.8然后配置环境变量配置环境变量HOME、BIN位置配置环境变量path：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vOpO4el2-1635613673514)(https://i.loli.net/2021/10/29/cZWXavel4Cgwh7y.png)]2. 配置SDK2.1下载SDK2.2配置环境变量配置系统环境变量[外链图片转
2021-10-31 01:10:57
221
原创 接口文档自动生成，再也不用愁啦！！
今天发现了一款叫API Post工具，真的很好用，postman有的功能他都有！！！并且十分人性化的提供了，团队协作修改接口的功能，以及一键生成接口文档的机制！！我简直太爱了，我分享给友友们。1. 写接口：然后一键生成接口文档：2. 一键生成文档：点击分享文档：查看然后我们直接复制生成的链接打开就可以看到相关的信息。3.团队协作3.1新建一个团队编辑团队信息切换到团队》我的团队 就可以看到你所在的团队3.2 管理团队成员加入你的团队成员
2021-10-24 14:59:06
3074
原创 快速使用CSS技术手册
快速使用CSS技术手册1. CSS概述1.1. CSS基本概念CSS称为层叠样式表，CSS样式表或样式表，其文件扩展名：".CSS"。CSS用于控制网页样式，并允许将网页样式与信息分离的一种标记语言。1.1.1 CSS的引入由于HTML语言设计页面比较麻烦，需要多次设置，工作量大，于是部分内容由CSS来编写。CSS的优点：(1 )结构和风格分离，设计者只需要修改css文件中的内容，就可以改变整个网站的样式风格。(2)扩充HTML标记，HTML本身标记并不是很多，而且很多标记都是关于
2021-10-23 12:12:09
774
原创 手撕斐波那数列
斐波那数列1、递归做题的时候出现了超时的情况class Solution {public: int fib(int n) { int MOD=1000000007; int a; if(n==1 || n==2){ return 1; }else if(n<0){ return 0; } else{ retur
2021-10-22 23:22:16
117
原创 迅速入门爬虫数据清洗与可视化
数据爬取与分析1. 基础知识1.1 数据分析的基础知识数据分析的一般流程：明确目标-》采集数据-》数据清洗与分析-》绘制图表并且可视化-》得出结论1.2 具有python特色的程序1.3 字符串切片1 循环打印嵌套列表：movies=[“the holy”,1975,“terry jones”,91,[“graham”,[“michael”,“john”,“gilliam”,“idle”,“haha”]]]，实现以下形式的输出：The holy19752、字典值操作有如下值集合
2021-10-20 21:22:13
7371
6
原创 快速使用WebPack打包工具
webpackwebpack是一个JS静态资源打包工具1 前端模块化1.2 模块化模块AMDCMDCommonJSES6…webpack支持模块化开发可以帮助处理模块之间的关系不仅js可以被看做模块，在webpack中图片、json文件、CSS均可被看做模块使用1.3 grunt与glup的对比grunt、glup的核心是Taskgrunt、glup是前端自动化工具过程：首先我们定义一系列task让glup和grunt依次执行task，使流程自动化。
2021-08-28 01:06:55
363
1
原创 Vue模块化
Vue模块化1 模块化思想有很多模块化思想commo jsAMDCMDES6…模块化不仅可以帮助我们解决作用域问题，代码管理，提高代码质量等问题还可以减少我们在开发过程中出现的"冲突"。2 模块间的访问2.1 {}式导入引用2.1.1 导入import {flag,num1} from "./01模块间的访问b";if (flag){ console.log(num1);}2.1.2导出let num1=100;let flag=true;e
2021-08-27 00:45:44
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人