- 博客(16)
- 收藏
- 关注
原创 git入门
一,git介绍: 关于学习git,我们先来了解一下它,git它是一个人工版本控制器,那什么是版本控制呢?通过程序完成人工版本控制行为,版本控制是指对软件开发过程中各种程序代码,说明文档等文件的变更进行管理,他将追踪文件变 化,记录文件的变更时间,更新内容,甚至变更执行人进行记录,方便将来进行查阅特定阶段的 变更信息,甚至是回滚。人工版本控制行为不仅方便,功能强而且它只记录不同版本之间变化的内容。 常见的版本控制工具:CVS / SVN / ...
2021-11-04 10:35:57
93
原创 移动端页面布局
一、移动端app分类1、Native App原生app手机应用程序 使用原生的语言开发的手机应用,Android系统用的是java,ios系统用的是object-C2、Hybrid App 混合型app手机应用程序 混合使用原生的程序和html5页面开发的手机应用3、Web App 基于Web的app手机应用程序 完全使用html5页面加前端js框架开发的手机应用二、Viewport视口 视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980
2021-10-22 14:47:03
231
原创 美食杰-菜谱大全
首先第一步:使用element UI进行页面框架渲染,如下图:渲染完之后如下图:第二步:在里边添加一级路由:由于路由里边有多个选项,所以我在此进行了循环显示,这样可以减少一点代码下面这个是二级菜单的代码:这里二级菜单里边的数据是写在router-link里边,然后里边同样写的v-for循环,进行循环二级菜单里边的数据并展示到页面上边这一步是存储tab切换的所有数据下边这个是tab切换的选中项(二级路由)和定义刷新tab时的值(一级路由)的...
2021-10-12 21:04:29
235
原创 美食杰-菜谱详情页
第一步:通过接口获取到接口里边的数据:通过watch监听到路由的变化进行获取相对应的详情数据第二步:定义一个空的对象,然后进行组件传值,在详情的组件里接收第三部:在子组件里使用props接收(当然,使用别的接收方法也可以)第四部:第四部就是在该对应组件里进行数据渲染,在这里注意层次,上边就是info下边的product_pic_url这个图片路径第五步:看清楚我上边标记过的地方,这些地方由于并不知道到底有多少数据,或者已显示拥有...
2021-10-12 20:10:00
147
原创 关于的vue小笔记
### setup vue3.0 中的一个配置项,值是函数 setup是组合Composition API中的入口函数,也是第一个要使用的函数。 setup只在初始化时执行一次,所有的Composition API函数都在此使用。 组件中使用的的数据、方法等,都需要配置在setup中 setup需要返回值 : 1.返回值为对象:返回值的中的属性、方法均可以在模板中使用 2.返回值是函数(不常用),需要借助h函...
2021-10-10 20:18:41
68
原创 computed和watch的详细区别
从作用机制上: methods,watch 和 computed 都是以函数为基础的,但各自却都不同 watch 和 computed 都是以 Vue 的依赖追踪机制为基础的,当某一个数据发生变化的时候,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动 对 methods:methods 里面是用来定义函数的,它需要手动调用才能执行。而不像 watch 和 computed 那样,“自动执行”预先定义的函数,相比于 watch / computed,...
2021-10-10 20:17:11
846
原创 Git简单总结
touch 创建文件mkdir 创建一个文件夹cat 查看文件内容echo “ ” > 覆盖里边的内容 >> 往里边添加内容mv 重命名文件夹pwd 查看当前目录rm -rf 删除文件rwx (所有者) r-x (所属组) r-x (其他人) r : read 读取 w : write 写 x : execute 执行 git add . 提交到...
2021-10-10 20:16:06
56
原创 关于flex布局
flex-direction flex-direction属性决定主轴的方向(即项目的排列方向) row(默认值):主轴为水平方向,起点在左端。(类似于左浮动) row-reverse:主轴为水平方向,起点在右端。(类似于右浮动) column:主轴为垂直方向,起点在上沿。(从上往下竖着排列) column-reverse:主轴为垂直方向,起点在下沿。(从下往上竖着排列) flex-wr...
2021-10-10 20:15:11
94
原创 如何搭建一个vue项目
1、整个项目需求分析,按需求确定基本的技术栈,以及整体逻辑。2、vue-cli 脚手架搭建,涉及到webpack,如有脚手架不满足的需求,需要做调整,如项目环境在域名的二级目录,图片、字体路径修改等。3、开发、测试、预发布、正式环境配置,以及package.json script 脚本补充。4、涉及到https,需要兼容http。5、增加目录:assets、layouts 、api、component、libs、plugin、router、store。(有本地mock习惯的加上mock目录),sto
2021-10-10 20:10:05
63
原创 vue常见面试题
1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作节点,极大解放d
2021-10-10 20:08:56
144
原创 vue常见面试题
1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作节点,极大解放d
2021-10-10 20:05:46
174
原创 关于垃圾回收机制
为什么需要垃圾回收js不像C/C++ 有自己的一套垃圾回收机制(Garbage Collection)前端的叫法就是GCjs的解释器可以检测到何时程序不在使用一个对象,确定一个对象没有用的时候,就会启动这个垃圾回收机制详细分析:由于js中字符串,对象和数组没有固定的大小,所以当他们的大小已经知道的时候,才能对他们进行动态的存储分配,js每次创建字符串,数组,对象的时候,解释器都必须分配内存来占用那个实体,,每次创建都会分配一次,可想而知,分配的次数多了之后,系统中的内存消耗完,然后系统奔溃 gam
2021-10-10 20:02:22
264
原创 关于JavaScript
1、基础数据结构1.1数据结构种类数组栈队列和双端队列链表集合字典和散列表递归树二叉堆和堆排序在写每个知识点的时候 我自己总结的方式是按照定义>javascript实现方式>对应的方法>算法实现的结构去写的 后面有想法在继续补充1.2 数组1.2.1 数组定义js数组其实就是API的调用 是一种最简单的内存数据结构 数组存储一系列同一种数据类型的值注:javascript中数组可以保存不同类型的值 但是一般不推荐哈1.
2021-10-10 19:59:17
93
原创 我的随手记
1,回流和重绘:重排(也称回流):当DOM的变化影响了元素的几何信息(DOM对象的位置和尺寸大小),浏览器需要重新计算元素的几何属性,将其安放在界面中的正确位置,这个过程叫做重排。触发:添加或者删除可见的DOM元素元素尺寸改变——边距、填充、边框、宽度和高度重绘:当一个元素的外观发生改变,但没有改变布局,重新把元素外观绘制出来的过程,叫做重绘。触发:改变元素的color、background、box-shadow等属性,2,http和hppts的区别:1.`HTTP` 的U
2021-09-25 20:27:15
69
原创 2021-09-25
编辑个人资料通过v-model双向数据绑定当点击保存把用户输入的头像,昵称,个人简介存放进userInfo这个对象中(userInfo是vuex中的数据,是可响应的存数据通过点击保存(save)把数据存到vuex中的userInfo上传头像页— user-img.vue复制框架中上传用户头像的属性过来即可(都能用到)接收父组件传递来的数据图片上传的限制规则,满足条件可以上传总结:通过点击事件把数据(头像,昵称,简介)存进vuex(...
2021-09-25 20:22:46
48
原创 关于登录验证
关于next() :是否通过 参数:有些登录是需要验证的 1,没有登陆 跳转到登录页 2,登录 直接进入有些路由不需要登录 直接进入ps:是否需要登录 -- meta代码展示:if(to.matched.some(item => item.meta.kogin)){console.log("需要登录")if(isLogin){ //已经...
2021-09-24 14:48:09
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人