baiduren！-CSDN博客

原创 ES5数组方法

位置方法：indexOf() 和 lastIndexOf()；迭代方法：forEach()、map()、filter()、some()、every()；归并方法：reduce()、reduceRight()；一.位置方法:indexOf()：该方法从数组的开头开始向后查找,查到返回下标,查不到返回-1lastIndexOf()：该方法从数组的末尾开始向前查找,查到返回下标,查...

2019-02-11 15:26:25 1975

提交规范工具:https://github.com/commitizen/cz-cligit hooks husky:https://github.com/typicode/husky一.commitizen1.安装git提交规范工具(在项目中安装)npm install --save-dev commitizennpx commitizen init cz-conventional-changelog --save-dev --save-exact2.在package.json中

2022-03-01 15:18:55 2885

原创 ts学习笔记

1. keyof ,类型索引的使用keyof 类似于 Object.keys ，用于获取一个接口中 Key 的联合类型interface Button { type: string text: string}type ButtonKeys = keyof Button// 等效于type ButtonKeys = "type" | "text"type Kin = keyof any//等效于type Kin = string | number | symbol

2022-01-21 10:41:55 1061

原创获取对象最大层级

let obj = { kk: { kk: { kk: { a: 1, }, }, kk: [ { kk: { kk: 1, ll: {}, }, }, ], .

2021-07-06 16:16:32 350

原创 window系统生成多个ssh

有时我们需要在一台计算机上同时要有多个ssh身份认证，比如使用git时，有一个gitHub和gitee.com1.检查系统是否有.ssh文件夹一般是在C:\Users\Administrator目录下，如果没有手动新建.ssh文件夹2.生成多个ssh keyssh-keygen -t rsa -C "youremail@yourcompany.com"一路回车会在C:\Users\Administrator\.ssh文件夹中默认生成id_rsa和id_rsa.pub两个文件,可通过输.

2021-05-25 21:08:11 902

原创 call,apply,bind的实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>c.

2021-02-07 21:10:11 105

原创 axios取消请求

1.创建 cancelAxios.jsimport axios from 'axios'class CancelAxiosEvent { handlers = {};//定义一个事件容器 constructor() { } //注册事件 addCancel(config) { config.cancelToken = config.cancelToken || new axios.CancelToken(cancel => {

2021-01-30 12:42:26 374 3

原创 webpack4配置中的 publicPath和contentBase

1.在webpack.config.js配置中有两个publicPath和一个contentBaseoutput: { path: resolve(__dirname, './dist'), filename: 'main.js', publicPath:'./' }, devServer: { contentBase: './public', publicPath:'/',//如果output中的publ

2021-01-16 20:48:32 1488

原创 element-ui语言切换

首先安装i18n和js-cookienpm i vue-i18n js-cookie1.在src下创建以下文件en.jsexport default{ text:{ langToggle:'language-toggle', test1:'ceshi1', test2:'ceshi2', test3:'chose date' }}zh.jsexport default{ text:{

2020-12-04 14:29:27 1710 1

原创图片添加水印

function watermark(conf,callback){ fileToBase64(conf.File,function(base64Data){ var img = new Image(); img.src = base64Data; img.onload = function (){ addmark(conf,img,callback) } img.onerror = fun.

2020-11-03 17:33:11 198

原创处理刷新页面vuex丢失

keepState.jsexport default class KeepState{ constructor(obj){ let config = { storage:'sessionStorage', store:null, key:'KEEPSTATE', state:[] } Object.assign(config,obj)

2020-10-30 18:09:22 171

原创 video.js的使用(7.8.4)

一：安装npm i video.js二：main.js中引入import Vue from 'vue'import Videojs from 'video.js'import VideojsZhcnLanguage from 'video.js/dist/lang/zh-CN.json'import 'video.js/dist/video-js.css'Videojs.addLanguage('zh-CN',VideojsZhcnLanguage)//设置中文Vue.protot

2020-09-30 14:39:00 1021

原创 git学习使用笔记

1.安装git（windows系统）官网下载：https://git-scm.com/downloads下载后按照默认设置安装即可，安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！2.使用github仓库创建仓库：点击 new respository后进入下面的页面设置完后，点击 Cre...

2020-04-19 13:54:47 1954

原创 vue中使用电子签名

使用vue-cli4脚手架，js-signature 2.0.0（https://www.npmjs.com/package/jq-signature）jquery 3.4.1。1.安装jq及js-signature(js-siganture依赖于jquery)npm i jquery jq-signature -S2.小插曲->若只使用jquery，只需要在使用的组件中导入或...

2020-04-09 18:28:44 2715

原创 js压缩图片

1.压缩方法/*图片压缩方法 imageHandel.imageCompress(若按照指定大小压缩则quality参数无效；按照图片大小压缩会存在误差。)@author luxuebo@Date 2020/04/04@param file {File|Blob} 需要压缩的的图片@param config {Object} 配置@param config.quality {Num...

2020-04-04 21:54:29 542

原创 webstrom

一.常用快捷键Ctrl + /:单行注释Ctrl + Shift + /:多行注释Ctrl + Alt + L :格式化代码Ctrl + D :复制光标所在当前行到下一行Ctrl + Shift + up/down :上下移动Ctrl + F:当前文件中查找Ctrl + Shift + F:指定目录内查找Ctrl + R:当前文件中替换Ctrl + Shift+ R:指定目录内...

2019-12-23 16:25:21 153

原创上传和下载

上传一:form表单方式1.表单提交地址和当前页面在同一个域(http://localhost:3000)html:<form action="http://localhost:3000" method="post" enctype="multiple/form-data" target="iframe1"> <input type="file" name="...

2019-11-06 16:55:24 148

原创同步的axios

1.后端代码(express)let express = require('express');let app = express();app.use((req, res, next) => { res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000') res.header("Acce...

2019-10-22 16:30:20 159

原创装饰器Decorator

在一些场景下我们需要额外的特性来支持标注或修改类及其成员。装饰器（Decorators）为我们在类的声明及成员上通过元编程语法添加标注提供了一种方式。装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，属性或参数上。有普通装饰器(无参数)，和装饰工厂(有参数)两种1。类装饰器：可以扩展当前类的属性和方法1.1无参数的类装饰器（普通装饰器）function logInfo(tar...

2019-10-20 18:45:37 131

原创 es5、es6、typescript中的类和对象

一.es5//1.把属性和方法都放在构造函数中（不建议使用，每次创建实例都会创建公共的方法）function Person(name){ this.name = name; this.getName = function(){ return this.name; } this.setName = function(name){ ...

2019-10-20 11:52:04 490

原创拖动滑块验证

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖动滑块验证</title> <style type="text/css"> #lu-slide{ width: 300px; height: 40px...

2019-09-18 18:02:11 726

原创 vscode 新建代码片段snippets（vue模板为例）

1.文件-->首选项-->用户代码片段-->新建全局代码片段 vue.json2.用以下内容替换vue.json.code-sinppets文件内容{ "Print to console": { "prefix": "vue", "body": [ "<template>", "\t<div cl...

2019-08-03 18:31:43 1187 1

原创深度克隆对象和数组，去除对象和数组value值两端的空格

//1.判断数据类型function paramType(o){ if(o===null) return "Null"; if(o===undefined) return "Undefined"; return Object.prototype.toString.call(o).slice(8,-1);}//2.深度克隆数组和对象function deepClon...

2019-08-01 20:05:14 232

转载判断页面是否有滚动条,并计算宽度

function hasScrollbar() { return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);}function getScrollbarWidth() { var scrollDiv = document.cre...

2019-07-25 16:12:23 406

原创移动端修改img标签src属性值兼容性问题

1.在安卓中在可以在次修改img标签src的值,iphone中有时生效,但是在次修改时无效<p id='getImg'> 展示图片 </p> <div id='img'> <img src="" alt=""> </div> <script> $('#getImg').on('click',funct...

2019-07-24 10:34:41 1113

转载读写cookie

(function(oo){ oo.setCookie = function(name,value,time,path){ var d = new Date(); if(!path){ path = "/"; } d.setTime(d.getTime()+time); var time = "expires="+d.toUTCString(); document...

2019-07-18 10:45:48 133

原创前端实现图片验证码效果(数字和字母)

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #picCode{ display: inline-block; width: 160px; height:40px; background: #ddd;...

2019-07-16 16:41:17 4653

原创防止浏览器缓存

<!DOCTYPE html><html><head> <title></title> <meta http-equiv="Expires" content="-1" /> <meta http-equiv="Cache-Control" content="no-cache,no-store,must-rev...

2019-07-11 17:55:58 355

原创格式化日期

/* 年(y)可以用1-4个占位符,毫秒(S)只能用1个占位符月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用1-2个占位符 example: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S')//2019-06-13 15:14:31.597 */ Date.prototype.F...

2019-06-13 15:20:04 150

原创 Form 表单提交,不跳转页面

1.<form action="index_submit.do" method="get" accept-charset="utf-8" onclick="return avoidJump()" > <input type="text" name="username"> <input type="password" name="pas...

2019-04-02 19:57:03 9694 2

原创 window.open()使用

function showOpenPage(url,title,height,width){ var ua = navigator.userAgent.toLowerCase(); var ie = ua.indexOf('msie'); var features='dialogWidth:'+width+';dialogHeight:'+height+';resiza...

2019-04-01 11:30:14 341

原创 jquery 鼠标悬停展示详细信息

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标悬停展示详情</title> <meta charset="utf-8" /&...

2019-04-01 11:11:44 1521

原创 easyui tabs选项卡,事件触发关闭某一个tab

<div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;"> tab1 </div> <div tit...

2019-03-27 09:56:15 2588

原创 mui checkbox

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2019-03-13 09:21:46 650

原创修改密码校验

function testPassword (opass,npass,cpass,callback){ /* opass:原密码 npass:新密码 cpass:确认新密码 callback:校验成功后的回调校验规则: 1.非...

2019-03-13 09:11:50 1900

转载文件对应的Content-Type

{ ".load":"text/html", ".123":"application/vnd.lotus-1-2-3", ".3ds":"image/x-3ds", ".3g2":"video/3gpp", ".3ga":"video/3gpp", ".3gp":&qu

2019-02-28 14:16:24 738

原创移动端meta标签的使用

<meta name="viewport" content="width=device-width,initial-scale=1.0">  <meta http-equiv="Expires&qu

2019-02-18 15:52:13 349

原创 npm发布包

1.如果本地使用的是淘宝镜像源,先切换到npmnpm config set registry https://registry.npmjs.org2.注册npm账号npm adduser登录注册邮箱进行确认或在网站https://www.npmjs.com/上登录.可能出现几种问题:2.1 用户名已被注册2.2密码太简单,不符合安全要求3.若已注册,直接...

2019-01-31 17:33:12 190

原创移动端rem适配

1.假设设计稿是针对iphone6、7、8,宽度750px(物理像素)2.js代码:!(function (doc, win) { // 拿到html标签的dom元素对象 var docEle = doc.documentElement, evt = "onorientationchange" in window ? "orientationchange" : "resi...

2019-01-30 19:37:25 144

原创移动端真实1像素问题

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>解决移动端真实1像素问题</title> <style type="text/css"> .bd{ position: rel

2019-01-30 18:58:40 443

空空如也

空空如也