consoleloghello-优快云博客

原创 Vue2，实现电子签名（web、移动端）功能

现如今，电子签名与手写签名一样具有法律效应。越来越多的项目开发中会有电子签名的需求，自己最近的项目也会频繁出现该需求。一般开发时会用到现有的依赖包，但是自己所处的开发环境不能连接外网，所以打算自己研究和总结实现电子签名功能。

2023-12-12 19:52:33 2366

Vue 封装一个倒计时组件1. 创建一个基础组件2. 实现基本的倒计时组件time时间转化开始倒计时时间转化天数、小时、分钟、秒数3. setTimeout和setInterval使用比较4. 监听时间5. 使用diffTime6. 添加功能传入到期时间选择显示内容，例如只显示秒或小时7. 完整代码1. 创建一个基础组件<template> <div class="_base-count-down"></div></template><sc

2022-05-07 18:39:32 2358 1

原创 20个常用JavaScript单行代码

20个常用JavaScript单行代码1.检查数字是奇数还是偶数2.在两个数字之间生成一个随机数3.随机生成6位数字验证码4.计算两个日期之间的天数5.查找日期位于一年中的第几天6.处理当前时间7.获取浏览器Cookie的值8.将数字转化为千分位格式9.数组去重10.数组合并11.随机排列数组12.多维数组转一维数组13.检查数组是否为空14.字符串反转15.获取JS语言的实际类型16.身份证的正则表达式17.将RGB转换为十六进制18.滚动到页面顶部19.将文字复制到剪贴板20.检查设备类型1.检查数字

2021-11-30 15:09:14 315

原创 ElementUI设置侧边栏滚动

ElementUI使用el-scrollbar设置侧边栏滚动使用element的隐藏组件 el-scrollbar继续给外层的div添加样式隐藏横向滚动条使用element的隐藏组件 el-scrollbar在el-scrollbar外包裹一层div,el-scrollbar需要加上高度，否则无法滚动<template> <div class="side-bar"> <el-scrollbar style="height: 100%;">

2021-09-27 11:23:17 5784 3

原创 vue 全屏 screenfull.js 使用及API

vue 全屏 screenfull.js 使用及API这里写目录标题vue 全屏 screenfull.js 使用及API一、安装二、使用三、API一、安装npm install screenfull --save二、使用<template> <div class="btn-fullscreen"> <i class="el-icon-rank" @click="fullScreen()"></i> </div&gt

2021-09-27 11:07:47 576

原创 js中数组的各种遍历方式

js中数组的各种遍历方式一、ES5中数组遍历方式let arr = [1, 2, 3, 2, 4]1、for循环for (let i = 0; i < arr.length; i++) { console.log(arr[i])}// 1 2 3 2 42、forEach()：没有返回值，调用数组的每个元素，并将元素传递给回调函数。// 参数：item(必需)->当前元素// index(可选)->当前元素的索引值// array(可选

2021-08-30 22:05:22 416

原创闭包

什么是闭包？使用常见场景，优缺点1. 什么是闭包？官方概念：闭包是指有权访问另一个函数作用域中的变量的函数代码块：function fn1() { var name = 'Fuleny' return function() { console.log(name) }}var fn2 = fn1()fn2() // Fuleny在上述代码中，闭包指的就是return function() { console.log(name) }这个函数。这个

2021-05-17 15:16:48 185

原创 VUE面试题集锦

VUE面试题集锦（修改版）一、vue核心知识–理论篇1、对vue是一套渐进式框架的理解渐进式代表的含义是：主张最少。Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念，也可以函数式，都可以，它只是个轻量视图而已，只做了自己该做的事，没有做不该做的事

2021-01-29 18:24:20 334

原创 web前端HTML5和CSS3面试题

web前端HTML5和CSS3面试题第一章 HTML入门1、你常用的浏览器有哪些? 1: Chrome 内核 Webkit —> Blink 2: FireFox 火狐内核 Gecko 开源 3: IE Trident 4: Safari webkit 5:Oprea 欧朋 Presto2、谈谈你对语义化的理解? 1、去掉或者丢失样式的时候能够让页面呈现出清晰的结构； 2、有利于SEO（搜索引擎优化）：和搜索引擎建立良好沟通，有助于爬虫抓取更多的

2021-01-06 14:36:23 300

consoleloghello的博客