- 博客(18)
- 收藏
- 关注
RSS订阅原创 Git创建远程仓库
安装Git进入Git官网https://git-scm.com/downloads，根据自己的系统选择对应的版本运行安装程序，选择安装目录时注意不要带空格和中文通常情况按默认状态安装即可，在Select Components时注意勾选Git Bash Here即可1. 进入git命令行在你的电脑选择或者创建一个本地文件夹，在本地文件目录下右键点击 git bash here，mkdir 可以新建文件夹名cd 文件路径 进入新建后的文件目录2.查看本地仓库状态，添加提交文件查看仓库状态
2021-11-04 10:52:30
314
原创 git创建本地仓库最简单的一种方式
首先下载一个它创建文件夹在文件夹里面右击打开，点击Git Bash Here 打开打开之后输入创建仓库的指令创建的文件夹里面出现.git就代表成功了
2021-11-04 09:03:20
156
原创 移动端适配
总共有四种方法1)通过媒体查询的方式2)以天猫首页为代表的 flex弹性布局3)以淘宝首页为代表的 rem+viewport缩放4)rem方式1.基本知识点：物理像素：硬件上屏幕上横向和纵向有多少个像素点。逻辑像素dp：程序认为屏幕上横向和纵向有多少个像素点。设备像素比(device pixel ratio )：设备像素比（dpr） = 物理像素 / 设备独立像素1px = (dpr)的平方*dp2.Viewport（视口）layout viewpor..
2021-10-22 16:38:45
131
原创 美食杰--菜谱大全右侧主体内容
整体样式图：把query拿出来，因为数据都在query里面，拿出来，把params存进去有的话就给个页码没有的话就默认值为1调用后端的请求方法，请求数据定义一个list把data存进去每次用完就删除判断query里面有没有东西，如果有的话就存一下传给info然后在页面上就能显示数据了分页器：分页效果：需求：点击切换当前页码定义总页数点击谁把谁存到路由里每次当点击时改变当前页，触发方法...
2021-10-12 19:41:24
97
原创 说⼀下nextTick的作⽤和使⽤场景？
vue中的nextTick主要用于处理数据动态变化后，DOM还未及时更新的问题，用nextTick就 可以获取数据更新后最新DOM的变化适用场景：第一种：有时需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设 置，但是created与mounted函数执行时一般dom并没有渲染完毕，所以就会出现获取不到，添加不了事件的 问题，这回就要用到nextTick处理第二种：在使用某个第三方插件时 ，希望在vue成的某些dom动态发生变化时重新应用该插件，也会用到 该方法，
2021-10-06 19:59:01
92
原创 对http状态码的了解
1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码2xx （成功） 表示成功处理了请求的状态码。 常见的2开头的状态码有：200 – 服务器成功返回网页3xx （重定向）表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向常见的3字开头的状态码有：301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应时，会自动将请求者转 到新位置。302 （临时移动） 服务器目前从不同位置的网页响应请求，...
2021-10-06 19:49:24
48
原创 vue路由或前端路由实现原理
前端路由实现原理主要通过以下两种技术实现的第一种：利用H5的history API实现主要通过history.pushState 和 history.replaceState来实现，不同之处在于， pushState会增加一条新的历史记录，而replaceState则会替换当前的历史记录[发布项目时, 需要配置下apache第二种：利用url的hash实现我们经常在 url 中看到 #，这个 # 有两种情况，一个是我们所谓的锚点，路由里的 # 不叫锚点，我们称...
2021-10-05 18:54:09
126
原创 v-if和v-show
v-if和v-show的区别：v-if和v-show都可以显示和隐藏一个元素，但有本质区别 v-if是惰性的，只是值为false就不会加载对应元素，为true才动态加载对应元素 v-show:是无论为true和为false都会加载对应html代码，但为false时用display:none隐藏不在 页面显示，但为true时页面上用display:block显示其效果 适用场景：切换频繁的场合用v-show,切换不频繁的场合用v-ifv-if和v-for的优先级：2.x的版本中在一个元
2021-10-05 18:49:47
80
原创 输入URL到页面加载完成中间发生了什么？
1. DNS解析2. TCP连接3. 发送HTTP请求4. 服务器处理请求并返回需要的数据5. 浏览器解析渲染页面6. 连接结束 输入了一个域名,域名要通过DNS解析找到这个域名对应的服务器地址(ip),通过TCP请求链接服务,通过 WEB服务器(apache)返回数据,浏览器根据返回数据构建DOM树,通过css渲染引擎及js解析引擎将页面渲染出 来,关闭tcp连接大致过程就是这样的...
2021-10-05 18:36:33
61
原创 vue中history和hash模式的区别
（1）在最明显的显示上：hash模式的URL中会夹杂着#号，而history没有。（2）vue底层对它们的实现方式不同：hash模式是依靠onhashchange事件(监听location.hash的改变）history模式是主要是依靠的HTML5 history中新增的两个方法，pushState()可以改变url地址且不会发送请求，replaceState()可以读取历史记录栈,还可以对浏览器记录进行修改（3）当真正需要通过URL向后端发送HTTP请求的时候，比如常见的用户手动输入URL后回
2021-10-05 18:28:14
398
原创 如何实现继承：构造函数继承 原型 原型连继承 拷⻉继承(混⼊继承：mixin)？
1. 原型继承：2. 原型链继承：⽤.call()和.apply()将⽗类构造函数引⼊⼦类函数3. 构造函数继承4. 混合继承3. 继承的优缺点：ES6继承是目前比较新，并且主流的继承方式，用class定义类，用extends继承类，用super()表示父类,代码如下：...
2021-10-03 18:42:09
71
原创 美食杰-登录
用element ui引用样式：代码如下：效果图：跳转到登录页需要配置路由：哪些需要登录加入meta属性不需要登录的可以不添加meta属性用beforeEach验证登录：1.有些路由是需要登录的，判断登录状态2.登陆了，直接进入3.有些路由不需要登录，直接进入验证input里面的名字，密码是否符合：model绑定可以获取会拿到表单里面的数据：validate 对表单进行校检的方法，参数为一个回调函数，利用异步进行校检。回调函数在校检结束后被调用，并传入两个参数：是否校验成
2021-09-24 18:23:36
77
原创 keep-alive的作用
keep-alive可以实现组件缓存，当组件切换时,主要用于保留组件状态或避免重新渲染。使用场景：比如有一个列表和一个详情，那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用进行缓存，这样用户每次返回列表的时候，都能从缓存中快速渲染，而不是重新渲染。常用的两个属性include/exclude，允许组件有条件的进行缓存两个生命周期activated/deactivated，用来得知当前组件是否处于活跃状态...
2021-09-22 19:44:55
271
原创 vue相关题
什么是vue生命周期？vue生命周期是指vue是对象从创建到销毁的过程。vue生命周期的作用？在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。创建阶段：beforecreate：实例已经初始化，但不能获取DOM节点。(没有data，没有el)created:实例已经创建，仍然不能获取DOM节点。(有data，没有el)载入阶段：beforemount：模板编译完成，但还没挂载到界面上。(有data，有el)mounted：编译好的模板已挂载到页面中(
2021-09-22 19:41:52
116
原创 Vue 的响应式原理中 Object.defineProperty 的缺陷
（1）object.defineproperty 无法监控到数组下标的变化，导致通过数组下标添加元素，无法实时响应（2）object.defineProperty 只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。Proxy可以劫持整个对象，并返回一个新的对象（3）proxy 不仅可以代理对象，还可以代理数组，还可以代理动态增加的属性...
2021-09-21 19:58:39
3867
原创 MVVM相关
MVVM相关MVVMM - Model，Model 代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑V - View，View 代表 UI 组件，它负责将数据模型转化为 UI 展现出来VM - ViewModel，ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步 View 和 Model 的对象，连接 Model 和 ViewView 接收用户交互请求View 将请求转交给ViewModelViewModel 操作Model数据更新M
2021-07-23 15:28:02
158
1
原创 常用测试题
1.src和href的区别？（1）href是HypertextReference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。（2）在请求src资源时会将其指向的资源下载并应用到文档中，常用的有script、img、iframe；...
2021-06-24 17:43:23
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人