- 博客(58)
- 收藏
- 关注
RSS订阅原创 yarn常用安装命令
纯属哔哔赖赖瞎扯一下，以前一直用npm install、npm run ，突然来yarn，懵逼了，这是啥？感觉应该是和npm一样的东西，只是这里用yarn，难道它是npm更高级的替代品？为什么要替代npm？也不怎么敢问，默默百度了解一下yarn这个东西。看大佬的解释：https://www.jianshu.com/p/254794d5e741统一前端平台中命令：启动项目：yarn dev 或 yarnrun dev;打包命令:yarn build或 yarnrun bui...
2021-07-20 15:52:55
10773
原创 git常用的指令笔记
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言这个只是我工作中用到的情况写的笔记，百度一搜一大把。只是为了自己后面回顾自己学习的而作的记录笔记。很粗糙，刷到了求键盘下留情哈。项目开发常用的就是git和svn了，经常远程开发的话，我们常常要用git拉取项目代码，提交，修改等等。一、拉取项目代码大佬发来了项目前端框架的代码，以前用的都是svn，g...
2021-07-20 15:19:46
298
原创 报错集锦以及未能解决的问题
1、正式线突然出现的接口错误，说这个接口not a function，检查后发现是后台的接口文件没有更新，本地写了，但是后台没有。2、
2021-07-20 14:45:34
363
原创 使用 nvm 管理不同版本的 node 与 npm的笔记
前言： 因为多个项目用的node版本不一样，所以总是要卸载自己本地的node，然后去官网下载合适的版本，感觉很麻烦，朋友推荐使用nvm（node多版本管理器）。第一次使用，所以做个笔记。记录一下，毕竟好记性不如烂笔头嘛！1、首先，去GitHub上下载nvm https://github.com/coreybutler/nvm-windows/releases注：一定要先把自己原本下载了node卸载了，不然会可能会有冲突。2、win+r，cmd界面，打开终端，然后输入...
2021-07-20 14:40:32
208
原创 layui做树形表格，checkbox可勾选添加删除，对指定的td可编辑
前言新的项目需求是要做一个菜单权限的界面--弹框界面，界面里面是树形表格，然后表格要有checkbox去控制菜单的添加、删除。可修改菜单名字。百度查了一下，layui有拓展的组件treetable,要下载js。但是我下载的treetable.js源码不是很理解，表格里面的checkbox实现勾选就添加，反之就删除这个事件不知道怎么处理，只好自己写一个了。有些粗糙，当做一个笔记好了。放代码html<div class="layui-field-box layui-...
2020-05-21 10:46:08
1700
原创 layui的树形表格treetable
前言项目需要要做一个树形表格，项目用的技术框架是layui。去查看了文档，layui没有treeTable的相关内容，但是他的拓展里面有，感觉有点生硬。后面是百度看大牛们写的，自己跟着写的，觉得还是做个笔记好一点。 注意：我用的layui的版本2.4.5，低版本的可能会使树形表格的样式会加载不全的。 话不说多，当代码：代码<body> <div class="admin-main"> <table class="layui-table layui-f...
2020-05-13 18:10:03
1184
原创 vue+svg+d3.js清除放大缩小的效果
前言前阵子做svg的项目，要求能实现放大缩小。于是使用了d3.js，但是对于这个技术，现学现用，不是很会。放大缩小的功能是实现了，但是又来了一个新的需求就是给一个按钮，点击后。放大还是缩小的图形能够恢复成原来的样子。实话实说，我又百度看了好多。参考了别人的写法写的，能力渣渣，大牛们勿喷啊！直接放代码html： <div class="full-screen" style="margin-left: 20px;float: right;padding-top: 5px;">
2020-05-11 16:09:05
1118
2
原创 vue+elementUI抽离公共布局组件
前言因为在做项目的时候，我们绝大部分的界面布局都是一样的。所以做一个简单的公共布局组件出来，后期维护或者改样式的时候，就会方便很多。这也是公共组件抽离的思维。用的是elementUI的插槽slot代码// 公共的布局组件<template> <el-container style="border:1px solid #ccc;margin: 0 1px...
2020-05-05 10:45:24
2579
原创 vue使用svg文件补充-svg放大缩小（使用d3.js）
前言项目需求是要引入svg文件，然后对里面的元素进行赋值，完了之后还要能够让svg放大缩小，点击查看全屏。针对上一篇文章，进行对svg文件里面的元素进行赋值和放大缩小的补充笔记svg元素赋值先看看svg文件的代码思路：我的想法就是循环拿到里面的id，然后跟后台的数据匹配，然后赋值。因为后台返回的数据id是没有后面的_C和_V 的。所以需要我前端的处理。2. 前端js代码：...
2020-04-30 14:39:37
4361
2
原创 vue里面引用svg文件，并给svg里面的元素赋值
前言项目里面用的svg图片比较复杂，还要对里面的元素赋值等等的。在HTML里面有试着用过svg，在vue里面还是第一次尝试。百度了很多要配置webpack.base.conf.js,还要封装组件什么的，但是没有用，那些方法应该是对icon的svg或者简单的svg图片有用吧。后面改变思路，想着能不能组件的形式引入svg文件。静态界面下看看能不能实现，然后在做动态赋值。折腾了一天，还是弄出来了。真...
2020-04-28 15:32:57
9083
1
原创 elementUI-table-el-table-column使用fixed，样式错乱。
1、vue-router.esm.js?fe87:1897 Error: Loading chunk 32 failed. at HTMLScriptElement.onScriptComplete (app.js:758)问题：有时候久没有进入网页的时候，刷新就报这个错误，页面空白。然后多刷新几遍才回到登录界面。我还没有找到解决的办法，也很笨，不知道怎么排查。问题解决参考文章...
2020-04-21 11:33:08
7027
1
原创 微信小程序页面跳转后清除定时器
笔记前言：因为做项目，有些数据是实时的，所以要用定时器定时调用接口请求。最开始我加上定时请求，然后跳转的时候，接口请求还是一直执行。但是我想要的是页面跳转后，就清除定时器了。期间有一些小问题的出现，不过不难！ 个人做个笔记哈！ 不多说,放代码！代码 data: { timer:null } <!--要时时刷新请求的接口，记得要放在onshow里面，放...
2020-04-14 11:32:40
3094
原创 搜索条件过多时，点击左右箭头滑动内容
前提：因为平时做项目的时候，一个简单的界面，搜索条件很多，然后屏幕缩小的时候，那些搜索条件就会滑下来，会显得界面很不美观。于是就自己加了左右的箭头，内容过多的时候可以点击箭头，显示内容。代码：也不是很难的东西，就不解释那么多啦！直接放代码HTML：<i class="el-icon-arrow-left" @mousedown="scrollLeft" @mous...
2020-04-11 10:44:41
587
原创 关于IE遇到的兼容性的错误，求大神解救!
前言：项目是用html+jQuery写的，没有使用webpack、vue这些。项目里面有使用ES6++的代码，用IE11打开的时候报错。不知道html怎么兼容es6以上的语言。1、IE11，对于html文件的报错！我百度了一下，但是还不是很懂。参考文档：https://blog.csdn.net/weixin_33753003/article/details/90085907...
2020-03-18 09:24:30
228
原创 微信小程序+anvt f2+连接后台数据
前言：新学的微信小程序，所有的都是现学现用的，本身对小程序和f2的使用不是很懂，所以一路做下来磕磕绊绊的。总算是从最初的构建到连接后台数据成功展示了。在这期间百度了一下f2的例子，发现不怎么多，想想怕以后遗忘，我还是做下笔记吧。1、百度看见很多人都npm安装，但是我自己尝试了一下，发现安装不了，我也不知道为什么。于是就下载了相关的组件包。这个是在GitHub里面下载下来的，相关链接...
2020-03-12 11:08:33
966
原创 layui创建动态多表头
1、实现效果2、第一步获取table的数据3、第二步 子th4、其实很简单就是table.render({里面的cols：[{...,rowspan: 2},{...,rowspan: 2},{...,colspan: },{...,colspan: 2},[{field: '',title: '',},{},{},{}]]})...
2019-08-27 17:58:54
1610
原创 vue项目发布上线，外部修改公共路径，不用每次都进行打包部署
项目需求要想修改整体的后台接口域名，不用更改路径之后，每次发布都要打包部署。参考：https://blog.csdn.net/qq_41772754/article/details/88106508这个大神是真的写的很好，但是我自己引用的时候，出现了刷新就报错，然后不能用的问题。因为我做的项目基本弄完了，不好改动太多。就参照大神写的，改了。比较详细的解释说明请参照https://blo...
2019-07-13 14:05:19
2911
原创 获取今日、本周、本月、上月、今年的日期
1、首先格式化时间// 格式化时间function formatDate(date) {var myyear = date.getFullYear();var mymonth = date.getMonth() + 1;var...
2019-07-02 17:17:36
1523
转载 HTTP请求的header头解析
HTTP请求的header头解析RequestHeaders：下图是我访问一个URL：http://www.hzau.edu.cn的一个header,根据具体实例来分析一下各部分的功能及其作用。Accept作用：浏览器端可以接受的媒体类型,例如：Accept:text/html代表浏览器可以接受服务器回发的类型为text/html也就是我们常说的...
2019-05-16 11:57:54
1155
原创 前端自己写登录验证码，图片base64的使用，获取本地IP
1、效果图html:getCode(){var code = "";var codeLength = 4; //验证码的长度var captcha = document.getElementById("captcha");var codeRandom = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9,'a', 'b', 'c', ...
2019-05-09 09:35:33
890
转载 Vue + Element UI 实现权限管理系统
动态加载菜单之前我们的导航树都是写死在页面里的，而实际应用中是需要从后台服务器获取菜单数据之后动态生成的。我们在这里就用上一篇准备好的数据格式Mock出模拟数据，然后动态生成我们的导航菜单。接口模块化我们向来讲究模块化，之前接口都集中在，interface.js，我们现在把它改名为 api.js，并把里边原来登录、用户、菜单的相关接口都转移到我们新建的接口模块文件中。模块化之后...
2019-05-04 15:59:18
3825
2
转载 vuex的详细使用说明
首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex :npminstallvuex--save在 main.js里面引入store，然后再全局注入一下，这样一来就可以在任何一个组件里面使用this.$store了：import store from './store'//引入store new Vue({ el: '#app'...
2019-05-04 14:10:44
146
原创 vue项目连接后台数据库配置
1、也就是项目如何配置生产环境和发布环境的接口地址平常我们开发项目时,都在公司的局域网内,调用接口也是局域网内部的,但是项目上线时,请求接口是线上服务器端的,那么就有接口之间的来回切换问题.在使用vue-cli搭建项目以后,做相关配置就可以实现,不用手动更改接口路径,也可以请求不同环境下的接口.首先现在vue项目里面找到config这个文件，配置里面的index.js，代码如下：...
2019-05-04 10:53:42
43271
1
原创 vue页面里面引入json数据，不用配置webpack.dev.conf.js
1、首先在安装axios，npm install axios --save2、然后在main.js里面引入import axios from 'axios'Vue.prototype.$axios = axios（也可以写Vue.prototype.$http=axios）3、最后在页面上的应用在data（）{return{muensList ：{}}}在m...
2019-04-28 14:16:52
944
转载 制造假数据引入json
1、在项目开发的过程中，如果后台接口还未开发完成，这个时候所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vue.js 项目中引入本地的json文件呢，下面就将步骤贴出来整个项目是由vue-cli脚手架搭建而成。具体项目结构如下：1：首先我们使用vue-cli脚手架工具打包成上图所示的样子，不会vue-cli请...
2019-04-26 10:53:28
2563
转载 vue2.0后台管理 动态加载菜单【转载】
最近接手一个后台管理项目,需要实现从后台拉取导航菜单的效果;根据不同的登录用户的权限分别拉取不同的导航菜单,进行页面的跳转实现方法:从后台返回菜单与动态路由的数组做匹配,选择需要动态加载的路由,在将后台返回的菜单加载到页面即可1.首先在本地固定配置好不变的路由的地址,例如登录,404,403,500等公用页面const constantRouterMap = [ { ...
2019-04-25 09:01:18
2158
2
原创 MUI弹框里面添加输入框（mui.prompt）的使用
1、html点击事件<button type="button" id="promptBtn" class="mui-btn mui-btn-warning" v-cloak @click="charge(item)">充值</button>2、js：（我charge事件是写在li的v-for里面）...
2019-04-23 17:26:55
9482
3
原创 layui-树形控件
需求：点击左边菜单，右边表格内容跟着切换1、HTML：2、JS:layui.use(['form', 'layer', 'table', 'tree', 'laydate', 'laypage', 'element'], function() { $(window).resize(function() {//右边展示数据的表格 ...
2019-04-09 16:17:41
9891
3
原创 限制输入框输入类型
1、关于价格$("#price").on('input propertychange', function() { this.value = this.value.replace(/^(\-)*(\d+)\.(\d\d\d\d\d).*$/, '$1$2$3$4$5.$3'); //只能输入四个小数 this.va...
2019-04-03 14:47:57
856
原创 关于Failed to load resource: the server responded with a status of 404 (Not Found)报错原因
问题：解决：后台的朋友给了个解决方案：配置下服务器的Mime类型这个类型<staticContent> <remove fileExtension=".woff"/> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> <r...
2019-03-22 15:12:06
18339
原创 关于iview、bootstrap-vue、model、layui学习过程中的一些总结
html:文件的声明头 <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-w...
2019-02-20 16:57:52
1677
原创 后台返回总秒数，前端显示时分秒
1、后台返回总的秒数。前端处理为时分秒显示 2、 代码如下，因为后台告警持续时间没有数据时，返回为null。（用的是iview的表格框架）
2019-02-20 11:44:10
647
原创 iview树形控件节点右侧加输入框
1、原型2、需求分析 在超速驾驶右边加入两个输入框。新增时显示默认值，编辑时显示列表的值。可编辑修改，提交给后台。3、<Tree :data="Treelist" ref="tree" show-checkbox multiple></Tree>4、具体的代码如下链接：https://pan.baidu.com/s/1Nudji7ue1K...
2019-02-20 10:48:52
1924
原创 iview弹框里面的输入框限制输入类型
1、用的是iview框架2、设置限制输入的属性3、关于输入的类型，可以自己在网上搜索。这个是在data里面写的。也可以在方法里面写4、5、
2019-01-26 18:33:58
6926
6
原创 折线图显示当前七天，数组倒序
#截取数组的后七个，参考方法slice（-7），for后面七个（i<30,i>23）,数组倒序revenue1、折线图显示当前七天，但是后台显示的是当前一个月的数据，没有数据的日期不显示出来。2、代码处理var xAxisData = [];var seriesData = [];、、、、、、、、、、、如果返回的数据为空，则补零。data.forEach(ite...
2019-01-14 12:47:59
688
原创 前端入门学学习推荐
1、完全没有基础的话，可以从HTML基础开始。网易云课堂里面免费的课程， 入门你可以去看李炎恢老师的，讲的很详细。https://study.163.com/course/introduction.htm?courseId=1003005#/courseDetail?tab=12、JavaScript入门基础学习推荐腾讯课堂的，免费的。对于JavaScript基础学习足够了。...
2019-01-11 10:07:36
150
原创 限制表格里面的显示字数
关于bootstrap-vue表格里面的td文字样式处理1、bootstrap-vue 的表格样式设置，文字超出隐藏，超出显示省略号，鼠标移入悬浮框显示内容。2、文字限制输出两行，超出后隐藏项目：bootstrap-vue表格的处理：代码如下：<b-table striped hover bordered :items="infoList" :fields="thea...
2019-01-09 17:11:15
2480
原创 关于iview表格的前端学习笔记
1、首先是界面的配置，在router里面的routers.js里面配置文件的路径，菜单等等2、关于表格里面的弹框代码：{key: "operation",title: "操作",align: "center",width: 300,render: (h, params) => {return h("div", [h("Button",..
2019-01-07 14:47:57
2940
原创 表格里面的内容用弹框显示
#1、表格里面的评价内容，点击查看后，显示弹框以及相关文字#1、data（）{return{detail:'',}}showDetail(data) {this.modalFlag = true;this.detail = data},
2019-01-02 15:14:55
429
原创 日期+列表+折线图
#1、分析： 1.1日期： 日：选项为日的时候，右边日期选择YYYY-MM-DD,折线图显示当天的24小时 周：选择为周的时候，右边日期选择YYYY-MM-DD,折线图显示当前日期往前6天 月：选择为月的时候，右边日期选择月份，折线图显示选择月份的30天的数据 折线图：最开始默认...
2019-01-02 11:40:46
2753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人