自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 TS 基础知识

TS 学习整理TS 类型的声明TS 类型基本类型字面量|anyunknow类型断言 asvoidneverobjectarray元组enum 枚举类型别名TS 类型的声明// 声明一个变量a, a的类型只能是number类型(如果是其他类型会报错) let a: number// 声明后的变量可以直接赋值let b: string = "123"// 直接进行变量的赋值,ts 会自动进行判断声明(这里的 c = 123 会报错,因为会自动判断c 的类型为boolean)let c = tr

2021-07-28 20:03:29 240

原创 JS 对象常用方法总结

JS 对象常用方法总结String 字符串toString():将对象转为字符串charAt():根据下标值返回对应字符(参数一个,多余参数无效)IndexOf():根据字符返回对应下标值cancat():拼接字符串match():匹配字符串search():匹配字符串 (如果有返回对应下标,没有返回 -1)replace():替换匹配字符串(第一个参数:替换前的字符,第二个参数:替换后的字符)slice():选取对应位置(第二个参数的下标的前一个位置)的字符串spl

2021-04-26 14:01:35 289

原创 Mongodb 权限配置

Mongodb 账户配置创建超级管理员db.createUser({ user:'admin', // 用户名 pwd:'123456', // 密码 roles:[{role:'root',db:'admin'}] //角色})修改配置文件(开启权限验证)配置: security: authorization: enabled重启 mongodb 服务超级用户连接数据库mongo admin -u 用户名 -p 密码给指定数据库创建一个用户

2021-01-10 23:01:03 179

原创 Mongodb 基础操作

MongoDB 笔记首先我们使用 MongoDB 需要去启动 MongoDB:sudo service mongodb start之后通过 shell 命令连接 MongoDB 服务:mongo

2021-01-10 22:02:12 95 1

原创 Vue 实现原理

vue 实现原理// 定义一个 obj 对象var obj = {}// obj 为我们定义的 obj 对象// myname 为我们给 obj 对象定义的一个 myname 属性Object.definePropety(obj, 'myname', { get(){ // 这个方法可以知道谁访问了 } set(value){ // 这个方法我们可以知道改变的 value,并且可以去修改 }} )...

2021-01-09 23:44:26 88

原创 Nodejs 核心模块介绍

Node js 核心模块介绍http 模块// 引入 http 模块var http = require('http')// req 获取url传过来的信息// res 给浏览器的响应信息http.createServer(function(req,res){ //获取 请求的地址信息 req.url // 设置响应头 状态码200, 文件类型html 字符集utf-8 res.writeHead(200,{"Content-Type":"text/htm

2021-01-09 23:43:11 156 1

原创 Npm 常用命令

Npm 常用命令// 查看 npm 版本 npm -v// 安装模块(加 --save 在 package.json 的 dependencies 中会有记录)npm install ModuleName --save// 指定版本npm install ModuleName@版本号// 卸载npm uninstall ModuleName// 看当前目录中的包npm list// 查看模块信息npm info ModuleName...

2021-01-09 12:47:36 88 1

原创 2021-01-08

vue 实现原理简述Vue对属性变化检测的核心实现就是Object.defineProperty方法。这个方法可以为对象定义新的属性。可以设置getter,setter回调。<div id= "box"></div><script> var obox = document.getElementById("box") var obj = {} Object.defineProperty(obj, 'myname',{ // set 方法去获取我们监听对

2021-01-08 11:13:46 54

原创 Vue 组件之间的通信

Vue 组件之间的通信父子组件通信父组件 -> 子组件:props// section父组件<template> <div class="section"> <com-article :articles="articleList"></com-article> </div></template><script>import comArticle from './test/articl

2021-01-08 10:50:54 53

原创 Vuex 学习总结

Vuex 学习总结Vuex 是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。每一个 Vuex 应用的核心就是 store(仓库)。“store” 基本上就是一个容器,它包含着你的应用中大部分的状态 (state)核心概念首先我们需要知道 vuex 中有 5 个核心概念: StateState这里存放的对象必须是纯粹的对象 (含有零个或多个的 key/value 对)。在 V

2021-01-05 16:32:27 76

原创 vue 反向代理设置

vue 反向代理设置作用: 解决跨域问题设置:在 vue.config.js 文件添加如下配置(如果没有该文件,手动创建一个):module.exports = { devServer: { proxy: { // '/api' 表示的是请求地址的是以 api 开头的 '/api': { // 代理的地址前缀,api 前面的部分 target: '<url>', // 表示改变域名 chan

2020-12-31 17:44:00 105

原创 vue 生命周期理解

vue 生命周期理解beforeCreate– 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created– 在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el property 目前尚不可用。(也就是说这里可以访问到 data 中的数据, methods 中的方法了)be

2020-12-31 17:24:23 59

原创 vue-router 学习总结

vue-router 学习总结HTML 中使用 <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- 通过传入 `tag` 属性指定该标签是 li 标签 --> <!-- https://router.vuejs.org/zh/api/#router-link 查看更多 router-link 属性--> <!-- <router

2020-12-31 16:58:27 133

原创 git 常用命令

git 常用命令添加/删除文件# 添加文件到暂存区git add [filename1] [filename2] ...# 添加指定目录到暂存区git add [dir]# 添加所用文件到暂存区git add .# 将文件改名后放入暂存区git mv [old-file] [new-file]代码提交git commit -m [message]# 修改上一次提交的信息git commit -m [message] --amend查看提交记录git log# 显

2020-12-29 23:35:55 65

原创 Linux 常用命令

Linux 常用命令开关机– reboot 重启– poweroff 关闭系统用户相关– useradd ${username} 添加用户– passwd ${passwd} 设置密码– su - ${username} 切换用户– whoami 查看当前用户– logout 退出登录权限相关– r read 可读,可用 cat 等命令查看– w write 写入, 可编辑或删除– x executable 可执行ls 命令– ls -a 列出目录所有文件,包

2020-12-29 15:13:40 66

原创 谷歌浏览器常用操作

##谷歌浏览器常用操作ctrl + t // 打开一个新标签页,并跳转该页面。ctrl + n //打开一个新浏览器页面。ctrl + tab //跳转标签页(向上)。ctlr + 1-9 //跳转指定标签页。ctlr + w //关闭当前标签页。 ...

2020-12-29 12:17:44 241 1

原创 ES6 新增特性

ES6新增的一些特性1、let关键字,用来代替 var的关键字,特点: 1、变量不允许被重复定义 2、不会进行变量声明提升 3、保留块级作用域中i的2、const定义常量,特点:1、常量值不允许被改变 2、不会进行变量声明提升3、箭头函数与普通函数的区别:1、书写上用=>代替了function2、普通函数的this指向window 而ES6箭头函数里面的this指向定义时的那个对象 而不是运行时的那个对象//普通函数var test = function(x){return x+2;

2020-10-29 11:51:42 123

原创 Ajax的实现步骤

Ajax的实现步骤什么是Ajaxajax是异步的xml和JavascriptAjax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。Ajax原理图实现步骤1.创建Ajax对象: var xhr = new XMLHttpRequest();2.与服务器进行链接: xhr.open(‘get’,‘a.php’,true);3.绑定onreadystatechange事件 ,通过服务器返回不同的状态码做出不同的处理;4.向服务器发送请求和数据:xh

2020-10-28 23:27:43 143

原创 盒子模型

盒子模型css盒子模型分为2种,一种是内容盒子(w3c盒子),一种是边框盒子(IE盒子)内容盒子box-sizing:content-box;在这种情况下设置的宽和高都是内容区的大小,盒子的具体情况为:盒子的宽度=内容区的宽度(自定义的宽)-+左右边框的宽度+左右内边距的宽度盒子的高度=内容区的高度(自定义的高)-+上下边框的宽度+上下内边距的宽度在浏览器中:盒子的宽度=内容区的宽度(自定义的宽)-+左右边框的宽度+左右内边距的宽度+左右外边距的宽度盒子的高度=内容区的高度(自定义的高)-

2020-08-24 20:00:44 88

原创 JavaScript原型详情

JavaScript原型详情如果我们想要搞清楚JavaScript的原型,首先我们需要搞清楚以下几个概念1.函数:函数就是一个js中的代码块,它的定义方式就是function 函数名(){ };2.构造函数:它和普通函数本身并没有什么区别,但我们通过new 来调用时,我们就叫它构造函数,它的首字母一般大写3.对象:js中所用的东西全为对象(数组,函数,字符串…)4.实例对象:通过new来创建的对象,实例对象.5.原型对象:当我们创建一个函数的时候,这个函数就会有一个prototype对象属性,这

2020-08-18 22:22:07 108

原创 元素的水平垂直居中

前端 html css

2020-08-13 21:31:26 80

原创 css的外边距合并问题的解决方法

css的外边距合并问题解决方法父子级 <!--结构 --> <div class="outer"> <div class="inner"></div> </div> /*样式*/ <style> .outer{ width: 200px; height: 200px; background-color: pink; } .inner{ width: 100px; height

2020-08-12 20:53:25 224

空空如也

空空如也

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

TA关注的人

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