- 博客(24)
- 收藏
- 关注
原创 git指令基础
git指令基础基础概念基本操作创建项目文件修改历史记录分支远端操作基础概念workspace:工作区(我们工作中看到的目录文件)staging area: 暂存区local repository:本地仓库remote repository:远端仓库项目Valueworkspace工作区(我们工作中看到的目录文件)staging area暂存区local repository本地仓库remote repository远端仓库基本操作创建项
2022-02-19 22:44:49
246
原创 js基础 正则表达式
js基础 正则表达式使用正则表达式特殊字符断言量级三级目录使用正则表达式创建正则表达式// 实例化对象创建正则表达式var reg = new RegExp("abc") // 字变量创建正则表达式var reg = /abc/在js中有两个RegExp和String能使用正则表达式RegExp :reg.exec(string),reg.test(string) 返回true|falseString :string.match(reg)string.matchAll
2022-02-11 17:59:22
321
原创 前端基础 用户信息校验
项目总结 用户信息校验用户登录账号密码登录直接返回用户的ID使用加密的token使用sessionsession值放在localStorage和cookies的区别无感刷新使用JWT(Json Web Token)组成headerplayloadSignature用户登录账号密码登录授权登录账号密码登录直接返回用户的ID登陆后服务器返回用户Id,后续直接根据用户Id判断为该用户操作这种方式直接暴露用户Id,如果id设计简单容易被推测所有用户的Id使用加密的token登陆后服务器返回md
2022-01-26 12:16:02
697
原创 网络基础 websocket
网络基础 websocketWebSocketHttp 和WebSocket的区别其他使用创建实例监听事件方法心跳检测前端代码nodejs服务代码WebSocket使用MDN的话来形容:WebSockets 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此API,您可以向服务器发送消息并接收事件驱动的响应,而无需通过轮询服务器的方式以获得响应。Http 和WebSocket的区别http只能客户端主动请求服务端,webSocket是服务端可以主动推送信息给客户
2022-01-25 17:30:54
1654
原创 js基础 事件流
js基础 事件流事件流执行顺序事件捕获处于目标事件冒泡事件范围事件代理事件流执行顺序js中事件流执行顺序:事件捕获 --> 处于目标 --> 事件冒泡事件捕获事件捕获就是从事件最模糊的节点往最准确的节点触发处于目标点击目标节点事件冒泡事件捕获就是从事件最准确的往最模糊的节点节点触发事件范围点击事件的事件捕获和事件冒泡的范围:不仅仅是视觉的范围,而是节点之前嵌套关系的范围。就算父节点和子节点看起来不在同一个容器里面,点击子节点也会触发父节点的事件捕获和事件冒泡事件代理通过父
2022-01-20 22:33:42
736
原创 js基础 闭包
js基础 闭包什么是闭包闭包生成的原理举个栗子parent函数已经被销毁,为什么child函数能访问data问题什么是闭包有权访问其他函数属性或者方法的函数,就是闭包闭包生成的原理由于子函数执行时候,执行上下文维护着一个作用域链在最顶部,而该作用域链不仅保存当前作用域的方法和属性,还保存了父函数作用域链的引用值。所以导致父函数被销毁后,该引用值还保存在子函数的作用域链中导致无法销毁举个栗子function parent(){ var data = 1; return functi
2022-01-18 18:18:03
296
原创 CSS基础 position
CSS基础 position布局positionstaticrelative(相对布局)absolute(绝对布局)fixed(固定布局)sticky(粘性布局)区别static 和 relative的区别relative 和 absolute 的区别absolute 和fixed 的区别布局positionMDN:positionstatic不脱离文档流,节点尺寸留白,放在未定位的位置。注意该布局下 top, right, bottom, left 和 z-index 属性无效。relat
2022-01-18 17:57:50
58
原创 Http请求头 缓存
Http请求头 缓存http缓存机制强制缓存Cache-ControlExpries对比缓存Last-Modified/If-Modified-SinceEtag/If-None-Match优先级优先级http缓存机制http有两种缓存机制:Http缓存强制缓存:服务器通知浏览器一个缓存时间,在这个时间内发起请求,浏览器拦截请求并直接使用缓存状态码200,否则执行对比缓存对比缓存:服务器通知浏览器Etag或者Last-Modified,再次请求时候就会在请求头带上对应的If-None-Match/
2022-01-18 17:18:46
2256
原创 前端基础 - nginx配置入门
前端基础 - nginx配置入门前言配置文件 config.confproxy_pass 代理try_filesroot和alias的区别前言在前端开发过程中经常是需要把前端静态资源放到服务器中,这时经常用到nginx来配置配置文件 config.confevents { worker_connections 1024;}http { include mime.types; default_type application/octet-stream;
2021-12-17 14:54:25
2892
原创 前端基础 - CSS3新特性
前端基础 - CSS3新特性转换(transform)平移旋转缩放倾斜过渡 (transition)动画 (animation)转换(transform)平移2D:transform:translate(X,Y)3D:transform:translate(X,Y,Z)旋转缩放倾斜过渡 (transition)transition:transition-property transition-duration transition-timing-function transition-de
2021-12-16 23:14:53
62
原创 前端基础 - ES6新特性
前端基础 ES6新特性箭头函数什么是箭头函数,箭头函数有什么特性promiselet const解构赋值延申操作符函数默认值类 class模块化 import/export模板字符串Map SetSymbol BigInt箭头函数什么是箭头函数,箭头函数有什么特性箭头函数:() => {},这个是最简单的箭头函数,一般的函数是:function (){}区别:最主要的是箭头函数没有this或者说不绑定this箭头函数没有arguments,所以在箭头函数使用这个参数时会去上一个作用域里面
2021-12-16 23:10:24
93
原创 前端基础 HTML5新特性
前端基础 HTML相关标题标签 - h段落标签 - p链接标签 - a图像标签 - imgHTML标签共有属性HTML元素是指从开始标签(start tag)到结束标签(eng tag)的所有代码标题标签 - h标题是 - 不存在之类的段落标签 - p链接标签 - a链接地址属性:href图像标签 - img图片地址属性:srcHTML标签共有属性项目Valueid规定元素唯一标识title鼠标指针的提示class规定元素的类名style
2021-12-07 20:40:52
324
原创 vue基础 vuex源码分析
vue基础 vuex源码分析使用vuex相关源码地址Vue.use(Vuex)Vuex.install()Vuex.Store({...})state & gettermutationaction使用vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, getters: { countSt
2021-11-26 18:30:46
176
原创 javaScript基础 */yield模拟async/await
javaScript基础- */yield模拟async/awaitasync执行模块async function _async(promiseFunc) { /*高阶函数只是为了不让他立即执行*/ return function () { /*这是核心模块*/ return new Promise((resolve, reject) => { /*获取迭代器*/
2021-11-22 16:14:05
644
原创 JavaScript基础 变量
JavaScript基础 变量变量类型原始值和引用值原始值引用值复制值原始值复制值引用值赋值值变量类型原始值和引用值javascript的变量可以包含两种不同类型的数据:原始值和引用值原始值原始值:简单的数据类型数据(string,number,boolean,undefined,null,symbol,bigint)引用值引用值:多个值构成的对象复制值原始值复制值引用值赋值值...
2021-11-09 17:20:52
340
原创 JavaScript基础 var let const的区别
JavaScript基础 var let const的区别执行上下文与作用域什么是上下文什么是作用域var let const的区别varletconst使用const let的优点执行上下文与作用域什么是上下文什么是作用域var let const的区别varvar声明的变量是具有函数作用域var声明的变量会提升(提升是指变量的声明会被拿到函数或者全局作用域的顶部)全局作用域中使用var声明变量,该变量会变成window的属性可以多次使用var声明同一变量可以修改变量letl
2021-11-06 22:51:41
357
原创 display:none和visibility:hidden的区别
display:none和visibility:hidden的区别display:none 不占位 ;visibility:hidden 占位display:none后子节点怎么调整都不会回显;visibility:hidden后子节点 visibility:visible就会回显display:none会造成重绘和回流 ;visibility:hidden 会造成重绘...
2021-11-04 21:45:20
56
原创 javaScript继承的方式(六种)
javaScript继承的方式(七种)1.原型链继承.2.构造函数继承3.组合继承4.拷贝继承5.寄生继承6.寄生组合式继承7.es6类继承1.原型链继承.2.构造函数继承3.组合继承4.拷贝继承5.寄生继承6.寄生组合式继承7.es6类继承...
2021-11-04 19:56:16
85
原创 JavaScript基础 数据类型
javascript 数据类型前言数据类型typeof返回哪些数据类型基本数据类型有哪些引用数据类型有哪些数据类型区别基本数据类型和引用数据类型的区别怎么区分基本数据类型和引用数据类型总结前言今天到厂里面试问道一个问题答不上来,记录一下理解后的结果,先是问typeof会返回哪些数据类型,接着继续问基本数据类型有哪些,继续问es6新增的有哪些.然后难点来了,怎么区分基本数据类型和引用数据类型数据类型typeof返回哪些数据类型number string boolean undefined obj
2021-11-04 18:46:37
349
原创 vue自定义组件中双向绑定多个参数
vue中使用多个v-model前言vue2中实现多个参数的双向绑定v-bind实现双向绑定.sync实现双向绑定vue3中使用多个v-model前言在vue2中一个标签有且只有一个v-model,因此只能实现一个数据的双向绑定,而vue2.3+中新增了一个修饰符.sync,可以让我们在自定义组件中对多个参数进行双向绑定。vue2中实现多个参数的双向绑定让我们回忆一下使用v-bind模拟v-model实现双向绑定,vue2自定义组件中使用v-model,其实v-model是v-bind&v-o
2021-05-06 22:57:15
4176
1
原创 vue2自定义组件中使用v-model
vue2自定义组件中使用v-model背景v-bindv-model背景在vue中自定义组件怎么实现v-model实现数据的双向绑定,v-bind是单向数据流,因此子组件是无法修改props的值。v-bind使用v-bind通过修改参数时,事件通讯通知父节点修改参数,从而实现类似v-model功能。//child nodeVue.component('custom-input', { props: { value: String }, template: ` <
2021-05-06 00:07:17
4381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人