- 博客(19)
- 收藏
- 关注
RSS订阅原创 TypeScript中类的访问类型与构造器
类的访问类型 public 允许在类的内外被调用 private 允许在类内被使用 protected 允许在类内及继承的子类中使用 constructor class Person { // 传统写法 public name: string; constructor(name: string) { this.name = name; } ...
2020-04-05 15:33:07
287
原创 第一部分--基础--React Children
先来看一下流程图： 当然这么看肯定云里雾里，接下去会对各个函数进行讲解，然后再回过头来配合图片观看更好理解。 开始 function mapChildren(children, func, context) { if (children == null) { return children } const result = [] mapIntoWithKeyPrefixI...
2020-01-16 12:49:40
154
原创 第一部分--基础--ReactElement
ReactElement通过createElement创建，调用该方法需要传入三个参数： type config children type指代这个ReactElement的类型 字符串比如div，p代表原生DOM，称为HostComponent Class类型是我们继承自Component或者PureComponent的组件，称为ClassComponent 方法就是fu...
2020-01-13 17:13:45
410
原创 第一部分--基础--React API
React 虽然平时我们都喜欢说我们用React作为我们的核心框架，但其实大部分人都不知道React到底是个什么东东。事实上自从Facebook把React和ReactDOM分包发布之后，React就不仅仅是一开始的前端框架了，如果在15版本之后去看一下react和react-dom的源码大小，你就会发现，react仅仅1000多行代码，而react-dom却将近2w行。是的你没看错，而且你很可...
2020-01-13 17:07:11
231
原创 史上最全详解HTTP协议
主要包含以下几点： HTTP协议的主要特点 HTTP报文的组成部分 HTTP方法 POST和GET的区别 HTTP状态码 什么是持久连接 什么是管线化 1⃣️.主要特点 简单快速 灵活 无连接 无状态 2⃣️.报文组成部分 请求报文： 请求行 请求头 空行 请求体 响应报文: 状态行 响应头 空行 响应体 3⃣️.HTTP方法 GET >> 获取资源 POST &g...
2019-12-30 12:12:18
370
原创 史上最全DOM事件类
基本概念 DOM事件流 DOM事件模型 描述DOM事件捕获的具体流程 1⃣️.DOM事件的级别 //DOM 0 element.onclick=function(){} //DOM 2 element.addEventListener('click',function(){},false) //DOM 3 element.addEventLis...
2019-12-30 11:01:59
174
原创 最全的CSS盒模型讲解
css盒模型需要掌握以下几点 基本概念：标准模型+IE模型 标准模型和IE模型的区别 css如何设置这两种模型 js如何设置获取盒模型对应的宽和高 根据盒模型解释边距重叠 BFC（边距重叠解决方案） 一.标准模型 二.IE模型 标准模型和IE模型区别在于，标准模型的宽高就是content的宽度，它不包含padding和border，而IE则包含border和padding 三.CSS如何设...
2019-12-29 21:32:56
109
原创 React vs Vue 华山论剑
前言： ** 文无第一，武无第二，技术选型没有绝对的对与错 ** 技术选型要考虑的因素非常多 ** 要有自己的主见 一. 两者的本质区别 Vue - 本质是MVVM框架，由MVC发展而来 React - 本质是前端组件化框架，由后段组件化发展而来 二. 看模版和组件化的区别 模版的区别 vue - 使用模版（最初由angular提出） React - 使用JSX 模版语法上，我更加倾...
2019-12-12 18:40:27
109
原创 React原理分析 （一）
对组件化的理解 组件的封装 · 视图 · 逻辑 · 数据 组件的复用 · props传递 · 复用JSX的本质 jsx语法 1⃣️.html形式 2⃣️.引入js变量和表达式 3⃣️.if…else… 4⃣️.循环 5⃣️.style和className 6⃣️.事件 jsx解析成js 1⃣️.jsx其实是语法糖 2⃣️.开发环境会将jsx编译成js代码 3⃣️.大大降低了学习成...
2019-12-12 17:56:14
218
原创 Vue 原理分析（一）
三要素 1. 响应式：vue如何监听到data的每个属性变化 > 什么是响应式？ var vm = {}; var data = { name: "zahngsan", age: 20 }; var key, value; for (key in data) { (function(key) { ...
2019-12-12 12:32:04
130
原创 JavaScript解决异步的前世今生
1.什么是单线程？和异步有什么关系？ 单线程就是同时只做一件事，两段JS不能同时执行 原因是为了避免DOM渲染的冲突 异步是一种“无奈”的解决方案，虽然有很多问题 2.什么是event-loop？ 事件轮询，JS异步的解决方案 什么是异步队列，何时被放入异步队列 轮询的过程 3.jQuery Deferred 可以jQuery 1.5 对ajax的改变举例 说明如何简单的封装，使用Def...
2019-12-11 14:17:22
264
原创 git 与npm+gulp
流行框架 ssh方式上传代码 公钥 私钥,两者之间是有关联的。 生成公钥,和私钥 ssh-keygen -t rsa -C "xiaoming@sina.com" 在push和pull操作进 先pull , 再push 当我们在push时，加上-u参数，那么在下一次push时 我们只需要写上git push就能上传我们的代码。(加上-u之后，git会把 当前分支与远程的指定的分支...
2019-12-09 12:39:21
132
原创 git从零到一
Git 什么是Git? Git是一款源代码管理工具(版本控制工具) 我们写的代码需要使用Git进行管理。 源代码有必要管理起吗？ 1.0 2.0 // svn,vss,vcs… git 有必要，因为人工的去处理不同的版本，做相应备份会很麻烦。 Git是linux之父当年为了维护linux—linus之前也是手动维护合并把文件发给Linus linus自己写了一个版本管理的工具(Git) ...
2019-12-09 12:35:45
96
原创 Express + mongodb搭建简单接口
1.配置 连接mongodb 配置地址 module.exports = { dbs: 'mongodb://127.0.0.1:27017/student' } index.js中连接 const db = require('./config/keys').dbs //连接 mongoose.connect(db) .then(() => console.log...
2019-12-08 19:08:40
192
原创 Nuxt.js + koa2 + reids + mongoodb搭建注册登录接口
1.配置与连接mongodb server目录中新建dbs文件夹，配置config.js 包含连接数据库与使用smtp做一个邮箱验证 export default { dbs: 'mongodb://127.0.0.1:27017/student', redis: { get host() { return '127.0.0.1' }, get pr...
2019-12-08 15:28:14
383
原创 Nuxt.js配合Koa搭建接口与使用Vuex
1.server文件路径下新建路由 const Router = require('koa-router') const router = new Router({ prefix: '/city' }) router.get("/list", async (ctx) => { ctx.body = ['北京', '上海'] }) module.exports = router ...
2019-12-07 21:42:38
1470
原创 koa2配合mongodb搭建增删改除接口
第一步 1.安装mongodb 2.安装Robo 3T 3.安装postman 第二步 开始撸代码 1.配置本地地址 1.根目录下创建dbs目录，目录下创建config.js文件 module.exports = { dbs: 'mongodb://127.0.0.1:27017/dbs' } 2.创建model模型（相当于建表） 1.dbs目录下创建model文件夹，创建person....
2019-12-06 21:16:23
360
原创 mac安装monogodb 踩坑记录
mac安装monogodb 踩坑记录 mongodb在mac sudo mkdir -p /data/db 时提示 Read-only file system 相信升级完mac系统的朋友很多时候会发现 系统 系统根目录下的data目录没了 那是什么鬼 ， 是不以为删除了 ，实际上不是的 没有删除 ,你可以在finder里搜索下 肯定会找到的 ，应该是被他移动到了其他目录下了，我的是 被移动到了...
2019-12-06 17:08:31
152
原创 vue3.x & vue.config.js 常⽤配置
vue.config.js 常⽤配置 module.exports = { // 基本路径, vue.cli 3.3以前请使⽤baseUrl publicPath: '/', // 输出⽂件⽬录 outputDir: 'dist',// ⽤于嵌套⽣成的静态资产（js，css，img，fonts）的⽬录。 assetsDir: '', // ⽣产环境sourceMap production...
2019-11-11 16:33:31
424
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人