莫语的鱼-CSDN博客

原创让文件忽略eslint校验

有时候代码编译过程中，之前不报错，后来编译的时候突然报错，eslint报错如下可以使用/*eslint-disable*/ 让eslint编译的时候忽略该文件

2021-08-26 09:35:30 1144

转载开源项目jsmind.js的右键扩展插件

转发别人记一下万一以后用到https://github.com/allensunjian/jsmind.menu.js

2021-08-25 09:13:40 555

原创 vue-JsMind思维导图实现（包含鼠标右键自定义菜单）

项目需要思维导图这个功能，暂时还不知道具体需要什么功能，就自己先搞了一下，简单实现节点添加编辑删除拖拽及下载导图等功能，还有鼠标右键点击节点出现自定义菜单的功能，看了好多的自己以及其他人写的，发现很多都是有缺失的，不能拿来直接使用，下面我总结了一下，可以直接复制使用。按钮事件或者鼠标右键按钮事件可二选一选用，废话不多说直接上代码<template> <div class="brain_content"> <div clas..

2021-08-24 17:40:15 6303 3

原创动态添加、删除table表格行和列

正常情况下要动态添加、删除表格的行和列，如果要牵扯到数据绑定等问题的话会很复杂，但是我们可以把这个比较复杂的问题进行拆分，动态添加删除行和列，无非难点在于怎么添加列以及如何添加行，对于添加列逻辑可能稍显复杂，但是添加行倒是很简单，只需要往定义的 list里面push空的数据即可实现新增一条数据，那么如果添加列，其实我们可以仿照这个，换个思路，整体添加列要考虑表头的设置以及数据添加数据绑定这些，但是我们可以把这些给分开，我们先添加表头定义一个表格list 里面包含要添加表头的 n...

2020-12-22 15:20:39 2518

原创移动端头部固定出现的一些问题总结

首先移动端固定位置是为了防止下面内容过多出现滚动条的时候可以一直让头部固定位置不会出现随着滚动条滚动消失在上方那么需要注意的几个问题是在写fixed的时候一些必要的属性一定要注意写上下面是我在编写过程中出现的bug：这是我最开始写的页面效果出来后也是可以的，我头部部分下面的一部分我写的是positon：relative 属性但是当我把下面的一个部...

2018-10-29 11:03:38 1855

原创在低版本兼容性问题

这两天做了个项目在静态页面编写完成后正常在网页显示完好但是用真机测试的时候设置的background属性完全失效那么这个是什么问题引起的呢经过试验发现在低版本 CSS3属性大部分都会出现兼容性问题比如最开始的background 设置背景图片我最开始是 background URL 路径后面跟上了 no-repeat center top/cover 属...

2018-10-23 18:16:41 792

原创文件上传添加loading显示

一个比较小的东西不是很麻烦在element-ui上面可以找到<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload" v-loading.fullscreen.lock="loading">{{$t('changeView.pay.uploadFiles'

2018-10-23 17:43:43 12895 2

原创时间戳转换成时间格式

转换时间格式需要的条件首先需要确定时间接口所在列表例：list其次找到你下面逻辑里面的response所在位置第三拿到时间接口所在列表里面的数据例：const responseData = response.data.data // console.log("this is list data",JSON.stringify(responseData)) this.payLis...

2018-10-23 15:33:07 2278

原创文件上传遇到的一些问题以及解决方法

文件上传我这里用的是element组件这里面已经可以满足大部分人的需求和正常操作一样到element里面文件上传直接复制就好：<el-upload class="upload-demo" ref="upload" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handl...

2018-10-15 16:09:39 3493

原创 mockapi如何配置？如何做到无侵入的修改页面状态值？数据在easy-mock和页面之间是如何传递的？

mockapi可以直接在easy-mock里面配置相关数据在easy-mock注册之后都会有一个演示项目每一项后面都有操作按钮选择编辑选项即可实现更改可以在这里面直接更改数据实现无侵入的修改页面状态值 flag改变就可以是如何实现easy-mock和页面之间的关系连接的呢这个可以在项目里面的 config里的index.js文件中找到通过Pro...

2018-10-10 17:29:55 678

原创数组中对跳对象信息去重复，解决遇到的弹出层显示多条对于信息多种解决方法

