- 博客(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
442
原创 git创建本地仓库最简单的一种方式
首先下载一个它 创建文件夹在文件夹里面右击打开，点击Git Bash Here 打开 打开之后输入创建仓库的指令 创建的文件夹里面出现.git就代表成功了
2021-11-04 09:03:20
265
原创 移动端适配
总共有四种方法 1)通过媒体查询的方式 2)以天猫首页为代表的 flex弹性布局 3)以淘宝首页为代表的 rem+viewport缩放 4)rem方式 1.基本知识点： 物理像素：硬件上屏幕上横向和纵向有多少个像素点。 逻辑像素dp：程序认为屏幕上横向和纵向有多少个像素点。 设备像素比(device pixel ratio )：设备像素比（dpr） = 物理像素 / 设备独立像素 1px = (dpr)的平方*dp 2.Viewport（视口） layout viewpor..
2021-10-22 16:38:45
234
原创 美食杰--菜谱大全右侧主体内容
整体样式图： 把query拿出来，因为数据都在query里面，拿出来，把params存进去 有的话就给个页码没有的话就默认值为1 调用后端的请求方法，请求数据 定义一个list把data存进去 每次用完就删除 判断query里面有没有东西，如果有的话就存一下 传给info 然后在页面上就能显示数据了 分页器： 分页效果： 需求：点击切换当前页码 定义总页数 点击谁把谁存到路由里 每次当点击时改变当前页，触发方法...
2021-10-12 19:41:24
213
原创 说⼀下nextTick的作⽤和使⽤场景？
vue中的nextTick主要用于处理数据动态变化后，DOM还未及时更新的问题，用nextTick就 可以获取数据更新后最新DOM的变化 适用场景： 第一种：有时需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设 置，但是created与mounted函数执行时一般dom并没有渲染完毕，所以就会出现获取不到，添加不了事件的 问题，这回就要用到nextTick处理 第二种：在使用某个第三方插件时 ，希望在vue成的某些dom动态发生变化时重新应用该插件，也会用到 该方法，
2021-10-06 19:59:01
174
原创 对http状态码的了解
1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码 2xx （成功） 表示成功处理了请求的状态码。 常见的2开头的状态码有：200 – 服务器成功返回网页 3xx （重定向） 表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向 常见的3字开头的状态码有： 301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应时，会自动将请求者转 到新位置。 302 （临时移动） 服务器目前从不同位置的网页响应请求，...
2021-10-06 19:49:24
130
原创 vue路由或前端路由实现原理
前端路由实现原理主要通过以下两种技术实现的 第一种：利用H5的history API实现 主要通过history.pushState 和 history.replaceState来实现，不同之处在于， pushState会增加一条新的历史记录，而replaceState则会替换当前的历史记录[发布项目时, 需要配置下apache 第二种：利用url的hash实现 我们经常在 url 中看到 #，这个 # 有两种情况，一个是我们所谓的锚点，路由里的 # 不叫锚点，我们称...
2021-10-05 18:54:09
204
原创 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-if v-if和v-for的优先级： 2.x的版本中在一个元
2021-10-05 18:49:47
157
原创 输入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
122
原创 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
503
原创 如何实现继承：构造函数继承 原型 原型连继承 拷⻉继承(混⼊继承：mixin)？
1. 原型继承： 2. 原型链继承： ⽤.call()和.apply()将⽗类构造函数引⼊⼦类函数 3. 构造函数继承 4. 混合继承 3. 继承的优缺点： ES6继承是目前比较新，并且主流的继承方式，用class定义类，用extends继承类，用super()表示父类, 代码如下： ...
2021-10-03 18:42:09
141
原创 美食杰-登录
用element ui引用样式： 代码如下： 效果图： 跳转到登录页需要配置路由： 哪些需要登录加入meta属性 不需要登录的可以不添加meta属性 用beforeEach验证登录： 1.有些路由是需要登录的，判断登录状态 2.登陆了，直接进入 3.有些路由不需要登录，直接进入 验证input里面的名字，密码是否符合： model绑定可以获取会拿到表单里面的数据： validate 对表单进行校检的方法，参数为一个回调函数，利用异步进行校检。回调函数在校检结束后被调用，并传入两个参数：是否校验成
2021-09-24 18:23:36
148
原创 keep-alive的作用
keep-alive可以实现组件缓存，当组件切换时,主要用于保留组件状态或避免重新渲染。 使用场景：比如有一个列表和一个详情，那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用进行缓存，这样用户每次返回列表的时候，都能从缓存中快速渲染，而不是重新渲染。 常用的两个属性include/exclude，允许组件有条件的进行缓存 两个生命周期activated/deactivated，用来得知当前组件是否处于活跃状态 ...
2021-09-22 19:44:55
411
原创 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
228
原创 Vue 的响应式原理中 Object.defineProperty 的缺陷
（1）object.defineproperty 无法监控到数组下标的变化，导致通过数组下标添加元素，无法实时响应 （2）object.defineProperty 只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。Proxy可以劫持整个对象，并返回一个新的对象 （3）proxy 不仅可以代理对象，还可以代理数组，还可以代理动态增加的属性 ...
2021-09-21 19:58:39
4024
原创 MVVM相关
MVVM相关 MVVM M - Model，Model 代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑 V - View，View 代表 UI 组件，它负责将数据模型转化为 UI 展现出来 VM - ViewModel，ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步 View 和 Model 的对象，连接 Model 和 View View 接收用户交互请求 View 将请求转交给ViewModel ViewModel 操作Model数据更新 M
2021-07-23 15:28:02
312
1
原创 常用测试题
1.src和href的区别？ （1）href是HypertextReference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。（2）在请求src资源时会将其指向的资源下载并应用到文档中，常用的有script、img、iframe； ...
2021-06-24 17:43:23
346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人