自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(70)
  • 收藏
  • 关注

原创 maven

标准跨平台(Linux,windows,macos)的自动化项目构建方式 清理、编译、测试、打包、发布。是一个项目管理和构建工具,它基于项目对象模型(POM)的概念,通过一小段描述信息来管理项目的构建。依赖的jar包,默认情况下,可以在任何地方使用。注意:在同一套生命周期中,当运行后面的阶段时,前面的阶段都会运行。间接依赖:被依赖的资源如何依赖其他资源,当前项目间接依赖其他资源。方便快捷的管理项目依赖的资源(jar包),避免版本冲突问题。排除依赖指主动断开依赖的资源,被排除的资源无需指定版本。

2023-10-10 21:00:05 434

原创 小小感悟之记录篇

至今工作已有四载,在小公司见证了他的发展。茂密的头发,也缺了2角。主要在B端,写过前端、后端、app、混合app。公司岗位越来越完善,我也定在前端。国庆回去7天,再次返岗,突然觉得非常压抑。无数的负面情绪铺面而来。思来想去,可能是这些工作,对我没有任何意义。卷不过他人,却又想卷。其实卷已经微乎其微了,主要的工作,已不在我这边。不想太多,不想过于内耗。4载无生活,我想寻生活。心静下来,寻找一些以往遗忘的东西。找寻一下兴趣,养兵,而不用兵。

2023-10-09 10:03:43 83

原创 linux简单常用命令

1、进入文件 vim 文件名(vim test.txt):w file 将修改另外保存到file中,不退出vi。使用wget或curl -O下载复制的安装包链接。放弃所有修改,从上次保存文件开始再编辑。7、删除文件夹命令(通用,但需要谨慎操作)强制保存文件,并退出vi。不保存文件,强制退出vi。强制保存,不推出vi。:w 保存文件但不退出vi。:wq 保存文件并退出vi。:q 不保存文件,退出vi。

2023-08-18 08:53:03 91

原创 JAVA 入门

将类的某些信息隐藏在类内部,不允许外部程序直接访问,而是通过该类提供的方法来实现对隐藏信息的操作和访问成员变量private,提供对应的getXxx()/setXxx()方法。//对于File而言,其封装的并不是一个正真存在的文件,仅仅是一个路经而已,它是可以存在的,也可以是不存在的,将来是要通过具体的操作把这个路经的内容转换为具体存在的。当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过类的加载,类的连接,类的初始化这三个步骤来对类进行初始化。那么有没有一种比较好的方式可以解决这个问题呢?

2023-06-06 20:48:59 539

原创 安卓的入门

当宿主Activity处于运行状态可以自由的添加和删除Fragment,只有当Activity处于运行状态的时候,Fragment的生命周期才能独立变化。如果栈顶部不存在就会创建新的实例并放入栈顶(即使栈中已经存在该Activity实例,只要不在栈顶,都会创建实例)会回调onNewIntent()方法。如果在任务的栈顶正好存在该Activity的实例,就重用该实例,而不会创建新的Activity对象,不过它会调用onNewIntent()方法。当主线程执行的操作时间过长,就无法执行其他操作。

2023-05-19 20:59:43 637

原创 mongodb搭建副本集

副本集有两种类型三种角色1、两种类型:主节点(Primary)类型:数据操作的主要连接点,可读写。次要(辅助、从)节点(Secondaries)类型:数据冗余备份节点,可以读或选举。2、三种角色:主要成员(Primary):主要接收所有写操作。就是主节点。副本成员(Replicate):从主节点通过复制操作以维护相同的数据集,即备份数据,不可写操作,但可以读操作(但需要配置)。是默认的一种从节点类型。仲裁者(Arbiter):不保留任何数据的副本,只具有投票选举作用。

2022-10-28 20:31:33 1876 3

原创 css3小知识

2、:not 在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;3、 [att^=val],如果元素用att表示的属性的属性值的开头字符为用val指定的字符,则该元素使用这个样式。4、 [att$=val],如果元素用att表示的属性的属性值的结尾字符用val指定的字符,则该元素使用这个样式。2、[att*=val],如果元素用att表示的属性值中包含用val指定的字符,则该元素使用这个样式。

2022-09-23 11:12:29 233

原创 Vue 数组中出现[__ob__: Observer]无法取值遍历

