自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(62)
  • 资源 (2)
  • 收藏
  • 关注

原创 VUE指令和基础方法

v-show :根据状态的布尔值来决定节点的显示属性v-if: 是否渲染注意:两者相似,但是如果需要频繁的切换应用,就使用v-show(性能损耗更小,执行效率越高),不需要引起网页整个节点的变化。 v-if是整个文档的渲染v-else:可以紧跟着v-if使用v-bind : 属性的绑定可以简写成 :属性名=" "class的绑定:注意v-bind:class 不会覆盖原有的class1.数组法:class="[class1 class2]"2....

2021-11-03 09:12:49 155

原创 Angular

官档:https://angular.cn/安装脚手架npm install -g @angular/cli创建项目ng new 项目名运行项目ng serve --open组件初始组件位置:src/app1.app.component.html/.ts<h1>hello word</h1><!-- 用(click) 绑定点击事件,注意函数名后要带() --><button (click)="inc..

2021-11-02 14:11:54 167

原创 socket

socket是双向通讯 (服务端/用户端)1.创建eggjs项目 并npm i egg-cors配置好跨域2.配置io: 安装 npm i egg-socket.ioconfig/plugin.js //io配置 io:{ enable:true, package:'egg-socket.io' }config/config.default.js//配置io config.io = { init:{ wsEngine:'...

2021-10-20 16:42:51 191

原创 echarts

是一个开源可视化库,主要用于显示数据的图表,可以兼容绝大部分浏览器,同时可以兼容移动设备。特点:是一个js插件 性能好,能兼容PC和移动端 兼容主流浏览器 提供很多常用图表:柱状图,折线图,散点图,饼图...支持自定义图表 注意引入<script src="/echarts.min.js"></script> echarts.min.js文件下载方式:官网<!DOCTYPE html><html lang="en">...

2021-10-19 17:12:56 105

原创 js入门基础(记)

1.反引号也称之为字符串反引号的字符串当中可以使用${表达式}反引号字符串可多行var a=123; var g=222varc=`123${a}${g}`;输出c:123 123 2222.两边如果有一个字符串,那么+为连接符会把所有的内容当成字符串拼接vard=1+'1';输出d:113. 0NaNundefine空字符串为false4. && 与运算,会根据左边的值的布尔值结果来判断返回那个值。...

2021-10-19 00:33:41 98

原创 webpack(基础)

webpack是一个流行的前端项目构建工具,提供了模块化支持,代码的压缩混淆,解决js的兼容性问题,性能优化提高项目可维护性和开发效率。基本使用1.创建项目npm init -y2.编写html和js,js中需要安装jQuerynpm i jQuery编译完成后发现无法直接运行,因为ES6语法在浏览器中可能存在兼容性问题,所以需要webpack解决。3.安装webpacknpm i webpack webpack-cli -D4.创建webpack配置文件..

2021-10-18 16:10:49 153

原创 Midway使用Sequelize

