@世俗散仙-优快云博客

原创 js面试题总结

例举3种强制类型转换和2种隐式类型转换强制（parseInt,parseFloat,number）隐式（== ===）plit() join() 的区别前者是将字符串切割成数组的形式，后者是将数组转换成字符串JavaScript的基本数据类型Number、String 、Boolean 、 Null 、Undefined Object是js中所有对象的父对象新类型：Symbol数据类型判断typeof typeof对于基本数据类型判断是没有问题的，但是遇到引用数据类型（如：Array

2021-04-11 11:55:50 1059 1

原创 JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性

js 语法新特性es6 (2015):类（class）模块化(ES Module)箭头（Arrow）函数函数参数默认值模板字符串解构赋值延展操作符对象属性简写Promiselet和constes7(2016):Array.prototype.includes() – 可用来做模糊搜索返回值布尔值指数操作符2**10 // 1024 -- 不太懂ES8（2017):async/await – 异步终极解决方案Object.values() – 取出

2021-04-11 11:23:16 392

原创 vue-schart 使用

安装npm install vue-schart -S在vue组件中使用引入该组件import Schart from ‘vue-schart’注册该组件components:{Schart}在template标签中使用图表中的数据// bar表示的是柱状图//只能使用name和value。name为坐标的标识，value为当前数据的数量data(){return {canvasId: ‘myCanvas’,type: ‘bar’,width: 600,height:

2021-04-04 18:45:28 2763

原创 vue 递归组件的封装

创建公共组件name 属性很重要需要与调用自身组件一致（不然没效果）<template> <div> <div class="item" v-for="(item, index) of list" :key="index"> <div class="item-title border-bottom"> <span class="item-title-icon"></span>

2021-04-04 14:06:44 351 2

原创 activated 使用

直接使用 activated 会没有效果 activated() { // 绑定 window.addEventListener("scroll", this.handleScroll); },当组件在 keep-alive 内被切换 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行<keep-alive> <router-view /> </keep-alive>...

2021-04-04 13:53:17 1662

原创 Vue 转场动画封装

** 基础使用**动画的基础封装（适用移动端）1. 创建一个公共组件<template> <transition> <slot></slot> </transition></template><script>export default { name: "zhuanAn", data() { return {}; }, mounted() {}, methods

2021-04-04 13:30:06 139

原创 fetch封装

1.src文件夹下创建util文件夹2.util文件夹下创建fetch.js文件3.fetch.js书写注意请求的地址和请求头 tokenimport { Toast } from ‘vant’;//允许同时存在多个 ToastToast.allowMultiple();let dataurl = ‘www.baidu.com’ //我们请求的接口const Http = function () {let DeviceID = localStorage.DeviceID;if (!D

2021-04-04 04:58:15 736

原创 vue 全屏

template中写 <div class="btn-fullscreen" @click="handleFullScreen"> <el-tooltip effect="dark" :content="fullscreen ? `取消全屏`:`全屏`" placement="bottom"> <i class="el-icon-rank"></i> </el-tooltip&gt

2021-04-04 04:40:02 351

weixin_51570295的博客