自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 效验input输入框销量,零售价输入限制?

【代码】效验input输入框销量,零售价输入限制?

2022-09-02 21:44:05 178 1

原创 textarea多行输入框出现手机号前后多出空格,中文逗号可以导入英文逗号不可以的bug?

【代码】textarea多行输入框出现手机号前后多出空格,中文逗号可以导入英文逗号不可以的bug?

2022-09-02 21:14:02 472

原创 小程序拨打电话和分享好友功能

1.给view绑定一个点击事件, bindtap=“xxx”2.分享好友3.复制在项目目录里面添加一个文件夹 package 与app.json同级然后我们在package文件夹里面创建一个packageA文件夹然后我们在packageA里面新建page文件最后我们在 app.json文件里面设置...

2022-06-26 19:47:02 307

原创 封装axios和api的几种方式?

axios和api

2022-06-22 21:01:21 505

原创 小程序如何引入vant?

然后把vant文件放进components文件夹中

2022-06-21 21:18:03 194

原创 去哪了项目总结?

项目主体:cli2版本项目框架,数据信息为json模拟数据。引用Swiper 3轮播组件以及阿里巴巴矢量图标库。首页:头部为Herd组件输入框及阿里左箭头图标,display弹性布局。右侧地理位置数据为存储在vuex中动态变量,在位置页面点击选中当前地址时使用映射函数调用mutations中的方法进行传参(当前地址数据)并改变动态变量重新赋值轮播图:引用swiper官网中文文档安装:npm i swiper@3.4.2 -S在组件中引入插件:import Swiper from ‘swiper’;im

2022-06-06 00:40:20 82

原创 vue的基础介绍?

1.Vue简介?1.1:vue是什么?(vue会比jquery)通过选择器$().show()hide()vue是不会直接操作DOM结构的jquery ajaxvue没有ajax(axios)vue和jquery能不能在同一个项目里面共存?1.真正项目不建议vue(操作数据)和jquery(DOM)一起使用2.但是也有一些项目会使用这两个(vue,jquery)Vue(读音/vju:/,类似于view),不要读错vue是渐进式的前端框架,什么是渐进式呢?1.渐进式意味着你可以将vue

2022-05-30 23:19:58 142

原创 git使用方法,理解,常见问题?

1.什么是Git?Git是一款分布式源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。源代码有必要管理起吗?1.02.0 //svn,vss,vcs… git有必要,因为人工的去处理不同的版本,做相应备份会很麻烦。Git是linux之父当年为了维护linux—linus之前也是手动维护合并把文件发给Linuslinus自己写了一个版本管理的工具(Git)我理解的git是:比如说在本地写好某一个编程文档时,发现有些地方需要修改或者删除,有的人可能会直接在当前文件中直接修

2022-05-20 00:50:53 104

原创 前端面试官必问题,小程序?

1. ⼩程序有⼏个⽂件?WXML :微信⾃⼰定义的⼀套组件WXSS : ⽤于描述 WXML 的组件样式js : 逻辑处理json : ⼩程序⻚⾯配置2 ⼩程序怎么跟随事件传值在 ⻚⾯标签上通过 绑定 data-key = value , 然后绑定点击通过 e.currentTarget.dataset.key 来获取标签上绑定的值。3 ⼩程序 WXSS 与 CSS 的区别wxss 背景图⽚只能引⼊外链,不能使⽤本地图⽚⼩程序样式使⽤ @import 引⼊ 外联样式⽂件,地址为相对路径。

2022-05-19 17:23:42 480

原创 【无标题】

1、字符串的方法 **字符串的方法charAt( ) 方法从一个字符串中返回某个下标上的字符concat( ) 方法将一个或多个字符串与原字符串连接合并,形成一个新的字符串并返回。search( ) 获取某个字符或者字符串片段首次出现的位置match( ) 检索字符串或者正则表达式replace( ) 替换replace(参数 1,参数 2); 参数 1:替换谁 参数 2:替换值split( 参数 1,参数 2 ) 字符串切割,切割后返回数组slice( ) 和 substring( )

2022-05-15 21:07:43 241

原创 前端面试题?js必问题?

