- 博客(62)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
192
原创 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
206
原创 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
235
原创 echarts
是一个开源可视化库，主要用于显示数据的图表，可以兼容绝大部分浏览器，同时可以兼容移动设备。特点:是一个js插件 性能好，能兼容PC和移动端 兼容主流浏览器 提供很多常用图表:柱状图，折线图，散点图，饼图...支持自定义图表 注意引入<script src="/echarts.min.js"></script> echarts.min.js文件下载方式：官网<!DOCTYPE html><html lang="en">...
2021-10-19 17:12:56
131
原创 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
123
原创 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
193
原创 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
736
原创 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
552
原创 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
1578
原创 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
746
原创 VUEX 基础使用
VUEX是什么？ 是实现组件全局状态(全局数据)管理的一种机制，可以方便的实现组件之间的数据共享主要是用来实现数据共享的，以后提到的状态的时候，就要知道是要共享的全局数据。VUEX的好处可以在VUEX中集中管理共享的数据，易于开发和后期维护。 能够高效实现组件之间的数据共享，提高开发效率 存储在vuex中的数据都是响应式的，可以保持数据与页面的同步什么样的数据适合存储到vuex中？ 一般情况下，只有组件之间的共享数据才有必要存储到vuex中；对...
2021-10-08 16:55:31
198
原创 常用UI组件库
VUEVant - Mobile UI Components built on VueMand MobileElement - The world's most popular Vue UI framework
2021-09-29 09:05:06
205
原创 正则表达式的基础使用
//正则表达式的声明:两种方式效果一样// 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
111
原创 git远程库使用
参照网址：https://blog.youkuaiyun.com/weixin_43945196/article/details/90674228git由4部分区域组成1.工作区2.暂存区3.版本库（本地）4.远程库（coding）克隆项目：git clone <项目克隆https地址>上传代码到远程库的必须步骤：工作区->暂存区： git add <fileName> <fileName>暂存所有文件：git add .暂存区->.
2021-08-18 17:39:54
226
原创 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
212
原创 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
192
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
469
原创 爬虫技术(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
731
原创 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
434
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
910
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
127
原创 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
174
原创 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
110
原创 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
228
原创 javaweb html基础知识（表格篇）
img标签是图片标签，用来显示图片src属性可以设置图片的路径width属性设置图片宽度height属性设置图片高度border属性设置图片边框大小alt属性设置当指定路径找不到图片时，用来代替显示的文本内容在web中路径分为相对路径和绝对路径两种： 相对路径： . 表示当前文件所在的目录 .. 表示当前文件所在的上一级目录 文件名 表示当前文件所在目录的文件，相当于 ./文件名 可以省略 绝对路径： http:/...
2021-01-19 21:51:30
225
原创 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
1678
原创 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
106
原创 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
154
原创 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
1409
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
6209
原创 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
218
原创 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
943
原创 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
325
原创 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
1140
原创 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
402
原创 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
139
原创 成员内部类的使用方法（两种）
成员内部类定义格式：修饰符 class 类名称{ 修饰符 class 类名称{ } }注意：内用外，随意访问；外用内，需要内部类对象。如何使用内部类？ 两种方法：1.在外部类的方法当中，使用内部类；然后main只是调用外部类的方法【间接】2.直接方式，公式：类名称 对象名=new 类名称（）；外部类名称.内部类名称 对象名=new 外部类名称().new 内部类名称();package Neibulei;public class Body { //外部类
2020-09-02 23:46:15
891
原创 final类的使用格式及使用注意事项
当final关键字用来修饰一个类的时候，格式：public final class 类名称{…}含义：当前这个类不能有任何子类 （太监类）注意：一个类如果是final的，那么其中所有的成员方法都无法进行覆盖重写。对于类、方法来说，abstract关键字和final不能同时使用常用四种方法：1.可以用来修饰一个类2.可以用来修饰一个方法3.可以用来修饰一个局部变量4.可以用来修饰一个成员变量对于成员变量：1.由于成员变量具有默认值，所以用了final之后必须手动赋值，不会再给默认值了
2020-09-02 22:59:18
1146
原创 java的上转型和下转型的格式和注意事项 usb接口案例
1.对象的向上转型，其实就是多态写法：格式：父类名称 对象名=new 子类名称(); Animal animal=new Cat();含义：右侧创建一个子类对象，把它当做父类来看待使用。 创建了一只猫，当做动物对待，没问题。注意：向上转型一定是安全的。从小范围转向了大范围，从小范围的猫，向上转为更大范围的动物。2.向下转型，其实是一个还原的动作格式：子类名称 对象名=（子类名称）父类对象;含义：将父类对象，还原成为本来的子类对象。Animal ani
2020-09-02 22:29:16
258
原创 多态的格式及使用
/* 代码当中体现多态性：父类引用指向子类对象格式：父类名称 对象名=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
460
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人