- 博客(22)
- 收藏
- 关注
RSS订阅原创 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
291
原创 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
89
原创 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
157
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
106
原创 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
242
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
原创 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
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人