1.原型和原型链?prototype每个函数都有一个 prototype 属性,被称为显式原型,里面包含了这个构造函数公共的方法2._ proto _每个实例对象都会有_ proto 属性,其被称为隐式原型每一个实例对象的隐式原型 proto _属性指向自身构造函数的显式原型 prototypeconstructor每个 prototype 原型都有一个 constructor 属性,指向它关联的构造函数。原型链获取对象属性时,如果对象本身没有这个属性,那就会去他的原型_ proto 上

2022-05-05 19:33:28 168

原创 web面试题?es6和js必问题?

1. class 与 class 继承 *传统的 javascript 中只有对象,没有类的概念。它是基于原型的面向对象语言。Es5 的时候通过构造函数来创建类 到了 es6 我们就可以通过 class 关键字来创建类,跟传统的面向对象的语言更加接近。ES5 中如果要生成一个对象实例,需要先定义一个构造函数,然后通过 new 操作符来创建实例。ES6 中的类ES6 引入了 class(类)这个概念,通过 class 关键字可以定义类。该关键字的出现使得 javascript 在对象写法上更加清晰,更

2022-05-04 20:59:48 67

原创 web面试题,es6必问题?

1.说⼀下箭头函数与普通函数的区别?在 es6 中,提供了⼀种简洁的函数写法,我们称作“箭头函数”。写法:函数名=(形参)=>{……} 当函数体中只有⼀个表达式时,{}和 return 可以省略,当函数体中形参只有⼀个时,()可以省略。特点:箭头函数中的 this 始终指向箭头函数定义时的离 this 最近的⼀个函数,如果没有最近的函数就指向 window。可以这么理解:箭头函数没有 this 他的 this 用的是所在环境的 this区别:箭头函数不能⽤于构造函数,不能使⽤ new

2022-05-03 20:49:25 88

原创 前端工程师,Es6面试题?promise概念?

1.什么是 es6?是 ECMAScript 的第六个版本 在 es5 的基础上新增加了一些语法js 分成三部分 dom(文档对象模型) bom(浏览器对象模型) ECMAScript(js 语法)2.promise概念?promise 是 es6 提供的一种异步解决方案,在我的理解中 promise 就是把异步操作换了一种写法从之前的嵌套回调函数 变成了链式的写法promise 本身其实就是一个容器 里面放异步的代码 这样就可以让这个异步的代码执行.then .catch 的操作2.1. 说

2022-04-28 16:46:43 188

原创 前端工程师面试题?vue的扩展题,必看

1. 路由导航守卫扩展我理解的导航守卫 就是一座房子的保安 只有保安允许了才能访问页面之前说三种六个 还有一个用的不是很多的全局守卫 叫做全局解析守卫 beforeResolve导航守卫一共有三种全局的守卫 守卫所有的页面beforeEach 路由前置守卫beforeResolve 路由解析之前afterEach 路由离开全局守卫 beforeEach 和 beforeResolve他们两个都会在路由跳转前就执行 参数都是 to from next他们两个的区别 执行的时机不一样 bef

2022-04-27 11:15:40 106

原创 前端工程师面试题?vue扩展知识?必看?

1.MVVM模式的优点以及与MVC模式的区别?MVVM模式的优点:1、低耦合: 视图(View)可以独⽴于 Model 变化和修改,⼀个 ViewModel 可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。2、可重⽤性: 你可以把⼀些视图逻辑放在⼀个ViewModel⾥⾯,让很多 view 重⽤这段视图逻辑。3、独⽴开发: 开发⼈员可以专注于业务逻辑和数据的开发(ViewModel),设计⼈员可以专注于⻚⾯设计。4、可测试: 界⾯

2022-04-26 16:43:31 190

原创 vue2面试题整理?必问题?

1.说⼀下你对slot插槽的理解?⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解.作用域插槽是把子组

2022-04-25 21:37:32 163

原创 前端工程师面试必问题?vue知识

1.vue组件通信?eventBus 讲解?父传子首先在使用子组件的标签上 通过自定义属性传递变量 在子组件中 通过 props 接受在接收的时候有两种接收方式 数组形式 和 对象形式 对象形式可以规定传来的变量的数据类型(type)默认值(default)以及是否必填(required)子传父首先在使用子组件的标签上定义一个自定义事件 在子组件里通过 this.$emit 去调用这个自定义事件 $emit 方法的第一个参数是自定义事件的名字 第二个参数是就是子组件要传递给父组件的变量 最后在父组

