- 博客(23)
- 收藏
- 关注
RSS订阅原创 c3动画新特性
CSS3中的动画分为：平移动画、过渡动画和自定义动画平移动画 transform: 平移translate / 旋转rotate / 放大scale / 倾斜skew过渡动画：transition: transition是一个复合属性，包括：transition-property:过渡属性(即哪些元素使用过渡动画)；transition-delay：过渡延时；transition-duration：过渡时间；transition-timing-function：过渡方式（linear匀速播放、e
2022-03-10 09:54:22
362
原创 如何把git仓库中的内容推送到远端
github首先需要注册一个github账号,这样你上传的项目就能共享啦上传本地代码第一步：去github上创建自己的Repository，创建页面如下图所示：红框为新建的仓库的https地址第二步: 将本地的仓库关联到GitHub，后面的https改成刚刚自己的地址，上面的红框处git remote add origin https://github.com/LIiX1104/git_Test.git第三步 : 上传代码到GitHub远程仓库git push -u origin ma
2021-11-04 11:01:50
573
原创 git的安装步骤，巨详细
首先你的电脑上要安装有git,压缩包推荐自找,下面是安装步骤1.用户协议2.安装位置3.基本配置4.快捷方式存放位置及是否需要在桌面创建快捷方式5.选择默认的vim编辑器6.自定义分支名称,这里选择默认名称7.选择在windows终端中使用8.使用SSL加密证书作为发送后端的方式9.git换行符风格选择默认即可10.将windows终端配置和git.bash一起使用11.选择git拉取的默认方式(快进或合并)12.选择新的git凭证管理器13.启用符号连接(
2021-11-04 09:32:04
209
原创 移动端适配方案之rem & 百分比
rem适配rem是相对长度单位，可以做到一样的取值，在不同尺寸的屏幕上的大小按比例缩放。rem的定义：rem（font size of the root element）是相对于根元素（即html元素）font-size计算值的倍数。例如html标签设置font-size:16px，同时div设置width:1.2rem。那么这个div的宽度就是1.2rem=16px*1.2=19.2px。因此这种方法的适配原理是：根据不同屏幕的宽度，以相同的比例动态修改html的font-size适配，并将px
2021-10-24 19:02:47
1187
原创 美食杰---详情页
思路:详情页总共可分为三部分,头部,主体,以及评论 ps:还有一个主页面头部包含图片,菜名,用户信息,收藏头部较为简单,需把请求到的数据渲染到页面中在主页面定义一个空对象,用于存放请求到的所有数据,还需在里面再定义一个对象,因为请求的到的数据嵌套的层数较多,把数据传递给子组件时,会渲染不上页面,所以需要再定义一个对象这个空对象也有几个数组和对象,因为异步请求数据时服务器响应过慢,浏览器会报找不到这几个数据,但页面中不会受到影响,为了不让浏览器报错,所以我们可以定义几个空的对象存放数据可以定义
2021-10-12 20:57:52
258
原创 美食杰---菜谱大全
思路:首先定义一个空数组，然后我们从api里把数据请求到这个空数组中，在模板中把数组遍历渲染到页面第一个数组里面还有一个数组（list）我们可以看做一个二级路由，然后把这个list遍历出来动态绑定把数据储存到路由中，筛选部分同样是把数据渲染到页面中，筛选中第一层为属性所有的数据，第二层为属性的分类，然后我们给第二层路由添加一个点击事件，如果选中就赋值，如果没选中就默认选中第一个，然后动态绑定class点击添加颜色，为了用户的体验度我们可以设置一个空的数组把每一个点击过的分类项储存下来，存放到路由中
2021-10-09 20:23:34
210
原创 vue3新增
vue2中如何实现响应式对于数组$set (第一个参数是数组，第二个参数是下标，第三个参数是新的内容)vue.set (第一个是操作的数据，第二个是添加的内容，第三个是添加的内容的值)splice (删除,插入,替换)对于对象$setvue.setobject.assign (第一个参数是目标对象，后面的参数都是源对象)强制刷新this.$forceUpdate()vue3如何实现响应式reactive()(定义多个数据响应式)VUE3的特点1）性能的提升打包大小减少初
2021-10-06 20:54:03
336
原创 原生js必背题
json与jsonp的区别json是浏览器与服务期间传输数据的方法，是一种轻量级的数据交互格式，与js对象格式相似。jsonp是自创的模拟json格式，是为了解决跨域问题，jsonp最大的特点就是不支持同步处理，只能用get方式来请求数据jsonp原理1.首先是利用script标签的src属性来实现跨域。2.通过将前端方法作为参数传递到服务器端,然后由服务器端注入参数之后再返回,实现服务器端向客户端通信3.由于使用script标签的src属性，因此只支持get方法什么是ajaxajax是一种
2021-10-06 20:53:46
185
原创 vue组件传参方式
组件内的六种通信方式父传子 props在父组件中定义一个数据 msg:‘hello 李湘’在模板中绑定这个属性 < Child :msg=‘msg’ >在子组件使用props:[‘msg’] 接收数据在模板中使用msg数据代码展示:父组件:子组件:子传父 $emit在父组件方法中定义一个点击 自定义事件,在子组件通过 $ emit接收这个自定义事件名,第二个参数是你想要传入修改的数据代码示例:父组件:子组件:$on/ $emit先设置一个 空实例
2021-10-04 00:15:29
188
原创 vue.js必背题
vue传参params加冒号 设置props:true (path:’/line/ : id ')query加问号 query的path传参需要加 /params：/router1/:id，这里的 id 叫做 params。例如/router1/123query：/router1?id=123，这里的 id 叫做 query。例如/router1?id=456传递参数this.$router.push({ path:’/xxx’ query:{ id:id } })接收参数
2021-10-04 00:14:51
225
原创 美食杰--编辑个人资料
编辑个人资料通过v-model双向数据绑定当点击保存把用户输入的头像，昵称，个人简介存放进userInfo这个对象中（userInfo是vuex中的数据，是可响应的）存数据通过点击保存（save）把数据存到vuex中的userInfo上传头像页— user-img.vue复制框架中上传用户头像的属性过来即可（都能用到）接收父组件传递来的数据图片上传的限制规则，满足条件可以上传总结：通过点击事件把数据（头像，昵称，简介）存进vuex（响应式）在上传头像时需要满足我们定义的限
2021-10-04 00:14:43
149
原创 美食杰---登录
登录需要在路由表里使用beforeEach守卫拦截判断状态1. 没有登录，需要跳转到登录页2. 登录，直接进入ps：判断是否需要登录，看路由里面配置有没有meta元信息 ( login为true )beforeEach守卫拦截判断一下登录此时可引用饿了么开放的框架（element UI）自行去from表单找属性复制代码rules 验证规则model 数据对象validate 对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校
2021-10-04 00:14:32
210
原创 美食杰小项目
需要在路由表里使用beforeEach守卫拦截判断状态1. 没有登录，需要跳转到登录页2. 登录，直接进入ps：判断是否需要登录，看路由里面配置有没有meta元信息登录rules 验证规则model 数据对象validate 对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段通过点击事件提交状态若code为0，则登陆成功（跳转回首页） 登陆成功就把数据（token）存放在本地存储中若code为1，则
2021-09-23 21:01:37
143
原创 9月每日笔记
有一个方法setData,监听路由变化什么时候使用动态路由参数把某种模式匹配到的所有路由映射到同个组件路径参数用 : 标记例子: /user/:id不用v-model也能实现双向绑定数据数据存放在vuex的state中例:组件模板这样写:script中这样写:需要使用map辅助函数引入Actions例子:...
2021-09-02 21:12:08
1093
原创 h5面试题总结
导航的解析流程1.导航被触发。2.在失活的组件里调用beforeRouteLeave守卫3.调用全局的 beforeEach 守卫4.在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)5.在路由配置里调用 beforeEnter6.解析异步路由组件7.在被激活的组件里调用 beforeRouteEnter8.调用全局的 beforeResolve 守卫 (2.5+)9.导航被确认10.调用全局的 afterEach 钩子11.触发 DOM 更新12.调用bef
2021-08-16 20:26:14
4332
原创 常用面试题4
1、如何让一个元素水平垂直居中通过给父元素设置CSS样式：display:flex;align-items:center;justify-content:center;2、Var，let和const的区别var 属于函数作用域,有变量提升,可以重复声明let 属于块级作用域,没有变量提升,不能重复声明const 属于块级作用域,没有变量提升,变量不能被修改,不可以重复声明,存在暂时性死区3、普通函数和箭头函数有什么区别箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不
2021-08-16 20:21:24
405
原创 常用面试题总结3
什么是原型 原型的三个属性 什么是原型链什么是原型js规定每个函数都有一个proto属性，指向另一个对象（自身的原型），函数对象除了proto之外还有prototype属性，当函数作为构造函数创建实例时，该属性就被作为实例对象的原型原型的三个属性prototype，proto,constructor1.prototype每个函数都有一个prototype属性，这个属性指向函数的原型对象。2.proto每个对象(除null外)都会有的属性，叫做__proto__，这个属性会指向该对象的原
2021-08-10 19:23:16
101
原创 常用面试题2
导航的解析流程1.导航被触发。2.在失活的组件里调用离开守卫。beforeRouteLeave3.调用全局的 beforeEach 守卫。4.在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。5.在路由配置里调用 beforeEnter。6.解析异步路由组件。7.在被激活的组件里调用 beforeRouteEnter。8.调用全局的 beforeResolve 守卫 (2.5+)。9.导航被确认。10.调用全局的 afterEach 钩子。11.触发 DOM
2021-07-29 15:05:12
92
原创 什么是设计模式
观察者模式一个对象的状态发生改变的时候，所有依赖于它的对象都会得到通知并自动更新，解决了主体对象与观察者之间功能的耦合。主要是为了实现增加程序的可复用性和可维护性。例子：简单点：女神有男朋友了，朋友圈晒个图，甜蜜宣言 “老娘成功脱单，希望你们欢喜”。各位潜藏备胎纷纷失恋，只能安慰自己你不是唯一一个。设计模式主要是在软件开发人员在开发过程中遇到的一般问题的解决方案例子：小明喜欢小红。小红喜欢吃章鱼小丸子，她喜欢咸的和辣的，那么这个时候，小明可以既可以去a家买咸的，也可以去b家买辣的。只管对卖家
2021-07-22 09:07:15
68
原创 vue----npm
什么是npm简单来说，NPM（Node Package Manager）是包含在Node.js里面的一个包管理工具，NPM会随着Node.js一起安装。NPM为开发者提供了一个代码模块共享的大平台，当我们项目中需要使用某个模块（JavaScript包）时，可以直接使用NPM包管理工具来下载对应的包并安装，我们也可以把自己用Node.js写的代码发布到平台上供他人使用。什么是生产环境什么是开发环境简单来说，就是在项目的开发阶段就是开发环境；项目上线了，开始正式提供对外服务，上线后的阶段就是生产环境。在
2021-07-22 09:01:54
469
1
原创 面试题总结比较重要的点
基本数据类型和引用数据类型是什么，有什么区别？Number、String、Boolean、undefined、object、Null、symbol、function区别: 1)基本类型在栈内存,引用类型在堆内存分配地址; 2)不同的内存分配机制也带来了不同的访问机制; 3)赋值变量时的不同; 4)参数传递的不同（把实参赋值给形参的过程);页面元素隐藏方式 和各自特点？1. 设置display:none; 不显示,不占位 2.Visibility:hidden; 不显
2021-07-21 09:01:16
267
原创 vue常用面试题
vue面试题 一、src和href的区别 ？ 1. 请求资源类型不同 : 1) href用于超文本引入; 2) 请求 src 资源时会将其指向的资源下载并应用到文档中; 2. 作用结果不同 : 1)href 用于在当前文档和引用资源之间确立联系; 2)src 用于替换当前内容; 3. 浏览器解析方式不同 : 1) 在文档中添加href ，浏览器会识别该文档为 CSS 文件，就会并行下载资源...
2021-06-24 15:51:28
330
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人