自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 让文件忽略eslint校验

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

2021-08-26 09:35:30 1076

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

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

2021-08-25 09:13:40 468

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

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

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

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

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

2020-12-22 15:20:39 2260

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

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

2018-10-29 11:03:38 1803

原创 在低版本兼容性问题

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

2018-10-23 18:16:41 745

原创 文件上传添加loading显示

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

2018-10-23 17:43:43 12666 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 2246

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

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

2018-10-15 16:09:39 3408

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

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

2018-10-10 17:29:55 647

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

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

2018-09-20 15:06:41 308

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

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

2018-09-19 15:55:49 1374

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

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

2018-09-19 15:40:06 727

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

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

2018-09-12 18:03:19 305

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

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

2018-09-11 17:10:12 3479

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

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

2018-08-16 22:04:36 7876

原创 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 148

原创 ES6 总结

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

2018-08-15 20:00:32 105

原创 webpack的一些简单总结

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

2018-08-15 19:59:31 129

原创 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 209

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

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&gt;.babelrc   [创建]      ...

2018-08-15 19:56:30 113

原创 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 93

原创 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 116

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

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

2018-08-14 17:29:26 253

原创 原生js侧边栏效果

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

2018-08-14 17:27:55 1902

原创 js中日期获取应用代码总结

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-08-14 17:22:18 127

原创 URL的参数的获取

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-08-14 17:21:32 107

原创 jquery导航跟随效果

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-08-14 17:20:49 279

原创 利用jquery实现缓慢返回顶部

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-08-14 17:19:53 263

原创 移动端IScroll插件滚动效果

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-08-14 17:19:11 494 1

原创 gulp的入门到入坑

 gulp 安装:(1): npm install gulp -g          [全局安装](2): npm install gulp --save-dev   [安装依赖](3): npm install gulp-sass --save-dev  [sass插件](4): npm install gulp-connect --save-dev  [插件搭建本地服务](...

2018-08-14 17:17:56 157

原创 关于一些东西的个人看法

----------------面向对象----------    面向对象就是一种编程方法。面向对象的三大特征:继承、多态、封装    继承:一个类型的对象能够访问另一个类型的属性和方法    多态:同一操作对不同的对象会有不同的结果    封装:将数据和对数据的操作集中在一起    ----------------类和对象------------    我们把具有相同属性和相同方...

2018-08-14 17:12:37 252

原创 原型,原型链相关研究

首先这样说,我们创建的每个函数都有一个prototype 属性 这个属性是一个指针,它指向一个对象,这个独享的用途是包含可以由特定类型的所有实例共享的属性和方法 ,   所以说 prototype就是通过 调用构造函数而创建的那个对象实例的原型对象。使用原型的优缺点:优点:可以让对象实例共享它所包含的属性和方法,也就是说,不用在构造函数中添加定义对象信息,而是可以好自己讲这些信息添加到原型...

2018-08-09 11:51:30 82

翻译 对面向对象的一些个人理解

一、面向对象是一种程序开发的方法,它以对象作为程序的基本单元,将陈旭和数据封装其中,提高软件的灵活性,重要性和扩展性,它把数据以及数据的操作方法放在一起,作为一个相互一寸的整体。二、具有相同属性和相同方法的对象 的抽象  是类,    也就是 对象的抽象是类   类的实例是对象。 在面向对象的编程中,把用类创建对象的过程称为实例化。三、面向对象和面向过程的区别:面向过程是一种直接的...

2018-08-09 09:47:37 223

原创 swiper 微场景的简单应用

使用步骤:首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jquery.min.js。 打开swiper的官网  选择然后:下面的直接按照上面要求 把上面的html  js css 复制下来就可以了 然后下面是重点:...

2018-08-08 19:57:14 608

原创 用canvas写的一些简单小测试

简单的碰撞小测试var cvs = document.getElementById('box'); var ctx = cvs.getContext('2d'); var x=0, y=0,h=true,k=true; setInterval(function(){ ctx.clearRect(0,0,cvs.width,cvs.height); if(h){ ...

2018-08-03 21:18:34 529

原创 canvas 的一些简单运用

首先canvas作为html5新出现的标签,也像其他所有dom对象一样有他自己本身的属性、方法和事件,其中就有绘图的方法,然后用我们可以用js调用它来进行绘图  语法 例:&lt;canvas id="myCanvas" width="400" height="400"&gt;&lt;/canvas&gt;可以看到canvas元素自身也有两个属性 width 和height 此外也有其他...

2018-08-03 19:28:44 1252

原创 textarea 禁止拉伸的属性

 style="resize:none" 

2018-07-25 20:46:16 3226 1

原创 关于nodey入门一些简单的解析

首先我们要了解什么是node.js?官方解释是:node.js是一个基于Chrome v8引擎的javascript 运行环境。Node.js使用了一个事件驱动、非阻塞式 I/O的模型,使其轻量又高效。他是由c++编写的 所以速度很快简单来说 就是一个js 的运行环境,所以他开发用的语言是js语言 ,通过node去编译你的js文件node.js 的安装1)npm i -g 全局(电脑只...

2018-07-21 09:38:07 299

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除