2022-04-24 21:45:08 96

原创 前端工程师面试必问题?路由守卫,导航守卫?

1.vue路由有几种模式?有什么区别,以及原理?vue的路由模式一共有两种,分别是哈希和history,他们的区别是hash模式不会包含在http请求当中,并且hash不会重新加载页面,而使用history模式的话,如果前端的url和后端发起请求的url不一致的话,会报404错误,所以history的原理是利用html5新增的两个特性方法,分别是psuhState和replaceState来完成的,以上就是对vue路由的理解。2.vue路由守卫?路由的导航守卫 又叫做路由的钩子函数(生命周期函数)就

2022-04-23 22:55:39 602

原创 前端工程师面试题组件,vuex?

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录vuex 的理解vuex一共有五大核心vuex的缺点vuex 的执行机制怎么开启严格模式?modules完整的vuex总结vuex 的理解首先我们先来说一下vuex是什么?vuex其实就是vue官方提供给我们的的一个状态管理工具,管理项目中的公共数据,能够在所有的组件中使用。vuex一共有五大核心state 存放变量的,存放公共数据的地方,通过 this.store.state.xxx调用mutations修改state.

2022-04-22 21:21:08 285

原创 为前端工程师面试做准备,必问面试题整理?

#首先我们来先记一下vue的生命周期,vue的生命周期是必问题。##1:什么是生命周期函数吗?生命周期函数又叫做钩子函数,是到了某一个时间点会自动触发,我们说的是vue的钩子函数,从vue实例创建到销毁的过程中到了一定时间节点就会触发。##1.1:生命周期函数有哪些呢?我们可以分成四个阶段来记##创建阶段:beforeCreate:实例创建之前实例创建之前,这个时候什么都没有,data和methods 都不能用 也没有this。created:创建之后创建之后 ,也是最早的可

2022-04-22 11:49:35 1430

原创 备战前端工程师面试,第一天?vue的生命周期?钩子函数

为面试做准备,最后一哆嗦了,加油!首先我们先说一下vue的生命周期,生命周期是最基本的,是必须知道的,是面试必问题。所谓的vue生命周期就是vue实例从创建到销毁的整个过程,我们称之为vue的生命周期,通过vue的生命周期,我们可以在不同的阶段进行不同的逻辑操作,vue生命周期常用的钩子函数一共有8个,分别是创建后,挂载前后,更新前后以及销毁前后,分别对应的钩子函数为beforeCreate创建前,created创建后,beforeMount挂载前,mounted挂载后,beforeUpdate更新

2022-04-21 21:21:49 65

原创 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引

sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false"checkSiteMap": false,

2022-03-26 23:29:30 275

原创 被动学习和主动学习?

学习这个词呢可能大家都知道是什么意思,但被动学习和主动学习可能会有朋友不知道是什么意思,那咱们今天就来说一下,主动和被动学习?第一呢,我先说一下自己的经历我呢,是从去年三月份开始接触代码这些东西的,也就是21年3月份。没学习之前根本就不知道代码呀,编程呀,开发呀,是干什么的,连了解过都没了解过。直到来到学校开始学习,报的是全栈开发,也就是前端,开发软件,写页面的。刚开始感觉挺高大尚的,用什么html,js,css呀,能写字,能加图片,还能加动态效果,写几行代码就可以在浏览器上打开实现效果,当时也

2022-03-25 10:31:28 594

原创 说⼀下如何对axios进⾏⼆次封装?以及api如何封装?

1. 在src⽂件夹内创建utils⽂件夹2. 在utils⽂件夹内创建request.js⽂件3. 在request.js内引⼊axios4. 使⽤axios.create⽅法创建axios的实例,在axios.create⽅法⾥⾯可以配置请求的公共地址和超时时间以及其他的⼀些配置5. 在创建请求拦截器和响应拦截器6. 在请求拦截器⾥⾯可以获取vuex的token,并通过config.header.token = vuex的token,将token发送给后台7. 在请求拦截器⾥⾯我

2022-03-23 19:05:20 287

原创 vue自定义指令?