那么首先先解释一下为什么数组后面会出现__ob__: Observer ,这个后缀其实是Vue监控变量产生的,如果你是使用 push添加的对象信息就会出现__ob__: Observer。数组为空,但是点开又有数据,是因为开始空数组没赋值,赋值之后,因为是地址引用,并没有实际赋值成功,赋值的数组已经被修改了,因为原来的长度是0,所以获取不到数组,但又包含修改后的结果。由于请求是异步的,还没接收到后台返回的数据,也就还没有添加到数组里,遍历时自然没有内容。第三种等数据返回获取到值再遍历就行了。...

2022-09-01 13:54:37 2455

原创 vue中install方法

install方法第一个参数是vue的构造器,第二个参数是可选的选项对象。vue提供install可供我们开发新的插件及全局注册组件等。在main.js中直接用引用并Vue.use进行注册。在main.js跟注册组件一样。vue中install方法。...

2022-08-29 09:52:39 620

原创 vue源码解析

vue的虚拟dom与diff算法借鉴了snabbdom虚拟dom:用javascript对象描述DOM的层次结构。DOM中一切属性都在虚拟DOM中有对应的属性。真实DOM<div class="box"> <h3>我是一个标题</h3> <ul> <li>牛奶</li> <li>咖啡</li> <li>可乐</li>

2022-08-17 08:41:30 184

原创 nginx目录映射:root和alias

nginx目录映射:root和alias

2022-07-22 09:39:08 1274

原创 uniapp集成unipush

uniapp集成unipush

2022-06-25 16:14:32 1068

原创 ts 基础语法

一、搭建1、TypeScript环境搭建npm install -g typescript2、TypeScript打包成jstsc helloworld.ts3、运行jsnode helloworld.js二、搭建1、TypeScript环境搭建npm install -g typescript2、打包并运行npm install -g ts-nodets-node helloworld.js三、静态类型(Static Typing)//静态类型const count:numb

2022-06-06 14:21:36 1796

原创 vue3小知识

vue ref详解1、当我们在template模板中使用ref对象,它会自动进行解包。2、当ref被一个普通的javascript对象包裹时, ref的解包只能是一个浅层解包。3、当最外层包裹的是一个reactive可响应式对象,那么内容的ref可以解包。...

2022-05-05 17:39:43 675

原创 yarn 在Vue框架中的常用命令

yarn 在Vue框架中的常用命令初始化项目yarn add init安装vueyarn add vue安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器)yarn add webpack webpack-dev-server安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5yarn add babel babel-core babel-loader babel-preset-es2015用来解析vue的组件

2022-04-26 15:51:25 714

原创 yarn 在Vue框架中的常用命令

yarn 在Vue框架中的常用命令初始化项目yarn add init安装vueyarn add vue安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器)yarn add webpack webpack-dev-server安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5yarn add babel babel-core babel-loader babel-preset-es2015用来解析vue的组件

2022-04-15 19:13:30 707

原创 mongodb入门知识

