- 博客(10)
- 收藏
- 关注
RSS订阅
原创 【自动化发布-1】给自己服务器上私有化部署jenkins
一只前端，去年大年三十便宜来了个ubuntu服务器，在公司的时候用的都是jenkins+gitlab+docker自动化发布，也是第一次玩服务器。买的服务器有点小，不打算部署gitlab了。下面记录jenjins私有化部署的记录
2020-09-25 14:51:33
491
原创 webpack4.0基本配置(学习笔记)
基础配置依赖安装npm install webpack webpack-cli --save-devnpm install webpack-dev-server --save-devwebpack.config.js中的mode选项一定要配置，不能配置"",如果不配置那就不要写mode这个选项entry 配置入口，output配置出口output.filename下支持指定输出文件名，文件名的规则可随心所欲的拼接模版描述[hash]模块标识符(module id
2020-08-14 16:53:03
415
原创 基于VueDraggable和Element-ui的图片拖拽改变顺序的组件
我们公司管理后台项目是使用Element-ui组件，这次需求产品要求上传的图片组允许拖拽排序，我就想用vue-draggable插件了，但是相信Element-ui的el-upload组件封装的很好，我这种菜鸟级别的前端哪里敢动，所以我就想着上传依然用el-upload，但是把上传组件的展示图片隐藏，自己根据组件的上传之后拿到的url链接自己形成图片数组，然后展示层由我们自己来写UI和vue-dr...
2019-09-12 17:09:00
3527
9
原创 尝试实现call和apply
二者都是改变函数this指向并执行，区别在于apply接收参数数组，call接收多个参数1. apply的实现/** * 模拟apply的实现 */ Function.prototype._apply = function(target,...arg){ if(typeof this !== "function"){ throw TypeError("Error 缺少函数"); } let result = null; // 判断是否存在第一个参数targets,没有则指向
2020-08-14 16:05:02
134
原创 js限制方法最多可执行次数
有时候会有要求某个方法最多可执行一次或指定次数，这里防抖和节流都不是解决问题的办法，下面可以可以让要执行的方法当作回调函数以参数的形式传入。/** *@ fn {Function} 要限制执行次数的方法 @ num {Number} 最大可执行次数 default: 1 */export const _limitFrequence = (fn, num = 1) => { l...
2020-04-21 15:01:44
2276
原创 vue快速限制input框可输入的数字类型（整数，正整数，小数限制小数点后几位）
vue快速限制input框可输入的数字类型（自然数，正整数，小数限制小数点后几位）项目中有许多地方需要限制输入框中的数字，比如只允许输入正整数啦，只允许输入自然数（正整数包括0），小限制小数点位数的需求，这些我们大可以封装一个公共的mixins混合方法放在公共部分，然后给input输入框绑定一个@input事件来调用mixins方法就可以啦。先上代码，开锤开锤，直接莽方法封装先在src...
2020-04-21 01:47:50
6102
原创 vue验证input(自然数，正整数，小数)自定义全局指令
我的项目是基于Vue和Element-ui的，如果朋友们没有用element-ui,请把代码中的el.children[0].value替换为el.value即可用了这个指令，验证一些常规的数字更加方便，可以直接组织不符合的数字输入进去主要就是注册全局的自定义指令，监听键盘抬起事件通过条件判断是否让其输入成功/** * @desc 验证整数类型数字方法 * @param {...
2019-09-04 17:35:00
751
原创 基于Vue框架封装的画环形进度条组件
这个是基于Vue框架封装的可多次调用的画环形进度条的组件下面是组件代码<template> <div class="progess-container"> <canvas :id="params.id" width="200" height="200"></canvas> </div></templat...
2019-08-23 16:37:00
305
原创 基于Angular框架封装的画环形进度条组件
1.首先在我们的plugin目录下将本文档附件中的js文件引入，这个组件是以Angular工厂模式创建canvas对象，以Angular指令控制dom2.然后在html文件中在需要画图的地方调用组件，以下为html的demo<div class="test" ng-controller="TestCtrl"> <circle-progress c...
2019-08-23 16:32:00
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人