什么是指令?在vue中提供了一些对于页面 + 数据的更为方便的输出,这些操作就叫做指令, 以v-xxx表示 类似于html页面中的属性 <div v-xxx ></div>指令的作用是什么呢?指令中封装了一些DOM行为, 结合属性作为一个暗号, 暗号有对应的值,根据不同的值,框架会进行相关DOM操作的绑定vue中常用的v-指令有那些呢?自定义指令的生命周期自定义指令有五个生命周期(也叫钩子函数),分别是 bind,inserted,update,com

2022-03-20 22:24:18 206

原创 vue v-model实现简单的案例?

很多同学都分不清,封装input实现双向绑定,跟不封装input实现双向绑定的,有什么区别,怎么用,那么今天咱们就来说一下v-model数据双向绑定。首先先来看个基础的代码:<input v-model="str" />// 等同于 <input :value="str" @input="sth = $event.target.value" />通过上面的代码,我们可以分析得出,也就是说:v-model="str" 是 :value="str" @input=.

2022-03-19 13:38:02 748 1

原创 vue3原型挂载公用的方法?

在vue3 中没有 this 不在是实例化查出来的vue对象,那怎么往原型挂在公用的方法呢?const app = createApp(App);const test = () => { console.log('我是测试函数触发的'); return '测试成功!';};app.config.globalProperties.$Test = test;app.use(store).use(router).mount('#app')下面是使用的方式import

2022-03-18 22:30:37 250

原创 vuex持久化插件?

刷新页面,vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地,即使刷新也不能清空,例如:登陆状态、token等。这是就需要用到vuex数据持久化//需要先下载插件npm install vuex-persistedstate --save 或者 使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export default ne

2022-03-17 20:37:12 74

原创 大场面试题?要求用一行代码写出来

let str = 'a1b2c3o8pppkkk';//要求最后结果是 Pokcba8321

2022-03-17 17:12:16 59

原创 面试题:vue中data发⽣变化,视图不更新如何解决?

接下来我先给您介绍⼀下为什么data发⽣变化,视图不更新,因为Vue实例中的数据是响应式的**⽽我们新增的属 性并不是响应式的,由于受现在JavaScript的限制,Vue⽆法检测到属性的新增或删除。所以有时⽆法实时的更新到视图上。 ** 所以我在项⽬中遇到这类问题的时候⼀般是通过this. 方法去解决 $set⽅法⼀共有三个参数,分别是⽬前属性,新增属性, 新增的值. 以上就是我对视图不更新的理解...

2022-03-16 22:30:26 898

原创 【vuex是什么?有什么用?】

vuex

2022-03-15 14:05:19 505 2

原创 路由传参的方式有几种?

路由传参的方式

2022-03-15 08:34:32 3696

原创 css文字多出部分隐藏?

overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

2022-03-14 23:08:13 274

原创 面试题、vue路由守卫?讲解⻚⾯权限?

接下来我给您介绍⼀下vue路由守卫,⾸先呢,所谓的路由守卫就是当我们进⾏⻚⾯跳转的时候会触发的钩⼦函数, 我们把它称之为vue路由守卫. vue⼀共给我们提供了三种路由守卫,第⼀种全局路由守卫,第⼆种是组件内路由守卫,第三种路由 独享守卫,这个是写在路由⾥⾯. 不管是全局,还是组件以及独享,都会有beforeEach、beforeResolve 、a"erEach 分别表示的意 思路由跳转前会触发的钩⼦函数以及进⼊路由的时候,以及进⼊路由之后会触发的钩⼦函数. 这⼏个钩⼦函数⾥⾯都有⼀个回 调函数,这个回调

2022-03-14 18:18:43 472

原创 解构赋值的概念?

解构赋值就是采用一定的模式将数组或者对象中的数据一一取出的方法。 解构赋值的时候等号两遍的数据结构必须保持一致。 对于数组的解构赋值 他是按照索引值一一取出的。var arr = [1, 2, 3, 5] var [a, b, c] = arr console.log(a, b, c) let arr = [1, 2, [3, 4, [5]]] let [,,[,,[a]]] = arr console.log(a)...

2022-03-13 23:26:33 1379

原创 标准的时间过滤器?

时间过滤器?

2022-03-12 11:02:43 166

原创 你突然想努力的原因?

努力

2022-03-12 00:01:39 77

原创 程序猿如何快速成长呢?

程序员

2022-03-11 20:44:56 120

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除