- 博客(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
375
原创 JS 对象常用方法总结
JS 对象常用方法总结 String 字符串 toString(): 将对象转为字符串 charAt(): 根据下标值返回对应字符（参数一个，多余参数无效） IndexOf(): 根据字符返回对应下标值 cancat(): 拼接字符串 match(): 匹配字符串 search(): 匹配字符串 （如果有返回对应下标，没有返回 -1） replace(): 替换匹配字符串(第一个参数：替换前的字符，第二个参数：替换后的字符) slice(): 选取对应位置（第二个参数的下标的前一个位置）的字符串 spl
2021-04-26 14:01:35
404
原创 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
338
原创 Mongodb 基础操作
MongoDB 笔记 首先我们使用 MongoDB 需要去启动 MongoDB: sudo service mongodb start 之后通过 shell 命令连接 MongoDB 服务: mongo
2021-01-10 22:02:12
203
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
151
原创 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
286
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
207
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
189
原创 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
111
原创 Vuex 学习总结
Vuex 学习总结 Vuex 是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 每一个 Vuex 应用的核心就是 store（仓库）。“store” 基本上就是一个容器，它包含着你的应用中大部分的状态 (state) 核心概念 首先我们需要知道 vuex 中有 5 个核心概念： State State 这里存放的对象必须是纯粹的对象 (含有零个或多个的 key/value 对)。 在 V
2021-01-05 16:32:27
144
原创 vue 反向代理设置
vue 反向代理设置 作用： 解决跨域问题 设置： 在 vue.config.js 文件添加如下配置（如果没有该文件,手动创建一个）： module.exports = { devServer: { proxy: { // '/api' 表示的是请求地址的是以 api 开头的 '/api': { // 代理的地址前缀，api 前面的部分 target: '<url>', // 表示改变域名 chan
2020-12-31 17:44:00
175
原创 vue 生命周期理解
vue 生命周期理解 beforeCreate – 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created – 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el property 目前尚不可用。(也就是说这里可以访问到 data 中的数据, methods 中的方法了) be
2020-12-31 17:24:23
116
原创 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
205
原创 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
133
原创 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
138
原创 谷歌浏览器常用操作
##谷歌浏览器常用操作 ctrl + t // 打开一个新标签页，并跳转该页面。 ctrl + n //打开一个新浏览器页面。 ctrl + tab //跳转标签页（向上）。 ctlr + 1-9 //跳转指定标签页。 ctlr + w //关闭当前标签页。 ...
2020-12-29 12:17:44
485
1
原创 ES6 新增特性
ES6新增的一些特性 1、let关键字，用来代替 var的关键字，特点： 1、变量不允许被重复定义 2、不会进行变量声明提升 3、保留块级作用域中i的 2、const定义常量，特点：1、常量值不允许被改变 2、不会进行变量声明提升 3、箭头函数 与普通函数的区别：1、书写上用=>代替了function 2、普通函数的this指向window 而ES6箭头函数里面的this指向定义时的那个对象 而不是运行时的那个对象 //普通函数 var test = function(x){ return x+2;
2020-10-29 11:51:42
211
原创 Ajax的实现步骤
Ajax的实现步骤 什么是Ajax ajax是异步的xml和Javascript Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 Ajax原理图 实现步骤 1.创建Ajax对象: var xhr = new XMLHttpRequest(); 2.与服务器进行链接: xhr.open(‘get’,‘a.php’,true); 3.绑定onreadystatechange事件 ,通过服务器返回不同的状态码做出不同的处理; 4.向服务器发送请求和数据:xh
2020-10-28 23:27:43
255
原创 盒子模型
盒子模型 css盒子模型分为2种,一种是内容盒子(w3c盒子),一种是边框盒子(IE盒子) 内容盒子 box-sizing:content-box; 在这种情况下设置的宽和高都是内容区的大小,盒子的具体情况为: 盒子的宽度=内容区的宽度(自定义的宽)-+左右边框的宽度+左右内边距的宽度 盒子的高度=内容区的高度(自定义的高)-+上下边框的宽度+上下内边距的宽度 在浏览器中: 盒子的宽度=内容区的宽度(自定义的宽)-+左右边框的宽度+左右内边距的宽度+左右外边距的宽度 盒子的高度=内容区的高度(自定义的高)-
2020-08-24 20:00:44
153
原创 JavaScript原型详情
JavaScript原型详情 如果我们想要搞清楚JavaScript的原型,首先我们需要搞清楚以下几个概念 1.函数:函数就是一个js中的代码块,它的定义方式就是function 函数名(){ }; 2.构造函数:它和普通函数本身并没有什么区别,但我们通过new 来调用时,我们就叫它构造函数,它的首字母一般大写 3.对象:js中所用的东西全为对象(数组,函数,字符串…) 4.实例对象:通过new来创建的对象,实例对象. 5.原型对象:当我们创建一个函数的时候,这个函数就会有一个prototype对象属性,这
2020-08-18 22:22:07
198
原创 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
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人