- 博客(22)
- 收藏
- 关注
RSS订阅原创 uniapp中如何实现侧边tab切换点击变颜色右边内容跟着联动
template的内容块代码<template> <view class="wrap"> <view class="trademark">社区图片</view> <view class="box"> <scroll-view class="scrool-more" style="height: 100%" scroll-y="true" scroll-with-animation="true"> <v
2021-12-21 15:12:43
1403
原创 关于git版本控制 和git指令
版本控制简述版本控制最主要的功能就是追踪文件的变更。它将什么时候、什么人更改了文件的什么内容等信息忠实地了记录下来。每一次文件的改变，文件的版本号都将增加。除了记录版本变更外，版本控制的另一个重要功能是并行开发。软件开发往往是多人协同作业，版本控制可以有效地解决版本的同步以及不同开发者之间的开发通信问题，提高协同开发的效率。并行开发中最常见的不同版本软件的错误(Bug)修正问题也可以通过版本控制中分支与合并的方法有效地解决。版本控制内容版本控制包括：检入检出控制、分支和合并、历史记录。1．检
2021-11-04 11:20:02
262
原创 Highcharts在vue如何使用
通过npm指令安装Highchartsnpm install highcharts --saveimport引入import * as Highcharts from "highcharts";然后就是按需拿代码可以和想要的图源码对比看下就懂了详情参考：https://www.highcharts.com.cn/demo/highcharts我拿的一个饼图和柱状图大家可以看一下<template> <div> <div id
2021-10-27 10:33:42
315
原创 Todolist案例（vue版）
组件中代码<template> <div> <section class="todoapp"> <header class="header"> <h1>todos</h1> <input class="new-todo" autofocus placeholder="What needs to be done?
2021-10-26 20:01:40
366
原创 移动端如何用rem实现适配
在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 绝对单位 px 相对单位 em rem 默认相对单位 1em=16px 1rem=16px em 相对于 父级 ...
2021-10-22 10:58:52
913
原创 前端出去经常被问的面试题
Proxy和defineProperty的优缺点说说你对 proxy 的理解 vue的数据劫持有两个缺点:无法监听通过索引修改数组的值的变化无法监听object 也就是对象的值的变化所以vue2.x中才会有$set 属性的存在proxy是 es6中推出的新 api，可以弥补以上两个缺点，所以 vue3.x版本用 proxy 替换object.defineproperty。 2. V...
2021-10-17 19:28:33
269
原创 美食杰 菜谱详情（效果介绍）
实现效果： 在detail组件中: 1.根据menuld请求数据(查看数据结构),渲染页面(如果没有menuld，提示框请登录) 注意:数据结构过多，在保存到组件中时，提前写好默认值。避免在异步请求返回数据之前找下到属性。 头部: 1.根据数据，逐个渲染头部页面。用户信息中国，query传入用户id，跳转个人空间 2.收藏按钮:判断是否本人登录再显示 3..收藏功能:I判断是否登录，再请求，否则提示框，...
2021-10-13 20:20:50
343
原创 美食杰项目（菜谱大全）效果介绍
1.看一下要实现的效果 1.1. 点击实现家常菜谱中华菜系 各地小吃的tab切换 1.2. 点击各个菜系实现高亮变红选中 1.3 点击工艺 口味 难度口味下的按钮 右侧的菜品会进行筛选菜品会发生变化 1.4 菜品会进行分页可以点击进行上一页下一页的切换 1.5 菜品未显示时会有一个正在加载中的蒙板 1.6 当筛选菜品不足一页将不会进行分页2.效果显现方式 使用vue脚手架搭建项目完成...
2021-10-11 20:27:11
610
原创 flex布局 弹性盒子如何使用
flex的由来 2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。兼容浏览器概念 采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"为什么要使用flex布局 布局的传统解决方案，基于盒状模型...
2021-10-10 19:58:35
206
原创 什么是Axios
1、Axios是什么？ Axios是一个基于promise的HTTP库，类似于jQuery的ajax，用于http请求。可以应用于浏览器端和node.js，既可以用于客户端，也可以用于node.js编写的服务端。2、Axios特性（1）支持Promise API（2）拦截请求与响应，比如：在请求前添加授权和响应前做一些事情。（3）转换请求数据和响应数据，比如：进行请求加密或者响应数据加密。（4）取消请求（5）自动转换JSON数据（6）客户端支持...
2021-10-09 19:13:45
4624
原创 什么是函数 它的作用 以及函数的分类
基本认识 1.认识函数：function 起源于数学，在编程中指具有一定功能的代码块，需要时直接使用即可 2. 函数的作用 提升软件开发效率 提升软件的可维护性 提高程序的重要性 特点：高内聚 弱偶合（降低代码的重复率 函数的分类 1.按设置方式分为： 1.系统自带函数 Typeof（） 、number（...
2021-10-07 19:45:26
2616
原创 Parms和query的区别
Parms和query的区别引入方式不同：query要使用path来引入，params要使用name来引入，接受参数格式类似，引用分别是this.$route.query.name和this.$route.params.name 形成的路径不同（或者url地址显示不同）： 使用query传参的话，会在浏览器的url栏看到传的参数类似于get请求，使用params传参的话则不会，类似于post请求。 params传递后形成的路径：/route...
2021-10-07 16:55:20
817
原创 什么是symbol
symbolES6 引入Symbol的原因: 为了给对象的属性，提供独一无二的名字,它是一种原始数据类型， JavaScript 语言的第七种数据类型,表示独一无二的值，是一种类似于字符串的数据类型Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。Symbol的特点：Symbol的值是唯一的，用来解决命名冲突的问题 Symbol 值不能与其他类型的值进行运算，会报错。 Symbol 定义的属性不可以使
2021-10-06 20:12:51
1090
原创 set和map的区别
SetSet 是es6 提供了新的数据结构。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。注意：向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。在内部相当于使用全等进行判断，但是对于多个NaN，认为是相同的 添加数组和对象认为是不同的，多个空对象或者空数组也是不相同的实例方法和属性属性:
2021-10-06 20:11:13
184
原创 什么是async和await
asyncasync函数使我们能够编写基于promise的代码，就像它是同步的一样，但不会阻塞执行线程。通过事件循环异步运行，async函数将始终返回一个值。使用async简单地将返回一个promise，如果apromise没有返回，会自动将它包装在一个promise带有它的值的resolve中。awaitawait运算符用于等待promise，它只能在async块内使用。关键字await使 JavaScript 等待直到promise返回结果。...
2021-10-05 22:21:03
304
原创 什么是Es6以及里面部分知识点
目录ECMAScript和JavaScript的关系：Es6和ECMAScript2015的关系：解构赋值箭头函数箭头函数的使用场合ECMAScript和JavaScript的关系：该标准从一开始就是针对JavaScript语言制定的，但是之所以不叫JavaScript，有两个原因。一是商标，Java是Sun公司的商标，根据授权协议，只有Netscape公司可以合法地使用JavaScript这个名字，且JavaScript本身也已经被Netscape公司注册为商标。二是想体现
2021-10-03 21:25:18
229
原创 vue中的data
Vue中的data在new vue当中data可以是一个对象， 在component当中data必须是一个函数，因为对象是引用类型，当组件复用时修改了一个data的，其他地方的data也会跟着变化，使用一个函数返回一个对象，每个组件都有返回对象的独立拷贝，组件之间就不会相互影响了...
2021-10-03 21:19:16
1255
原创 个人空间的编辑个人资料案例（简单介绍 仅供参考）
1.本次效果会用Element UI Vue脚手架来完成2.看一下本次的效果展示图： 下面这张是保存后的状态本次主要说上图的效果3.对用到的组件进行一个简单说明补充：上传图片的效果在项目中还有别的地方用所以要放到公共组件中方便复用还有平时项目遇到有两个地方及以上都要用的就放到公共的文件夹方便区分复用以上是对本次效果简单介绍下面来说如何实现4.大家在个人空间中点击编辑个人资料肯定要跳转路由下面是跳转路由如何跳转及路由配置4.1...
2021-09-27 23:05:23
952
原创 vue常见面试题
Proxy和defineProperty的优缺点说说你对 proxy 的理解 vue的数据劫持有两个缺点:无法监听通过索引修改数组的值的变化无法监听object 也就是对象的值的变化所以vue2.x中才会有$set 属性的存在proxy是 es6中推出的新 api，可以弥补以上两个缺点，所以 vue3.x版本用 proxy 替换object.defineproperty。Vue 的响应...
2021-09-24 09:56:21
285
原创 什么是导航守卫
vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用beforeRouteUpdate的组件内守卫。全局前置守卫你可以使用router.beforeEach注册一个全局前置守卫：当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 ...
2021-09-22 19:26:07
565
1
原创 什么是vuex以及它的思想
什么是vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。Vuex的思想 我们可以把组件的共享状态抽取出来，以一个全...
2021-09-21 19:18:20
785
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人