什么是mongodb一个以json为数据模型的文档数据库。主要用途应用数据库,类似于oracle、mysql海量数据处理,数据平台。主要特点建模为可选,json数据模型比较适合开发者,横向扩展可以支撑很大数据量和并发。社区版sspl免费协议企业版 企业管理付费使用moogodb的优势简单直观:以自然的方式来建模,以直观的方式来与数据库交互。结构灵活:弹性模式从容响应需求的频繁变化。快速开发:做更多的事,写更少的代码。灵活:快速响应业务变化多形性:同一个集合中可以包含不同字段(

2022-03-11 20:00:31 550

原创 面向对象的特点与c#中的类

对象我们在代码中描述一个对象,通过描述这个对象的属性和方法对象必须是看得见摸得着的灯:属性和方法属性:外形:长的亮度:500w颜色:白色牌子:xx方法:发光类我们把这些具有相同属性和相同方法的对象进行进一步的封装,抽象出来 类这个概念。类就是个模子,确定了对象应该具有的属性和方法。对象是根据类创建出来的。类就是一个盖大楼的图纸 对象 就是盖出来的大楼。语法:[public] class 类名{字段;属性;方法;}写好了一个类之后,我们需要创建这个类的对象,那

2022-02-14 16:53:37 62

原创 .net基础语法

内存分配与变量定义方法什么是变量?概念:表示一个数据存储空间,内存地址的别名作用:内存地址是一串十六进制数,非常不好记忆,通过变量可以快速找到数据。变量的三要素变量类型:规定变量的数据类型。变量名:有意义、好记忆。数据类型数据按照不同的分类存储作用:为了更好的管理内存数据、不同的类型的数据存放在不同的内存块中特点:不同的数据类型占用的存储空间大小不一样数据类型划分数据类型数值 非数值整数 、小数 string bool DateTime数据类型int(整型) 用于存储

2021-11-20 16:50:17 2851

原创 Rollup、webpack、gulp、Grunt

简介Rollup官方解析:Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序webpack官方解析:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。应用场景对比使用Rollup的开源项目

2021-11-11 11:29:15 405

原创 C#与sql基础资料

c# 数据类型int 整型double 浮点类型string 字符串bool 布尔类型DataTime 时间类型

2021-10-28 16:06:27 1485 1

原创 layui 产生闭包 重复弹出

在写layui 弹出层的时候会在弹出的第一层的回调函数中写 弹出第二层的点击事件,问题就出在了这个点击事件 这个点击事件没有回收和销毁,产生了闭包。 在你第二次点击第一层下的点击事件会执行2次。此时有2种解决办法:1、id - 用于控制弹层唯一标识类型:String,默认:空字符设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和 iframe 层模式当 layer 弹层同时出现多个时,设置一个 ID 即可解决此问题。示例:layer.open({type: 1,ti.

2021-09-09 16:59:38 336

原创 .net webapi简单搭建

新建一个mvc的webapi项目先配置数据库Web.config文件 配置本地数据库WebApiData <connectionStrings> <add name="ProductEntity" connectionString="Data Source=.;Initial Catalog=WebApiData;Integrated Security=True" providerName="System.Data.SqlClient" /> </conne

2021-08-19 21:40:52 1486

原创 react路由使用方式

一、react路由的基本使用1、明确好界面中的导航区,展示区。2、导航区的a标签改为Link标签3、展示区写Router标签进行路经匹配4、的最外侧包裹了一个或者二、路由组件与一般组件的区别1、写法不同:一般组件:路由组件:2、存放位置不同一般组件:components路由组件:pages views3、接收到的props不同一般组件:写组件标签是传递了什么,就能收到什么路由组件:接收到三个固定的属性history:gogoBackgoForwardpushrep

2021-08-16 21:15:12 504

原创 es6 set 集合

es6 set 集合集合是数据结构中的一种let mySet=new Set();mySet.add(1);mySet.add(2);不能添加相同的参数mySet.add(2);//只会出现一个2可以添加字符串mySet.add(“some text”);可以添加对象mySet.add({a:1,b:2});可以添加变量 变量赋值的对象和直接添加的对象一样会出现2个相同对象 因为引用地址不一样let o={a:1,b:2};mySet.add(o)判断mySet里面包不包含o变

2021-08-13 21:57:58 81

原创 字符串常用方法

字符串的界定符就是单引号或者双引号字符串的属性和方法都是自带的在没有学原型之前我们是不能给字符串添加自定义的属性和方法因为给字符串添加属性和方法是调用了包装类1、字符串的属性 lengthlenght属性是获取字符串的字符长度无论中文、数字、英文字母、空格都是一个字符长度字符串方法查询字符,字符编码转换的方法使用方式str.charAt(index)str是我们要操作的字符串charAt()是一个方法index字符的索引通过字符查询索引indexOf() lastIndexOf

2021-08-02 21:30:57 186

原创 js的指向 类似动态作用域

词法作用域 只关心一点 函数是在哪里定义的,不关心函数在哪里执行的js里面有一个和动态作用域很像,this ,动态作用域和词法作用域不同,动态作用域只关心函数在哪里调用Go全局提升Ao局部提升Go{abc:undefinedaa:functionbb:function}Ao Gofunction aa(){Ao{}console.log(abc) undefined}Ao Gofunction bb(){Ao{abc:10}var abc=10;aa()}b

2021-07-20 16:11:50 95

原创 js对象详解

js 对象什么是对象对象其实就是由一对或者多对属性和属性值组成的属性(键名)数据值(键值)数据类型基本数据类型:Number String Boolean Undefined Null引用数据类型:function Object 操作的是存在内存堆里的数据创建对象type {} object两种方式1、字面量2、new 构造函数 创建对象1、字面量对象的属性值是一个ASCII码表的先后顺序排列对象的属性是字符串类型对象的属性如果是符合标识符规范的,则可以不加引号,否则必须加引

2021-07-05 22:01:02 225

原创 hasOwnProperty指出一个对象是否具有指定名称的属性

javaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性。此方法无法检查该对象的原型链中是否具有该属性;该属性必须是对象本身的一个成员。let object={name:"张三"};object.hasOwnProperty('name')console.log(object.hasOwnProperty('name')) //true...

2021-06-27 11:05:52 178

原创 json格式的字符串与js普通字符串

// json格式的一般内外都是双引号 或者都是单引号 // js的普通字符串 都是外双内单 或者外单内双 var qq="123" var jsonString="{\"a\":1,\"b\":2,\"c\":3}" //json格式的字符串 var jsonStringone='{\'a\':1,\'b\':2,\'c\':3}' //json格式的字符串 var jsonStringtwo="{\"name\":\"张三\",\"age\":\""+qq+"\"}"//j..

2021-06-25 11:32:10 776

原创 闭包是作用域不会被回收

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body></body><script type="text/javascript"> //go{ // cc:888, //dd:function aa(), //aa:function aa(), //

2021-06-23 17:43:05 447

原创 vuex使用方法

vuex是为了保存组件之间的共享数据而诞生的。如果组件之间有要共享的数据可以直接放入vuex中而不必通过父子组件之间传值,如果把组件的数据不需要共享,此时这些不需要的私有的数据没有必要放入vuex中。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: {//存储仓库的初始数据 num:1 }, mutations: { //存放修改仓库数

2021-06-17 16:54:03 152

原创 对象的原型prototype

Array object 原型proto 复杂类型都会有这个 这是一般意义上的原型 比如 Array Object 都会有__proto__而原型链就是查找的过程 比如Array proto 身上没有一个特定的方法 它会去 proto 的__proto__ 上查找 一直找直到__proto__ 为null,最顶层为null。构造函数的原型构造函数有个属性prototype ,prototype让你自己写,对构造函数属性prototype的操作,最终会反应到该构造函数的实例上。functio

2021-06-17 10:47:38 152

原创 promise

现在回顾下Promise的实现过程,其主要使用了设计模式中的观察者模式:通过Promise.prototype.then和Promise.prototype.catch方法将观察者方法注册到被观察者Promise对象中,同时返回一个新的Promise对象,以便可以链式调用。被观察者管理内部pending、fulfilled和rejected的状态转变,同时通过构造函数中传递的resolve和reject方法以主动触发状态转变和通知观察者。Promise.then()是异步调用的,这也是Promise设

2021-06-10 16:01:54 223

原创 vue 匿名插槽具名插槽

插槽的默认名字是default(匿名插槽) 也可以通过name属性设置插槽的名字(具名插槽)1、如果需要往具名插槽中插入数据则所有的数据都源自当前组件的父组件本例中是在根组件中使用heaven组件所以heaven组件中插槽的数据来源是根组件2、必须把数据用template包裹3、并给template使用v-slot 该指令的简写形式 例如 v-slot:xxx->#xxx<html><head> <meta charset="utf-8"> &l

2021-05-21 10:02:07 296

原创 vue 递归组件

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body><div id="app"> <input type="text" v-model="a"> <tree-list :list="list"></tree-list></div&g

2021-05-19 16:17:45 52

原创 分享2个JavaScript 日期处理类库

Moment.js JavaScript 日期处理类库 http://momentjs.cn/Day.js Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。 https://dayjs.fenxianglu.cn/

2021-05-19 14:15:09 118

原创 webpack基础用法

webpack npm 命令npm webpack -v 查看webpack版本npm webpack 文件名 打包文件在package.json的script 可以配置执行webpack的指令webpack介绍1、可以解析文件之间的依赖关系(ESModule/CommonJs) 进行打包 webpack的运行环境是在node中2、...

2021-05-13 14:55:15 112

原创 VUE开发-利用Node搭建简易服务器运行Vue打包文件dist

Vue项目开发的时候打包生成打包文件dist,但是因为某些原因需要线下运行该文件。此时可以通过Node构建一个简易服务,使打包文件跑起来。一、服务结构npm inpm initnpm install express --savedist 是打包之后的文件二、上代码app.jsvar express = require('express');var fs = require('fs');var http = require('http');var app = express();ap

2021-05-07 22:03:27 2032 5

原创 重学vue

一,data数据修改的细节1、对于数组:vue是不能感知数组对索引位的更改vue可以感知数组的变异方法 即可以改变原数组。push popshift unshiftsort resversesplice2、对于对象vue是不能感知对象属性的 (增,删)通过this.$set(this,增加的属性名,初始化值)二、事件1、点击事件v-on:click @click @click.stop(阻止冒泡) @click.prevent(阻止默认事件) @click.once(点击事件只

2021-05-07 10:50:07 157

空空如也

空空如也

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

TA关注的人

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