-
前端JavaScript读取上传文件信息
<template> <div> <el-upload class="upload-demo" drag action="" :show-file-list="false" :http-request="uploadFile" multiple > <i class="…- 365
- 0
-
Element-DateTimePicker 日期时间选择器 禁用已过期的日期和时间
<template> <div> <el-date-picker :picker-options="pickerOptions" v-model="selectTime" value-format="timestamp" type="datetime" placeholder="…- 293
- 0
-
canvas通过js给网页添加水印
function canvasWM ({ container = document.body, width = 200, height = 200, textAlign = 'center', font = '30px sans-serif', fillStyle = 'rgba(127, 127, 127, 0.1)', content…- 421
- 0
-
JS的某些常用方法合集
此文章持续更新 数组对象去重 方法一 let arr = [{ id: 1, test: '哈哈' }, { id: 2, test: '呵呵' }, { id: 1, test: '哈哈' }, { id: 3, test: '哈哈' }] var obj = {}; arr = arr.reduce((item, …- 205
- 0
-
【教程】手把手教你如何获取别人小程序代码
免责声明:此教程仅供学习使用,请勿用于违法犯罪,发生一切事故与本站无关! 安装软件 模拟器:夜神模拟器/雷电模拟器 node.js运行环境 反编译脚本:戳我 在模拟器里下载:re文件管理器 打开模拟器的超级用户权限 (我这里用雷电模拟器做示范) 开启Root 打开系统设置,进入超级用户 打开模拟器上的微信进入想要下载的小程序(这里应该不需要教了吧?) 打开re文件管理器…- 1k
- 0
-
HTML5进阶FileReader的使用方法
FileReader 对象FileReader 对象主要用来把文件读入内存,并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。 …- 278
- 0
-
【前端】49、Vue中watch、methods 和 computed 的区别?
1、基本说明 1.1)computed: 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2)methods: methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。 1.3)watch:  …- 520
- 0
-
【前端】48、Vue中v-show 和 v-if 指令的共同点和不同点?
1、相同点: v-show 和 v-if 都能控制元素的显示和隐藏。 2、不同点: 2.1)实现本质方法不同 v-show 本质就是通过设置 css 中的 display 设置为 none,控制隐藏 &nbs…- 606
- 0
-
【前端】47、Vue自定义指令(v-check、v-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?
1、全局定义指令:在 vue 对象的 directive 方法里面有两个参数,一个是指令名称,另外一个是函数。 2、组件内定义指令:directives:钩子函数:bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新)钩子函数参数:el、binding- 1k
- 0
-
【前端】46、Vue 常用的指令都有哪些?并且说明其作用
1、v-model 多用于表单元素实现双向数据绑定(同 angular 中的 ng-model) 2、v-for 格式: v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ngrepeat),需要注意从 vue2 开始取消了$index 3、v-show 显示内容 (同 angular 中的 ng-show) 4、v-hide…- 401
- 0
-
【前端】45、Vue 常用的修饰符都有哪些?
1、.prevent: 提交事件不再重载页面; 2、.stop: 阻止单击事件冒泡; 3、.self: 当事件发生在该元素本身而不是子元素的时候会触发; 4、.capture: 事件侦听,事件发生的时候会调用- 555
- 0
-
【前端】44、跟 keep-alive 有关的生命周期是哪些?
1、前言:在开发 Vue 项目的时候,大部分组件是没必要多次渲染的,所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染,在开发 Vue 项目的时候,大部分组件是没必要多次渲染的,所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染 2、生命周期函数:在被 keep-alive 包含的组件/路由中,会多出两个生命周期的钩子:a…- 754
- 0
-
【前端】43、Vue 该如何实现组件缓存?
在面向组件化开发中,我们会把整个项目拆分为很多业务组件,然后按照合理的方式组织起来,那么自然会存在组件之前切换的问题,vue 中有个动态组件的概念,它能够帮助开发者更好的实现组件之间的切换,但是在面对需求频繁的变化,去要切换组件时,动态组件在切换的过程中,组件的实例都是重新创建的,而我们需要保留组件的状态,为了解决这个问题,需要使用到 vue 中内置组件<keep-alive> <…- 373
- 0
-
【前端】42、Vue 中 solt 的使用方式,以及 solt 作用域插槽的用法
使用方式 当组件当做标签进行使用的时候,用 slot 可以用来接受组件标签包裹的内容,当给solt 标签添加 name 属性的 时候,可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽,父组件接收来自子组件的 slot 标签上通过 v-bind绑定进而传递过来的数 据,父组件通过 scope 来进行接受子组件传递过来的数据- 624
- 0
-
【前端】41、Vue-cli 用自定义的组件?有遇到过哪些问题吗?
1、在 components 目录新建你的组件文件(indexPage.vue),script 一定要 export default{} 2、在需要用的页面(组件)中导入:import indexPage from'@/components/indexPage.vue' 3、注入到 vue 的子组件的 components 属性上面,componen…- 418
- 0
-
【前端】40、Vue 组件里的定时器要怎么销毁?
如果页面上有很多定时器,可以在 data 选项中创建一个对象 timer,给每个定时器取个名字一一映射在对象 timer 中, 在 beforeDestroy 构造函数中 for(let k inthis.timer){clearInterval(k)}; 如果页面只有单个定时器,可以这么做 const timer = setInterval(() =>{}, 500); th…- 569
- 0
-
【前端】39、怎么捕获 Vue 组件的错误信息?
1、errorCaptured 是组件内部钩子,当捕获一个来自子孙组件的错误时被调用,接收error、vm、info 三个参数,return false 后可以阻止错误继续向上抛出 2、errorHandler 为全局钩子,使用 Vue.config.errorHandler 配置,接收参数与errorCaptured 一致,2.6 后可捕捉 v-on 与 promise 链的错误,…- 659
- 0
-
【前端】38、怎么在VUE组件中监听路由参数的变化?
有两种方法可以监听路由参数的变化,但是只能用在包含<router-view />的组件内。 第一种 watch: { '$route'(to, from) { // 在此处监听 }, }, 第二种 beforeRouteUpdate (to, from, next) { //这里监听 }- 582
- 0
-
【前端】37、Vue 组件 data 为什么必须是函数
1、个组件都是 Vue 的实例 2、组件共享 data 属性,当 data 的值是同一个引用类型的值时,改变其中一个会影响其他 3、组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的 data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份 data,就会造成一个变了全都会变…- 237
- 0
-
【前端】36、VUE组件中写 name 选项有什么作用?
1、项目使用 keep-alive 时,可搭配组件 name 进行缓存过滤 2、DOM 做递归组件时需要调用自身 name 3、vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的- 525
- 0
-
【前端】35、Vue 组件如何进行传值的?
1、父组件向子组件传递数据 父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数,父组件监听使用@(von)进行监听,然后进行方法处理 3、非父子组件之间传递数据 3.1 引入第三方 new vue 定义为 eventBus …- 260
- 0
-
【前端】34、请说下封装 Vue 组件的过程?
首先,组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发:效率低、难维护、复用性等问题 1、分析需求:确定业务需求,把页面中可以服用的结构,样式以及功能,单独抽离成一个文件,实现复用 2、具体步骤:使用 Vue.extend 方法创建一个组件,然后使用 Vue.component 方法注册组件,子组件需要数据,可以在 props 中接受定义,而子组件修改好数…- 776
- 0
-
【前端】33、VUE第一次加载页面会触发哪几个钩子函数?
当页面第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子函数- 1.6k
- 0
-
【前端】32、Vue 生命周期总共分为几个阶段?
Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 1、beforeCreate:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用 2、created:在实例创建完成后被立即调用。在这一步,实例已完成…- 441
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!