JerryHmr-优快云博客

转载【无标题】

1、什么是 Generator 函数在Javascript中，一个函数一旦开始执行，就会运行到最后或遇到return时结束，运行期间不会有其它代码能够打断它，也不能从外部再传入值到函数体内而Generator函数（生成器）的出现使得打破函数的完整运行成为了可能，其语法行为与传统函数完全不同Generator函数是ES6提供的一种异步编程解决方案，形式上也是一个普通函数，但有几个显著的特征：– function关键字与函数名之间有一个星号 “*” （推荐紧挨着function关键字） – 函数体内使用 y

2022-12-07 17:33:55 176

原创前端表格数据导出至Excel

引入js-xlsx插件 1、script标签引入 <script lang="javascript" src="dist/xlsx.full.min.js"></script> 2、使用npm安装如下模块 npm install xlsx --save 这里以.vue文件为例 1、引入xlsx模块 import XLSX from 'xlsx' 2、表格部分（这里用的是elementUI表格组件） <div class="top-level-element">

2020-07-06 10:09:53 625 2

原创 vue-perfect-scrollbar的应用

安装 npm install vue-perfect-scrollbar 应用 import VuePerfectScrollbar from 'vue-perfect-scrollbar/index.vue' export default { components: { VuePerfectScrollbar }, //... } example <template> <VuePerfectScrollbar class="scroll-area" v-onc

2020-06-17 14:27:36 1129

原创 axios的封装

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。安装 npm install axios; // 安装axios复制代码引入一般我会在项目的

2020-06-16 16:43:00 410

原创 node版本的升级和降级

在开发的工程中，我们可能需要经常切换node版本来应对不同的开发环境，所以需要经常使用不同版本的node 一、安装npm插件n ,通过n模块来管理node版本 1、全局安装n模块 npm instlal -g n 2、安装当前稳定版本 n stable或者sudo n stable 3、安装最新版本的 n latest或者sudo n latest 4、安装指定版本的node n v8.16.0 5、卸载指定的node版本 nrm v8.16.0 二、使用nvm管理node版本 1、安装nvm brew i

2020-06-16 15:45:57 3640

原创 ssh连接gitlab,免密码登录

第一步：检查是否存在SSH秘钥 1.Enter ls -al ~/.ssh to see if existing SSH keys are present1.0 2.如果显示ls: 无法访问/root/work/.ssh: 没有那个文件或目录表示目录不存在，ssh不存在第二步：生成 SSH key. 1.输入指令： $ ssh-keygen -t rsa -C "your_email@...

2020-06-16 15:42:22 720

原创放大镜效果_面向对象版

放大镜效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...

2019-12-14 09:42:42 254

转载获取网页被卷去的高度scrollTop

网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body...

2019-12-08 15:45:34 521

原创用JS模拟复选框的样式

JS模拟复选框的样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-12-08 15:24:59 534

原创随机点名小案例

随机点名小案例 1，两个按钮操作： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...

2019-11-29 20:32:07 274

原创五大常用居中

五大居中1 利用伪元素：after和vertical-align 1，首先在里面创建两个div,父元素div给一个class：fu;子元素div给一个class:zi; 2，给父子元素一个宽高和背景色以便在浏览器中显示； 3，利用display:inline-block将要居中的.zi转成行内块元素； 4，在.box最后加一个伪元素：after（必须要有content:"";才能生效），也转成行内...

2019-11-23 22:55:14 356

JerryHmr的博客