lilongwei4321的博客

原创 vue项目引入字体.ttf

1、下载所需要的字体，.ttf格式本文以（FZCYJ.ttf 为例）2、在src下新建common文件，文件夹中包含以下文件3、打开font.css@font-face { font-family: 'FZCYJ'; //重命名字体名 src: url('FZCYJ.ttf'); //引入字体 font-weight: normal; font-sty...

原创 h5和vue支付宝支付

1、vue项目会在response中返回一段代码；可直接获取代码并提交支付请求；$nextTick延迟执行2、H5项目会在response中返回一段代码；可直接从dataFilter获取代码并提交支付请求；...

原创 快速搭建vue后台权限管理vue-element-admin

下载https://github.com/CaiBaoHong/biu biu/browser为前端vue项目，初始化项目（npm install） 启动服务 （npm run dev），可以看到系统管理下的权限配置添加页面后需同步权限元数据也可配置按钮权限 biu/browser/src/components/ 目录下有多种组件（echart、Excel、图片上传等） 请求接口可在src...

原创 vue安装less报错Failed to compile with 1 errors

1、创建vue项目后安装less，执行npm install less less-loader --save-dev下载版本为：less-loader@6.1.0 ，less@3.11.3，重启服务报错，报错信息如下：2、报错原因 less 本版太高需要降低版本，执行代码先移除之前版本：npm uninstall less-loader 下载指定版本：npm install less-loader@5.0.0 -D3、重启代码就可以了，若还是报错可移除文件node_modules...

原创 gulp+es6自动化环境搭建

1、首先npm init建立package.json文件2、项目中安装gulp ， npm install gulp --save-dev3、安装以下所有插件，例如：cnpm install gulp-rename --save-dev"devDependencies": { "babel-core": "^6.26.3", "babel-preset-es2015"...

原创 书签制作css

1、使用渐变，效果如图<div class="bg"><span>我是标签</span></div><style> .bg{ width: 115px; line-height: 50px; background: red; background: linear-gr...

原创 for循环与setTimeout

1、for + setTimeout 使用var执行for(var i = 0; i < 5; i ++){ setTimeout(function (){ console.log(i) }, 1000)}执行结果为 ：5上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，里面的i指向的就是全...

原创 webpack搭建服务器

webpack-dev-server是一个小型的Node.js Express服务器,我们可以通过它搭建一个本地服务器,并且实现文件热更新;先确保你本地有安装npm，node1、切换到你的目录下对项目进行初始化npm init一顿enter,yes之后我们会得到package.json文件(ps:json不能写注释,别复制过去直接用奥!否则会报错){ "name": "...

转载 Git-命令行-使用 Tag 标记你的代码

前言正文开始之前，我想我们需要弄明白几个问题：1.tag 是什么？2.使用tag 的好处？3.tag 和 branch 的区别以及使用场景？ tag 是什么？ tag , 翻译过来是标签的意思，顾名思义，标签是为了标记某种事物。 tag 是 Git 版本库的一个快照，指向某个 commit 的指针。 使用tag 的好处？ tag 的存在，是因为我们需要这种标记的功...

原创 echart自定义多条提示信息

 1、前提说明：项目使用vue + element UI 搭建的，图表使用axios请求后端数据回显到echart中2、项目要求一条折线上展示多个字段，开始时看文档这样设置错误代码methods: { initChart() { this.chart = echarts.init(document.getElementById(this.id)) ...

原创 vue修改图片后实时更新

1、vue图片上传，使用element UI 上传组件自己写<el-upload action="string" :http-request="uploadImg" :show-file-list="false"> <el-button v-perm="'b:img:upload'" size="small" type="pri

原创 vue下载二进制流图片

1、应项目要求，后台返回二进制流，而且乱码2、红色为必须this.$axios.post('/fishweb/agent/downLoad',this.stringify({filename:'qrCode.jpg'}), { responseType: 'arraybuffer' //指定返回数据的格式为blob }).then((res) =&...

翻译 vue项目刷新当前页面

1、因项目需要刷新当前页，但是不能出现空白，router.go(0)等都不太好使，所用我选择用 provide/inject。在 Vue.js 的 2.2.0+ 版本中添加加了 provide 和 inject 选项。他们成对出现，用于父级组件向下传递数据。2、打开app.vue设置3、子组件使用在需要刷新的地方设置 this.reload() 就可以了...

原创 vue项目打包后放服务器非根目录下图片找不到

1、刚开始我的图片是放在static中，但是尝试多种方法，放到非根目录下图片就是不显示，最后解决方法是把图片放在了src/assets下，页面import引入2、引入static中的背景图怎样编辑呢？使用相对路径来编辑，具体有几个“../”需要看文件放在哪里。但是这种写法的前提是先配置webpack.dev.conf.js和webpack.prod.conf.js，具体配置请参考https...

原创 vue打包项目报Unexpected token分析及解决方法

1、vue打包项目放到，内网发现报错，不要慌，查看报错的文件，我的是有3个报错，rem.js，md5.js等文件；点开文件发现找不到，说明路径配置有问题2、我的项目是放在非根目录下的所以需要配置config/index.js文件 build assetsPublicPath:'/fishagent/'，fishagent非根目录下的路径名，具体操作可以看我之前的文档 https://blo...

原创 vue项目axios每次请求session不一致

1、vue开发后台管理项目，登录后，请求数据每次session都不一致，后台返回未登录，处理方法打开main.js设置：// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alia...

原创 vue引入本地iconfont图标字体

1、下载iconfont图标至本地2、项目中新建文件夹，并把以下文件放到文件夹中3、打开app.vue页面，import引入对应的地址<template> <div id="app"> <router-view/> </div></template><script>export

原创 echarts 双y轴设置

要设置双y轴可以参考，echart官方文档中Yaxis的设置 http://echarts.baidu.com/echarts2/doc/doc.html#Yaxis，废话不多说，直接上代码yAxis : [{ type: 'value', min: 0, max: 5, interval: 1, ...

原创 echart修改自定义内容

1.自定义提示内容tooltip提示框中有formatter内容格式器：{string}（Template） | {Function}，支持异步回调，因trigger设置为axis所以回调有多个对象tooltip : { trigger: 'axis', formatter: function (params){ //自定义提示框 ...

原创 vue element table 表格请求后台排序

1、ElementUi文档已经说了，如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。<el-table :data="playerTableData" border style="width: 100%" :default-sort = "{p...

原创 gulp前端自动化环境搭建

1、首先确保你已经安装nodejs2、全局安装gulp安装方式：npm install gulp -g查看版本：gulp -v3、创建开发项目（已有项目请忽略此步骤）4、在根目录下新建文件package.json，配置如下：{ "name": "项目名", "version": "1.0.0", "description": "项目描述", &

原创 vue简单封装axios

1、在src下新建api文件夹，在api文件夹下新建config.js文件2、config.js配置如下：import axios from 'axios';import qs from 'qs'//mint UI 框架，若不需要请全部注释掉import {Indicator, Toast} from 'mint-ui'axios.defaults.headers.post['...

原创 iphone部分兼容问题

1、vue或者H5项目中，按钮设置了颜色，到iphone中竟然和css设置不一样解决方法：outline:0px; -webkit-appearance:none; 2、按钮点击出现阴影块解决方法：-webkit-tap-highlight-color: rgba(0, 0, 0, 0);...

原创 vue代理解决跨域问题

1、修改config/index.js注：host配置0.0.0.0方便移动端预览，但要注意port 需配置3000，4000这样的端口，启动服务后可访问localhost:3000或者IP:3000 代理跨域使用vue-resource this.$http.get('/api/请求地址',    {参数})...

原创 项目nginx部署到非根目录下vue配置

1、修改config/index.js2、修改路由route/index3、若index.html有引入static中的 js 和images需要配置 webpack.dev.conf.js 和 webpack.prod.conf.js        配置webpack.dev.conf.js ，大概在55行左右增加path配置new HtmlWebpackPlugin(...

原创 求数组中两数之和等于15（一个循环）

原创 数组去重、排序

方法一：方法二：  

原创 数组与对象的深度拷贝

一、数组拷贝    浅拷贝：        深拷贝：    方法一：        方法二：    二、对象拷贝    深拷贝：    方法一：        方法二：    ...