前端
关注
分享
扫一扫
忆达夫
这个作者很懒，什么都没留下…
展开
-
如何优雅地组织校验代码
validator原创 2022-10-11 17:49:52 · 158 阅读 · 0 评论 -
随机生成任意长度字符串
随机生成任意长度字符串原创 2022-08-02 11:23:19 · 507 阅读 · 0 评论 -
array enum 的准替代方案(改进版)
array enum原创 2022-07-04 14:03:34 · 180 阅读 · 0 评论 -
纯 css 实现 mouseleave
纯 css 实现 mouseleave原创 2022-06-30 13:44:31 · 222 阅读 · 0 评论 -
获取 enum key 的方法
export enum CategroiesZh { generic = '云分区', mysql = 'MySQL', postgresql = 'PostgreSQL', oracle = 'Oracle', rac = 'Oracle RAC', sqlserver = 'SQL Server', virtual = '虚拟机'}// 获取 enum 的 keyexport const CategroiesProxy = new Proxy(Categroies.原创 2022-02-10 11:03:52 · 1883 阅读 · 0 评论 -
git submodule 常见用法--增删改查
官网：https://git-scm.com/book/en/v2/Git-Tools-Submodules新增仓库git submodule add https://git.dnt.com.cn/****.git src/infra指定 分支名称 | 路径 | git url | branch新建目录 mkdir -p /src/infra/根目录新建文件 touch .gitmodules指定分支信息，如下[submodule 子仓库名称] path = 子仓库所在路径 ur原创 2021-11-04 11:24:10 · 283 阅读 · 0 评论 -
npm 版本比较工具
使用示例const v1 = '1.1.1-0'const v2 = '1.1.1-0'const v3 = '1.1.1-1'const v4 = '0.0.0-1'// 获取版本号明细 VersionParser.parse(v1)const obj = new VersionParser(v1)obj.compare(v2) // 0obj.compare(v3) // -1obj.compare(v4) // 1enum VersionEnum { origin .原创 2021-08-03 17:17:23 · 641 阅读 · 0 评论 -
《伐贼》-----致菲律宾
人去空余古楼兰，烟笼沙场舐惨寰，安得藜黍报平安，人生何处不青山？将军战死始家还，壮士无生恨苍天，从今旦逢圆月夜，孤鬼悲泣催胆寒。原创 2021-03-18 09:36:36 · 75 阅读 · 0 评论 -
《夜宿学庐》
殇长安，梦回石泉，忆少年时候，嬉戏池河边青山悬素练，水浅现河滩梦里常相会 ，乡音萦耳边金州楚地安睡秦巴间。雁塔边，天籁舞喷泉，佳人伴，寒风暖。佛堂前，青竹黄梅连，羡连理，不羡仙，莲湖畔，日好照人间，游人乐，相忘年。情往何处？冷月独怜，念终南山中，云鸟俱腾欢。...原创 2021-03-18 09:36:05 · 79 阅读 · 0 评论 -
ipv6计算 ip 地址递增
由于找遍现有的库，都没有找到一个实现了 Ipv6 地址递增， 以及计算任意两个ip间的所有 ip 的方法，于是只能自己手动实现一番，整个过程比较繁琐，不想再实现第二遍，故而再此记录下使用方法：IPV6.caculateIp({ start: IPV6.example[0], end: IPV6.example[1] })IPV6.generateIps(IPV6.example[0], 10)IPV6.compare(IPV6.example[0], IPV6.example[1])结果原创 2021-03-08 17:01:05 · 1254 阅读 · 0 评论 -
xterm element 实现
yarn add xterm@3.10.1xterm.vue<template> <el-dialog :title="title" :visible.sync="show" @close="close" :fullscreen="fullscreen" :width="width"> <div id="terminal" class="auto"></div> </el-dialog>原创 2020-10-13 15:35:23 · 301 阅读 · 0 评论 -
判断密码强弱核心
function generate (a: string, b: string) { if (!a || !b) { throw new Error('orderStr error!') } typeof a !== 'string' && (a = a + '') typeof b !== 'string' && (b = b + '') let c = a.charCodeAt(0) let d = b.charCodeAt(0) c原创 2020-06-18 14:25:14 · 170 阅读 · 0 评论 -
列表自动滚屏组建
<template> <el-scrollbar ref="scroll" :style="{height: height + 'px'}" class="scroll-list" @mouseenter.native="stopScroll" @mouseleave.native="startScroll"> <s...原创 2020-01-07 15:38:29 · 108 阅读 · 0 评论 -
Invalid CSS after "body": expected 1 selector or at-rule, was "{"
针对这个问题，看了很多blog，结果都是错的，是错的，错的……，上面的报错经过调试，发现是犹豫在引入sass文件时没有在末尾加分号导致，特此记录（前提是已经配置了sass-loader)文件结构App.vue文件中引入了theme.scss, theme.scss又引入了variable.scss// App.vue<style lang="scss"> @import ...原创 2020-01-02 10:32:15 · 5934 阅读 · 0 评论 -
vue jsx与render的区别及基本使用
近来看到一篇好文章，详细介绍了vue jsx 与render配合使用，在此以做转载，查看地址侵权立删转载 2019-12-17 10:59:44 · 319 阅读 · 0 评论 -
vue向导抽象类组建
缘起：由于在工作当中经常接触到【流程分步骤配置】的情况，以下简称流程，团队成员之间技术水平不一，使用的技术栈不一，包括props传值，vuex，$emit等，我们在同时开发一个流程时，每个步骤内部的状态管理容易出现混乱，并且步骤之间顶层设计比较复杂，那么亲爱的读者，如果你也遇到类似的问题，那么恭喜你，本文就是为了解决这个问题而产生的。技术栈vueiviewps： 使用elem...原创 2019-11-30 16:50:59 · 353 阅读 · 0 评论 -
elementUI中table组建实现自定义单元格
灵感来源 https://www.dazhuanlan.com/2019/10/07/5d9a906dc5c9f/<template> <el-table :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))" ...原创 2019-10-30 19:55:25 · 1147 阅读 · 0 评论 -
前端知识梳理
面试大法高频问题兼容性问题cssjs移动端如何实现浏览器内多个标签页之间的通信? (阿里) 休止符移动端的布局用过媒体查询吗？https://www.w3cplus.com/mobile/vw-layout-in-vue.html阿里面试题 http://caibaojian.com/ali-mianshi.htmlHTML1.Doctyp...原创 2019-09-05 10:56:33 · 1816 阅读 · 0 评论 -
瀑布流核心代码
<template> <ul class = "test"> <li v-for = "(v, i) in arr" style = "position:absolute" :style = "{ height: v + 'px', width: '100px', ...原创 2019-09-04 19:18:42 · 105 阅读 · 0 评论 -
刮刮乐
html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="guaguaCard.css"> <meta conte...原创 2019-04-18 18:08:44 · 450 阅读 · 0 评论 -
区分 实例属性 原型属性 静态属性
function klass(id){ // 实例属性 this.id=id; this.pull = [];} // 静态属性klass.Uid=1; // 原型属性 [共有]klass.prototype.names=[];// 原型方法klass.prototype.getPull = function () {console.info(this.pull)...原创 2019-03-29 11:38:17 · 305 阅读 · 0 评论