初始状态如下： grepPayChannel(channel) { //1. payChannelCode 筛选出所有PAYTM的数据 let ptmArray = [] //这里新建了一个数组存放以ptm渠道退款的数据 let sumPtm = 0 //这里是支付的金额初始定为0 ...

2018-09-20 15:06:41 337

原创数据填入把需要的数据添加到一个新的数组然后通过绑定的属性在页面中呈现出来

<el-dialog :title="$t('changeView.summary')" :visible.sync="dialogTableVisible" width="70%"> <el-table :data="gridData" border> <el-table-column

2018-09-19 15:55:49 1415

原创代码优化案例减少重复编写通过v-if 一个状态的判断完成

在出现大部分内容都相同的情况下这个时候就需要查看是否有优化的可能，如一下情况： IdentifySuccessful(item){ this.dialogTableVisible = true this.currentState = 'success' refundOffline({refundIdL...

2018-09-19 15:40:06 769

原创 git svn对比优劣使用git把本地项目传到远程仓库以及中间遇到的问题

先说集中式版本控制系统，版本库是集中存放在中央服务器的..集中式版本控制系统最大的毛病就是必须联网才能工作，如果在局域网内还好，带宽够大，速度够快，可如果在互联网上，遇到网速慢的话，可能提交一个10M的文件就需要5分钟，这还不得把人给憋死啊。那分布式版本控制系统与集中式版本控制系统有何不同呢？首先，分布式版本控制系统根本没有“中央服务器”，每个人的电脑上都是一个完整的版本库，这样，你工作的时...

2018-09-12 18:03:19 333

原创 gitlab项目拉取、.ssh里面 pub文件的生成，'ssh-keygen' 不是内部或外部命令解决方法

首先gitlab登录的时候需要一个shareID 这个是需要去申请一下然后得到一个shareID账号密码（这个shareID 我不知道自己什么申请我是公司给的权限嗯对邮箱也是公司给申请的这个邮箱是工作需要的，然后通过这个邮箱配合工作）上面是密码账户名是你的邮箱名字@ 前面的内容如上我的邮箱是 zhangtl_sh@ushareit.com 所以我的账户名就是...

2018-09-11 17:10:12 3745

原创关于微信小程序 todolist 实现

wxml 部分：<input type='text' placeholder='请输入内容' bindinput='getval' value='{{val}}'></input><button bindtap='add'>添加</button><view wx:for="{{list}}" wx:key="{{index}}"&a

2018-08-16 22:04:36 7917

原创 mongodb数据库的简单运用

var MongoClient=require("mongodb").MongoClient;var url="mongodb://localhost:27017/mydbs";MongoClient.connect(url,function(err,db){if(err) throw err;console.log("数据库已创建");//创建集合var dbase=db.db("...

2018-08-15 20:02:11 174

原创 ES6 总结

ECMAScript6在保证向下兼容的前提下，提供大量新特性1.块级作用域关键字let, 常量const2.对象字面量的属性赋值简写（property value shorthand）3.赋值解构4.函数参数 - 默认值、参数打包、数组展开（Default 、Rest 、Spread）5.箭头函数 Arrow functions6.字符串模板 Template s...

2018-08-15 20:00:32 126

原创 webpack的一些简单总结

WebPack 是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后生成了优化且合并后的静态资源。webpack的两...

2018-08-15 19:59:31 150

原创 express 中操作 session的参数问题

express 中操作 session 要用到 express-session (https://github.com/expressjs/session ) 这个模块，主要的方法就是 session(options)，其中 options 中包含可选参数，主要有：name: 设置 cookie 中，保存 session 的字段名称，默认为 connect.sid 。 store: sess...

2018-08-15 19:57:21 236

原创前端一些经常用到的命令及相关知识

bable 安装:(1):npm install –g babel-cli(2):npm install -g cnpm --registry=https://registry.npm.taobao.org [国内域](3):npm install --save-dev babel-preset-es2015(4):type nul>.babelrc [创建] ...

2018-08-15 19:56:30 132

原创 git 的一些知识总结

1、安装gitgit config --global user.name 'XXX'git config --global user.email 'XXX' 2、创建本地库mkidir learngit //自定义文件夹cd learngittouch test.md //创建test.md文件pwd //显示当前目录3、常用CRTgit init //...

2018-08-15 19:54:03 110

原创 React中redux的用法

目录如下：代码如下：import React, { Component } from 'react';import './App.css';import { BrowserRouter as Router,Route,Redirect,Switch} from "react-router-dom"import Home from "./redsss/home"import L...

2018-08-14 17:32:45 139

原创正则表达式实现一个注册单

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} fo

2018-08-14 17:29:26 270

原创原生js侧边栏效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{padding: 0;margin: 0;} #box{width: 300px;height: 300px;ba

2018-08-14 17:27:55 1937