gqzydh-CSDN博客

原创本地环境搭建

本地环境搭建安装nvmnvm常用命令NVM配置国内镜像安装nvmhttps://github.com/nvm-sh/nvmcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bashnvm常用命令nvm install --lts // 安装指定版本既可nvm install v4.4.0，又可nvm install 4.4nvm uninstall --ltsnvm use --lts

2021-02-21 08:45:26 266

原创自定义点击弹框

Jqueryhtml<div class="ibox" style="position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:9999;display:none;"> <div class="ui-grid box-d"> ...

2020-04-19 17:52:13 440

原创 JS 数组常用技巧

删除数组的重复项 var fruits = ["banner", "apple", "orange", "watermelen", "apple", "orange", "banner"]; var uniqueFruits = Array.from(new Set(fruits)); console.log("删除数组的重复项", uniqueFruits);替换数组...

2019-10-31 10:42:01 264

原创 js倒计时刷新页面不受影响

JS倒计时（无视页面刷新）使用localStorage<html><head><title>JS倒计时（无视页面刷新）使用localStorage</title> <style>.disabled { background: #fff; color: #ccc; border: solid 0px;}...

2019-10-29 13:22:46 1615 1

原创 jQuery[响应式] 自适应网页顶部导航菜单

jQuery[响应式] 自适应网页顶部导航菜单<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"...

2019-10-07 17:12:20 2573

原创 [原生JS]鼠标悬停下划线效果

[原生JS]鼠标悬停下划线效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>[原生JS]鼠标悬停下划线效果</title> <style type="text/css" media="screen"&g...

2019-10-07 16:49:52 1553

原创 vue 短信验证码输入

vue 短信验证码输入<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no,view...

2019-09-06 18:29:21 983

原创 cube-ui 给组件设置样式

cube-ui(this.$createDialog({ $attrs: { id: 'abcd-adbd', }, $class: { 'my_class': true, }, type:...

2019-09-05 11:49:13 4844

原创 vue-H5全屏图片背景实例

2019-09-04 15:37:10 785

原创【Js】Array数组，字符串之间做对比

两个数组间互相校验var inArray = function(arr, item) { for(var i = 0; i < arr.length; i++) { if(arr[i] == item) { return true; } } return false;};var links =...

2019-08-27 13:40:15 1601

原创 vue-chartjs 图表库配置及使用

官网官方文档使用Chart.js和Vue.js简单漂亮的图表github/vue-chartjsvue-chartjs 是基于 Chart.js 实现的 vue 版本npmnpm install vue-chartjs chart.js --save组件BarHorizontalBarDoughnutLinePiePolarAreaRadarBubbl...

2019-08-11 18:35:16 10902

原创前端常用命令

系统信息arch 显示机器的处理器架构(1)uname -m 显示机器的处理器架构(2)uname -r 显示正在使用的内核版本date 显示系统日期cal 2007 显示2007年的日历表date 041217002007.00 设置日期和时间 - 月日时分年.秒clock -w 将时间修改保存到 BIOS关机重启shutdown -h now 关闭系统(1)init 0...

2019-07-09 14:31:13 6182

原创 JavaScript开发中常见的概念

调用堆栈原始类型值类型和引用类型隐式, 显式, 名义和鸭子类型== 与 ===, typeof 与 instanceofthis, call, apply 和 bind函数作用域, 块级作用域和词法作用域环境变量，原型链闭包map, reduce, filter 等高阶函数表达式和语句变量提升Promise立即执行函数, 模块化, 命名空间递归算法数据结构消息队列...

2019-07-09 14:03:08 190

转载 iterm2 快捷键大全【Mac】

标签新建标签：command + t关闭标签：command + w切换标签：command + 数字 command + 左右方向键切换全屏：command + enter查找：command + f分屏垂直分屏：command + d水平分屏：command + shift + d切换屏幕：command + option + 方向键 command + [ 或 comman...

2019-07-07 23:42:36 430

转载 async/await与promise 异步解决方案

参考： https://www.cnblogs.com/CandyManPing/p/9384104.htmlasync await demo在api中，把结果return 出去export async function getRetailUnitPrice () { const reqBody = await get('/race/spot/racespot/enter/dayahea...

2019-06-26 14:33:14 1213

原创 npm 源管理器

nrm 是一个 npm 源管理器，允许你快速地在 npm 源间切换。安装npm install -g nrm //全局安装nrm使用nrm ls //查看可选的源其中，带*的是当前使用的源，上面的输出表明当前源是官方源。切换如果要切换到taobao源，执行命令nrm use taobao。增加你可以增加定制的源，特别适用于添加企业内部的私有源，执行命令 n...

2019-06-25 09:23:57 572

转载 JavaScript 数组方法

关于如何以某种方式操纵对象数组的问题，这往往也是数组方法的完美用例map、filter、reduceJavaScript 数组方法map、filter和reduce容易混淆，这些都是转换数组或返回聚合值的有用方法。map：返回一个数组，其中每个元素都使用指定函数进行过转换。const arr = [1, 2, 3, 4, 5, 6];const mapped = arr.map(el...

2019-05-22 15:28:20 187

原创 Vim 保存和退出命令

Vim 保存和退出命令:w保存编辑后的文件内容，但不退出vim编辑器。这个命令的作用是把内存缓冲区中的数据写到启动vim时指定的文件中。:w!强制写文件，即强制覆盖原有文件。如果原有文件的访问权限不允许写入文件，例如，原有的文件为只读文件，则可使用这个命令强制写入。但是，这种命令用法仅当用户是文件的属主时才适用，而超级用户则不受此限制。:wq保存文件内容后退出vim编辑器。这个命令的作...

2019-05-22 13:12:52 2506 1

原创 ajax 请求

2019-05-19 09:13:56 896

原创 Js二代身份证号码正则验证

一代身份证号码是十五位， 2013年1月1日开始，咱们中国全面停止使用一代身份证了。二代身份证号码：1-6位：表示行政区划的代码。1、2位，所在省（直辖市，自治区）代码；3、4位，所在地级市（自治州）代码；5、6位，所在区（县，自治县，县级市）的代码；7-14位：表示出生年、月、日15-16位：所在地派出所代码17位：性别。奇数（1、3、5、7、9）男性，偶数（2、4、...

2019-05-17 16:31:56 43222 5

转载 input数字输入框可以输入e的原因

今天在查看表单实例的时候，发现了一个只能输入数字的input，却可以输入e字母<Input type="number" v-model.number="form.number" placeholder="请输入"/>原因是e在数学上代表无理数，e是自然对数的底数，是一个无限不循环小数，其值是2.71828…，所以在输入e时，输入框认为是数字。为了避免这个bug，我们可以是用下...

2019-05-05 09:13:36 3944

转载 js 正则表达式验证用户注册信息

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript">function check() {var submitFlg = true;...

2019-05-05 09:08:52 1789

原创 mongodb 学习笔记

db的帮助文档db.adminCommand(nameOrDocument)// 切换到'admin'数据库,并且运行命令db.AddUser(username,password[, readOnly=false]) //添加用户 db.auth(usrename,password) // 设置数据库连接验证 db.cloneDataBase(fromhost) //...

2019-04-25 16:27:19 176

转载 vue-property-decorator使用指南

在Vue中使用TypeScript时，vue-property-decorator非常好用的一个库，使用装饰器来简化书写。1、安装npm install --save vue-property-decorator@Component (from vue-class-component)@Prop@Model@Watch@Emit@Inject@ProvideMixins (the...

2019-04-25 09:37:59 12563

原创 TypeScript基础笔记

TypeScript基础根据类型推断可以间写let fn2: (x:number, y:number) => number =function(x, y){ return x+y;}void如果函数没有返回值，使用void, 不是nudefined

2019-04-25 09:34:23 240

原创 vue中常用方法总结

<input v-for="item,i in tabData " type="button" v-bind:value="item.title" v-bind:class="{ative : i=== index}"/>可控制classv-bind:class="{class名字：表达式}"v-bind:class="{ative : i=== ...

2019-04-24 22:41:48 2683

原创 JavaScript常用正则验证函数实例

1、验证年龄格式（年龄只能0~99，两位数）//验证年龄格式（年龄只能0~99，两位数）function ValidateUserAge(age){ var regNum = /^[0-9]{1,2}$/; if (regNum.test(age)) { return true; } else { alert("请输入正确的年龄！") return f...

2019-04-22 15:26:13 524

原创 tsconfig.json 配置说明

include 与exclude"exclude": [ //排除 "build", "dist", "example", "node_modules", "rollup.config.js" ], "include": [ //包含 "src" ]

2019-04-08 09:45:53 3240

原创 vscode 配置typescript环境

默认安装好 node，npm， vscode安装TypeScript CompilerComplier将typescript编译成javascriptnpm install -g typescript npm install --save -g @types/node // 安装库的d.ts文件npm update -g typescript // 更新npm in...

2019-04-03 13:29:46 4288

原创 css图片自私应水平垂直居中【示例】

css图片自私应水平垂直居中【示例】<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width...

2019-04-02 09:05:49 166

原创 vue 实例常用笔记

<body><div id="example"> <my-component></my-component></div><script> //创建组件 //Vue.extend() var MyComponent = Vue.extend({ template: '<...

2019-03-31 17:59:45 265

原创 JSONP 实现跨域请求实例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js">&l...

2019-03-29 17:07:49 7915

原创 CSS3 触发animation和@keyframes定义的动画

重新触发CSS3 animation和@keyframes定义的动画结合CSS3的animation和@keyframes可以给元素定义动画，定义一个标题进入的动画如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>重新触发CSS

2019-03-07 09:50:35 6628

原创 vue2.0-移动端音乐播放器搭建

脚手架安装vue init webpack vue-musicStylusCSS 的三个预处理器（框架）：Sass、LESS 和 Styluscnpm install stylus --save-devcnpm install stylus-loader --save-dev参考： https://www.zhangxinxu.com/jq/stylus/...

2019-03-06 16:10:06 676

原创 JQ 吸顶导航-Demo

吸顶导航，鼠标下滑自动收缩，上滑展现<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>吸顶导航，鼠标滑动自动收缩展现</title><style type="text/css"

2019-02-22 16:29:30 633

原创 js-regExp-正则表达式

js-regExp-正则表达式RegExp代码演示&lt;input type="text" onkeyup="regExp=/[^a-z]/g;this.value=this.value.replace(regExp,'')"&gt;&lt;input type="text" onkeyup="regExp=/[^0-

2019-02-12 16:34:57 136

原创 js-闭包代码演示

js-闭包代码演示<!doctype html><html><head><meta charset="UTF-8"><title>js-闭包代码演示</title></head><body><span>1</s

2019-02-12 16:30:16 552

原创 js-作用域演示

js-作用域演示<!doctype html><html><head><meta charset="UTF-8"><title>js-作用域演示</title></head><body><script>//全局作用域va

2019-02-12 16:28:52 114

原创 js-this的使用演示

js-this的使用演示<!doctype html><html><head><meta charset="UTF-8"><title>Document</title></head><body><script>//全局中t

2019-02-12 16:27:38 128

原创 js-值传递和引用传递实例代码

js-值传递和引用传递实例代码<!doctype html><html><head><meta charset="UTF-8"><title>Document</title></head><body><script>//按

2019-02-12 16:26:31 546

mobiscroll2.17.1 控件 完整破解版

空空如也

mobiscroll2.17.1 控件完整破解版