- 博客(19)
- 收藏
- 关注
原创 TypeScript中类的访问类型与构造器
类的访问类型public 允许在类的内外被调用private 允许在类内被使用protected 允许在类内及继承的子类中使用constructorclass Person { // 传统写法 public name: string; constructor(name: string) { this.name = name; } ...
2020-04-05 15:33:07
239
原创 第一部分--基础--React Children
先来看一下流程图:当然这么看肯定云里雾里,接下去会对各个函数进行讲解,然后再回过头来配合图片观看更好理解。开始function mapChildren(children, func, context) { if (children == null) { return children } const result = [] mapIntoWithKeyPrefixI...
2020-01-16 12:49:40
119
原创 第一部分--基础--ReactElement
ReactElement通过createElement创建,调用该方法需要传入三个参数:typeconfigchildrentype指代这个ReactElement的类型字符串比如div,p代表原生DOM,称为HostComponentClass类型是我们继承自Component或者PureComponent的组件,称为ClassComponent方法就是fu...
2020-01-13 17:13:45
353
原创 第一部分--基础--React API
React虽然平时我们都喜欢说我们用React作为我们的核心框架,但其实大部分人都不知道React到底是个什么东东。事实上自从Facebook把React和ReactDOM分包发布之后,React就不仅仅是一开始的前端框架了,如果在15版本之后去看一下react和react-dom的源码大小,你就会发现,react仅仅1000多行代码,而react-dom却将近2w行。是的你没看错,而且你很可...
2020-01-13 17:07:11
189
原创 史上最全详解HTTP协议
主要包含以下几点:HTTP协议的主要特点HTTP报文的组成部分HTTP方法POST和GET的区别HTTP状态码什么是持久连接什么是管线化1⃣️.主要特点简单快速灵活无连接无状态2⃣️.报文组成部分请求报文:请求行请求头空行请求体响应报文:状态行响应头空行响应体3⃣️.HTTP方法GET >> 获取资源POST &g...
2019-12-30 12:12:18
277
原创 史上最全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
98
原创 最全的CSS盒模型讲解
css盒模型需要掌握以下几点基本概念:标准模型+IE模型标准模型和IE模型的区别css如何设置这两种模型js如何设置获取盒模型对应的宽和高根据盒模型解释边距重叠BFC(边距重叠解决方案)一.标准模型二.IE模型标准模型和IE模型区别在于,标准模型的宽高就是content的宽度,它不包含padding和border,而IE则包含border和padding三.CSS如何设...
2019-12-29 21:32:56
61
原创 React vs Vue 华山论剑
前言:** 文无第一,武无第二,技术选型没有绝对的对与错** 技术选型要考虑的因素非常多** 要有自己的主见一. 两者的本质区别Vue - 本质是MVVM框架,由MVC发展而来React - 本质是前端组件化框架,由后段组件化发展而来二. 看模版和组件化的区别模版的区别vue - 使用模版(最初由angular提出)React - 使用JSX模版语法上,我更加倾...
2019-12-12 18:40:27
83
原创 React原理分析 (一)
对组件化的理解组件的封装· 视图· 逻辑· 数据组件的复用· props传递· 复用JSX的本质jsx语法1⃣️.html形式2⃣️.引入js变量和表达式3⃣️.if…else…4⃣️.循环5⃣️.style和className6⃣️.事件jsx解析成js1⃣️.jsx其实是语法糖2⃣️.开发环境会将jsx编译成js代码3⃣️.大大降低了学习成...
2019-12-12 17:56:14
167
原创 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
85
原创 JavaScript解决异步的前世今生
1.什么是单线程?和异步有什么关系?单线程就是同时只做一件事,两段JS不能同时执行原因是为了避免DOM渲染的冲突异步是一种“无奈”的解决方案,虽然有很多问题2.什么是event-loop?事件轮询,JS异步的解决方案什么是异步队列,何时被放入异步队列轮询的过程3.jQuery Deferred可以jQuery 1.5 对ajax的改变举例说明如何简单的封装,使用Def...
2019-12-11 14:17:22
227
原创 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
104
原创 git从零到一
Git什么是Git?Git是一款源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。源代码有必要管理起吗?1.02.0 //svn,vss,vcs… git有必要,因为人工的去处理不同的版本,做相应备份会很麻烦。Git是linux之父当年为了维护linux—linus之前也是手动维护合并把文件发给Linuslinus自己写了一个版本管理的工具(Git)...
2019-12-09 12:35:45
70
原创 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
156
原创 Nuxt.js + koa2 + reids + mongoodb搭建注册登录接口
1.配置与连接mongodbserver目录中新建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
307
原创 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
1387
原创 koa2配合mongodb搭建增删改除接口
第一步1.安装mongodb2.安装Robo 3T3.安装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
320
原创 mac安装monogodb 踩坑记录
mac安装monogodb 踩坑记录mongodb在mac sudo mkdir -p /data/db 时提示 Read-only file system相信升级完mac系统的朋友很多时候会发现 系统 系统根目录下的data目录没了 那是什么鬼 ,是不以为删除了 ,实际上不是的 没有删除 ,你可以在finder里搜索下 肯定会找到的 ,应该是被他移动到了其他目录下了,我的是被移动到了...
2019-12-06 17:08:31
122
原创 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
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人