安装Midway支持的sequelizenpm install @midwayjs/sequelize -S安装数据库驱动npm install mysql2 --save引入模块:在src/configuration.ts文件中:import * as sequlize from '@midwayjs/sequelize';@Configuration({ imports: [sequlize], importConfigs: [join(__d...

2021-10-18 09:10:00 657

原创 midway自动生成model

sequelize-typescript-generator在ts语法项目中从mysql数据库自动生成model官方文档和使用教程:sequelize-typescript-generator - npm安装stgnpm install -S sequelize-typescript-generator我们希望运行npm run db就可以生成model,所以还需要安装npx:npm install -g npx安装完成后,试试stg是否可用:npx stg -

2021-10-15 15:03:26 493

原创 midway部署到服务器

1.从代码库将项目下载下来,并打包上传到服务器(将项目基本文件(不带node_modules,log之类的非必要路径 复制到另一个地方))2.在服务器中解压,安装依赖 npm i3.构建得到打包好的代码,在项目中的dist目录下npm run build4.编写bootstrap.js文件(如果安装bootstrap,会自动生成,安装命令:npm install @midwayjs/bootstrap --save) 在文件中如果需要修改端口,或者其他配置,直接编写这个文件...

2021-10-15 14:02:33 1367

原创 vue数据持久化 (刷新后数据不重置)

vuex-persistedstate - npm (npmjs.com)1.安装一个小插件npm install --save vuex-persistedstate2.在store文件夹下的index.js中import createPersistedState from "vuex-persistedstate";//数据持久化plugins: [createPersistedState()],3.如:import Vue from 'vue'im...

2021-10-11 09:56:49 652

原创 VUEX 基础使用

VUEX是什么? 是实现组件全局状态(全局数据)管理的一种机制,可以方便的实现组件之间的数据共享主要是用来实现数据共享的,以后提到的状态的时候,就要知道是要共享的全局数据。VUEX的好处可以在VUEX中集中管理共享的数据,易于开发和后期维护。 能够高效实现组件之间的数据共享,提高开发效率 存储在vuex中的数据都是响应式的,可以保持数据与页面的同步什么样的数据适合存储到vuex中? 一般情况下,只有组件之间的共享数据才有必要存储到vuex中;对...

2021-10-08 16:55:31 173

原创 常用UI组件库

VUEVant - Mobile UI Components built on VueMand MobileElement - The world's most popular Vue UI framework

2021-09-29 09:05:06 169

原创 正则表达式的基础使用

//正则表达式的声明:两种方式效果一样// const reg_1 = /ab+c/// const reg_2 = new RegExp("ab+c")// const str = 'adsvadcacasdad'// console.log(reg_1.test(str)); //正则表达式对象的test方法返回布尔值,用于校验目标字符串是否符合规则// console.log(str.match(reg_1)); //字符串对象的match方法用于匹配和提取字符串中的目标内容// .

2021-09-03 16:03:30 87

原创 git远程库使用

参照网址:https://blog.csdn.net/weixin_43945196/article/details/90674228git由4部分区域组成1.工作区2.暂存区3.版本库(本地)4.远程库(coding)克隆项目:git clone <项目克隆https地址>上传代码到远程库的必须步骤:工作区->暂存区: git add <fileName> <fileName>暂存所有文件:git add .暂存区-&gt.

2021-08-18 17:39:54 192

原创 React Native App

https://www.react-native.cn/docs/environment-setup1.安装jdk 优先考虑jdk82.配置好环境变量 JAVA_HOME (C:\Program Files\Java\jdk1.8.0_131)3.安装 androd studio勾选上4. 配置环境变量 :环境变量当中新建ANDROID_HOME 默认是在用户目录下的AppData\Local\Android\SdkANDROID_HOME(C:\Users\Adm...

2021-08-16 18:03:00 165

原创 html+CSS样式 (记)

style: 1. z-index :图像或背景层叠出现的优先级 值:负数(-1)则出现在后面 2. .类名 ::before/::after : 插入的是span标签 ,content一定要设置,可为空 <style> .box::before{ /*插入的是span标签*/ content: "123"; /*after before一定要设置cont...

2021-08-14 16:24:55 161 1

原创 puppeteer爬取数据实例

实例1:const pptr=require('puppeteer-core');const findChrome =require('chrome-finder');const chromePath=findChrome();const main=async()=>{ const browser = await pptr.launch({ headless:false, //无头模式(后台运行模式),默认为true,为true时不显示浏览器 e

2021-08-13 15:00:08 401

原创 爬虫技术(puppeteer)

安装(前提安装谷歌浏览器) 1.创建一个项目目录,初始化,命令:npm init 一路回车 2.安装 npm i puppeteer-core 3.为了方便安装一个插件npm i chrome-finder//node 执行js命令:node 文件名//如果想保存后直接重新允许,用nodemon启动js//nodemo安装命令:npm i nodemon -g//启动命令:nodemon 文件名const pptr=require('...

2021-08-09 16:57:41 672

原创 egg.js模板渲染(头部与底部的引入)

步骤:1.在egg项目的根目录cmd,输入: npm i egg-view-nunjucks --save引入view插件。2.配置1.在config/plugin.js中启用插件:nunjucks:{enable:true,package:'egg-view-nunjucks',},2.在config/config.default.js中配置config.view={defaultViewEngine:...

2021-07-31 18:01:18 382 1

原创 egg.js(MySQL)的应用

以下方法声明在/app/controller中创建的js文件中使用。数据库的引用(要先在egg中引入和配置好sequlize):awaitctx.model.User.create //User为数据库中的表名, create为方法,引入model文件夹下的user.js文件。 下面内容亦同1.db增加数据 (create)async abc(){ const {ctx}=this; try{ await ctx.model.User.create({ ...

2021-07-31 17:05:54 844 1

原创 Node.js

Node执行js文件命令: node 路径/js文件名注意:要在文件的目录下,否则路径需要补全 1. 如何判断当前路径是否正确:使用Tab键 2.进入某个路径命令:cd 路径路径可以是绝对路径,也可以是相对路径返回上一层是两个点 ..返回多层 ..\..eggjs 1.创建一个文件夹,cmd在这个文件夹路径下运行:npm init egg --type=simple 2.初始化完成后,...

2021-07-27 17:53:18 100

原创 JS 解构赋值

```javascript <script> // var a=1; // var b=2; // var c=3; //解构赋值,按照一一对应的方式,从数组提取值,再将提取出来的值赋给变量 //解构:分解数据结构 //如果没有匹配到,多余的变量就是undefined // let[a,b,c]=[1,2,3]; //赋值形式等同于上方的赋值 // conso.

2021-07-26 19:55:54 145

原创 html表单的基础使用

<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>表单</title></head><body><!-- form标签就是表单 input type=text 是文本输入框 value设置默认显示内容 input type=password 是密.

2021-01-30 23:07:18 92

原创 javaweb html <iframe>与<a>的组合使用

ifarme和a组合使用的步骤:1.在iframe标签中使用name属性定义一个名称2.在a标签的target属性上设置iframe的name的属性值<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>组合使用</title></head><body><iframe src="c

2021-01-19 21:55:33 197

原创 javaweb html基础知识(表格篇)

img标签是图片标签,用来显示图片src属性可以设置图片的路径width属性设置图片宽度height属性设置图片高度border属性设置图片边框大小alt属性设置当指定路径找不到图片时,用来代替显示的文本内容在web中路径分为相对路径和绝对路径两种: 相对路径: . 表示当前文件所在的目录 .. 表示当前文件所在的上一级目录 文件名 表示当前文件所在目录的文件,相当于 ./文件名 可以省略 绝对路径: http:/...

2021-01-19 21:51:30 187

原创 JavaWeb 超链接的使用

<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>超链接</title></head><body><font size="4"> <a href="http://www.baidu.com" target="_self"> 搜索 </a> </font.

2021-01-14 00:07:13 1624

原创 collection集合常用功能

package Collection;import java.util.ArrayList;import java.util.Collection;public class DemoCollection { public static void main(String[] args) { //创建集合对象,可以使用多态 Collection<String> coll=new ArrayList<>(); System.

2020-09-15 21:43:24 82

原创 java 包装类装箱与拆箱&&基本类型与字符串之间的相互转换

装箱:把基本类型的数据,包装到包装类中(基本类型的数据——>包装类)构造方法:Integer(int value)构造一个新分配的Integer对象,它表示指定的int值Integer(String s)构造一个新分配的Integer对象,它表示String参数所指的int值传递的字符串,必须是基本类型的字符串,否则会抛出异常.静态方法:static Integer valueOf(int i)返回一个表示指定的int值的Integer实例static Integer valueOf(S

2020-09-10 00:23:37 115

原创 StringBuilder与String的相互转换 (toString)

public class DemoStringBuilder2 { public static void main(String[] args) { String str="那是个"; StringBuilder bu = new StringBuilder(str); bu.append("小日本子"); System.out.println(bu); //那是个小日本子 String s = bu.toStri

2020-09-09 23:33:51 1357 1

原创 StringBuilder类的使用 append方法的调用

java.lang.StringBuilder类:字符缓冲区,可以提高字符串的效率构造方法:StringBuilder()构造一个不带任何字符的字符串生成器,其初始容量为16个字符StringBuilder(String str)构造一个字符串生成器,并初始化为指定的字符串内容public class DemoStringBuilder { public static void main(String[] args) { StringBuilder bu1=new StringBui

2020-09-09 23:23:55 6001

原创 System类的常用方法

package Data;import java.util.Arrays;public class DemoSystem { public static void main(String[] args) { demo01(); demo02(); } /* public static void arraycopy(Object src,int srcPos,Object dest, int destPos,int length)

2020-09-09 22:52:05 182

原创 java Calendar(日历类)的各种使用方法

java.util.Calendar类:日历类Calendar类是一个抽象类,里边提供了很多操作日历字段的方法(YEAR/MONTH/DAY_OF_MONTH/HOUR)Calendar类无法直接创建对象使用,里边有一个静态方法叫做getInstance(),该方法返回了Calendar类的子类对象。static Calendar getInstance()使用默认时区和语言环境获得一个日历。public class DateCalendar { public static void ma

2020-09-09 22:31:38 874

原创 java的Date类使用实例 计算一个人出生到现在的天数

package Data;import java.text.*;import java.util.Date;import java.util.Scanner;public class DemoTest { public static void main(String[] args) throws ParseException { Scanner sc=new Scanner(System.in); System.out.println("请输入出生日期:

2020-09-07 23:33:49 284

原创 Date类的相关定义及使用方法

/*java.util.Data:表示日期和时间的类类Date表示特定的瞬间,精确到毫秒。毫秒:千分之一秒 1000毫秒=1秒java.text.DataFormat作用:格式化(日期->文本)成员方法:String format(Date date) 按照指定的模式,把Date日期,格式化为符合模式的字符串Date parse(String source) 把符合模式的字符串,解析为Date日期注:DateFormat类是一个抽象类,无法直接创建对象使用,可以使用DateFor

2020-09-07 23:15:44 1098

原创 java 接口作为成员变量类型的使用

public class Main { public static void main(String[] args) { Hero hero=new Hero(); hero.setName("奥利给"); //1. hero.setSkill(new SkillImpl()); /* 2. Skill skill=new Skill() { @Override p

2020-09-05 22:59:09 359

原创 java 内部类的同名变量访问&&局部内部类的定义

1.java 内部类的同名变量访问public class Outer { int num=10; //外部类的成员变量 public class Inner{ int num=20; //内部类的成员变量 public void methodInner(){ int num=30; //内部类方法的局部变量 System.out.println(num); System

2020-09-03 00:21:19 120

原创 成员内部类的使用方法(两种)

成员内部类定义格式:修饰符 class 类名称{ 修饰符 class 类名称{ } }注意:内用外,随意访问;外用内,需要内部类对象。如何使用内部类? 两种方法:1.在外部类的方法当中,使用内部类;然后main只是调用外部类的方法【间接】2.直接方式,公式:类名称 对象名=new 类名称();外部类名称.内部类名称 对象名=new 外部类名称().new 内部类名称();package Neibulei;public class Body { //外部类

2020-09-02 23:46:15 844

原创 final类的使用格式及使用注意事项

当final关键字用来修饰一个类的时候,格式:public final class 类名称{…}含义:当前这个类不能有任何子类 (太监类)注意:一个类如果是final的,那么其中所有的成员方法都无法进行覆盖重写。对于类、方法来说,abstract关键字和final不能同时使用常用四种方法:1.可以用来修饰一个类2.可以用来修饰一个方法3.可以用来修饰一个局部变量4.可以用来修饰一个成员变量对于成员变量:1.由于成员变量具有默认值,所以用了final之后必须手动赋值,不会再给默认值了

2020-09-02 22:59:18 1055

原创 java的上转型和下转型的格式和注意事项 usb接口案例

1.对象的向上转型,其实就是多态写法:格式:父类名称 对象名=new 子类名称(); Animal animal=new Cat();含义:右侧创建一个子类对象,把它当做父类来看待使用。 创建了一只猫,当做动物对待,没问题。注意:向上转型一定是安全的。从小范围转向了大范围,从小范围的猫,向上转为更大范围的动物。2.向下转型,其实是一个还原的动作格式:子类名称 对象名=(子类名称)父类对象;含义:将父类对象,还原成为本来的子类对象。Animal ani

2020-09-02 22:29:16 224

原创 多态的格式及使用

/* 代码当中体现多态性:父类引用指向子类对象格式:父类名称 对象名=new 子类名称();接口名称 对象名=new 实现类名称(); */public static void main(String[] args) { //多态写法 //左侧父类的引用,指向了右侧子类的对象 Fu obj=new Zi(); obj.method(); //子类方法 obj.methodFu(); //父类特有方法 } }public class Fu { public void

2020-09-02 02:02:04 411 1

java+sql 企业员工资料管理系统

简单java小实训

2021-01-19

phonenumber.cpp

C++哈希表实现电话管理系统,利用链地址法存储数据实现记录冲突。 头插法插入数据

2020-07-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除