- 博客(44)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 根据数组对象的某个字段去重
/**根据数组对象的某个字段去重item.name 是[{name:1}] 根据每条数据的name值来去重this.answerLiScore = this.unique(this.answerLiScore,‘name’);let answerLiScore = [{name: ‘1’,result: ‘rewr’},{name: ‘1’,result: ‘rewr5454’},{name: ‘1’,result: ‘rewr’},{name: ‘4’,resul
2020-09-27 16:25:56
946
原创 vue密码md5加密和微信扫码登录以及密码的显示隐藏
1、安装npm install crypto2、引入和使用两张hide.png和show.png<template> <div class="login-wrap"> <div class="ms-login"> <div class="ms-title"> <img src="../../assets/img/logo.png" alt />
2020-06-02 15:11:46
367
原创 vue项目自动打包部署到七牛
1、在package.json同级文件下，新建三个js文件upload-qiniu.js delect-qiniu.js refresh-qiniu-CDN.js2、新建一个js文件存放七牛的key和密钥3、 upload-qiniu.js 中的 var bucketName = "app-customer"对应的就是下面的域名const qnKey = require('./src/utils/key'); // 对应刚创建的key.js文件路径const qiniu = requi
2020-05-29 11:07:30
1033
原创 多接口请求，请求成功再显示数据
<template> <div class="account-data"> <div class="account-table"> <div class="table-main" ref="tableMiain"> <el-table v-loading="loading" element-loa
2020-05-27 17:26:28
439
转载 axios封装
1.npm install axios; // 安装axios2、http.js/**axios封装 * 请求拦截、相应拦截、错误统一处理 */import axios from 'axios';import QS from 'qs';import { Toast } from 'vant';import store from '../store/index'// 环境的切换if (process.env.NODE_ENV == 'development') { axi
2020-05-26 15:04:26
110
原创 动态心点赞（粘贴即可使用h5代码和vue代码）
1、html文件<!doctype html><html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2020-05-11 15:02:34
462
原创 vue的mixin方法
1、Vue.use()注册开发插件Vue.use()给一个对象，它会执行对象的Install方法Vue.use({install:function(){ console.log("222) }})Vue.use给它一个方法，它会直接执行Vue.use(function(){ console.log("333) })2、vue.mixin()全局混入data和方法，注入到每个插件,z全...
2020-04-06 19:21:26
227
原创 vue项目打包骚操作(Dll优化)
1、dll优化原理:每次打包都会处理所有的内容，但是并不更改第三方包(vue/jquery/axios等等),那么dll先打包第三方报，告诉真正的包那些第三方包已经被处理了，下次就不用再打爆了2、在build文件下新建一个webpack.dll.js文件,内容如下const path = require("path")const webpack = require("webpack")...
2020-04-06 18:50:15
2788
原创 闭包
作用域链 一级一级往上找，找到了就停止AO 活动对象被释放闭包内的变量未被引用时，被回收，引用的则被放在闭包里，则会造成内存泄露应用场景1.事件防抖（input输入框）function antiShake(fn, wait) {let timeOut = null;return args => {if (timeOut) clearTimeout(timeOut)timeO...
2020-04-06 18:18:29
92
原创 vue子父组件传值及方法相互调用
1、父组件调用子组件方法给子组件注册引用信息，父组件通过this.refs.change.fn1拿到子组件的组件实例对象中的fn1方法2、子组件调用父组件方法(可以直接用this.refs.change.fn1拿到子组件的组件实例对象中的fn1方法 2、子组件调用父组件方法(可以直接用this.refs.change.fn1拿到子组件的组件实例对象中的fn1方法2、子组件调用父...
2020-04-06 18:16:33
175
原创 Vue全局组件注册
1.新建一个index.js文件，内容如下function changeStr(str) {return str.charAt(0).toUpperCase() + str.slice(1)}const requireComponent = require.context("./", false, /.vueKaTeX parse error: Got function '\.' with...
2020-04-06 18:11:11
257
原创 render函数，解决templete里存在一值多判断的代码冗余问题
作用：解决templete里存在一值多判断的代码冗余问题（v-if v-else-if v-else）render和templete创建dom的区别，类编译器render真实节点，templete虚拟domrender免去了转译的过程，templete由虚拟dom–转译为vNode用法：等价于自定义一个组件1、新建一个btn.vue文件内容如下： 2、想父组件引用子组件一样使...
2020-04-06 18:00:28
309
原创 告别之前的常用的路由定义，进行路由简化
1.在router同级目录新增一个route文件夹，并新建一个index.routers.js文件(名字随意取，但是要对应下面的正则)内容:export default{path:’/index’,name:‘index’,component:()=>import("…/views/index.vue"),children:[]}2.在路由index.js文件夹里面加入如下代...
2020-04-06 17:59:11
140
原创 Invalid Host/Origin header vue项目
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-09-06 18:40:00
922
原创 下载文件
noteClick() {var _this = thisconsole.log(111);this.getBlob(“https://images.nnyun.net/FsnispJAfcjsPCUblSuCZYLafKIx”).then(blob => {_this.saveAs(blob, “Docker从入门到实践.docx”);});},getBlob(url) {...
2019-07-26 10:02:57
93
原创 时间格式化
// 时间格式 formatDate() { var date = new Date(); const year = date.getFullYear(); const month = this.timeFormat(date.getMonth() + 1); const day = this.timeFormat(date.getDate());...
2019-06-26 09:45:25
549
原创 微信小程序 component组件
1、引用组件的页面index.wxml<!-- 引用组件的页面模版 --><!-- 注意 一定要再component-tag-name.js里面的properties生命要传递过去的属性变量myProperty，不然接收不到--><view> <my-component bindmyevent="myEventListener" myProp...
2019-06-13 16:10:24
725
原创 vue子父组件传值及事件
1、子组件接收父组件传递的数据父组件 menus_items.vue的代码(做的是一个添加el-dialog功能)<template> <section class="SystemSchool"> <!--创建学校 --> <el-dialog title="创建学校" width="900px" ...
2019-06-11 16:25:15
185
原创 vue--字符串检验--(数字--特殊字符--汉字)
1、只能输入数字if (!/^[0-9]+$/.test(this.accountName)) { this.$message.error("只能输入数字");}2、不能包含特殊字符var pattern = new RegExp("[`~!@#KaTeX parse error: Expected group after '^' at position 1: ^̲&*(...
2019-06-11 11:23:37
7026
原创 vue form表单验证出现选择了值，但是还是提示未选择时的问题
如上问题是因为你的form表单绑定的form未定义改属性但是你在data里面未定义改roleId,注释了就会报上述错误，打开就没事了
2019-06-10 18:42:23
8433
8
原创 Vue纯前端实现Cookie登录记住账户功能
<template><el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom"> <h1 style="font-size: 1.5rem;color: #fff;font-weight: bold;padding: 1rem 0;">登陆&...
2019-06-10 17:22:12
3084
2
原创 Vue 实现登陆后长时间未点击自动退出登录
具体的实现思路如下;当前时间 - 最后一次点击的时间 > 超时时间当鼠标点击的时候，最后一次点击时间更新前端不断的刷新当前时间并最后一次点击时间进行比较，若大于超时时间则判断用户是否在登录状态，若在登录状态退出登录，其中，登录状态由sessionStorage保存关于App.vue：App.vue是Vue项目的主组件，所有的页面都是在App.vue下进行切换的，其切换的方法主要是通过r...
2019-06-04 17:19:45
1666
原创 h5-vue页面通过其它页面跳转过来获取参数并渲染echarts
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...
2019-05-31 17:42:20
1345
原创 vue--嵌入阿里云Aliplayer直播点播组件
阿里云直播点播官方文档地址：https://player.alicdn.com/aliplayer/setting/setting.html1、安装vue-aliplayernpm install vue-aliplayer --save-dev2、新建一个AliPlayer.vue页面(不需要更改，粘贴即可)<template> <div class="pris...
2019-05-07 09:54:18
8732
7
原创 HBuilder打包React项目生成的build文件
1、创建一个react项目$ cnpm install -g create-react-app$ create-react-app my-app$ cd my-app$ npm start2、修改package文件添加，“homepage”: " ./"3、打包react项目npm run build4、把build文件变成app模式注意：生成的build文件夹中，包含了...
2019-05-05 16:38:18
3138
原创 vue --echarts
x轴文字横向竖着排列xAxis: { type: "category", boundaryGap: true, nameGap: 30, splitArea: { show: false }, axisLabel: { show:...
2019-04-20 14:06:29
615
原创 对象转换为数组，获取对象的key及value--获取每月的天数
1、获取每月的天数mGetDate(year, month) { var d = new Date(year, month, 0); return d.getDate(); } // 调用this.mGetDate(2019,2) // 28
2019-04-20 11:09:58
919
原创 js form表单input框限制20个字符，10个汉字
直接粘贴到html文件便可看到效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" co...
2019-04-10 19:12:42
6234
2
原创 Vue-Video-Player使用方法
1、安装vue-video-player与videojs-flashnpm install vue-video-player -Snpm install videojs-flash --save在这里插入代码片在main.js中引入import VueVideoPlayer from ‘vue-video-player’import ‘video.js/dist/video-js....
2019-04-02 17:43:57
8695
4
转载 Firefox下flex元素overflow失效的原因和修复
使用flex布局时，有些需要滚动显示全部内容的元素在Firefox下却不能滚动，其原因在于overflow失效。解决方法：给该元素添加min-height: 0或者min-width: 0，取决于你的滚动方向，如果无效，尝试给其父元素添加该style，以此类推。...
2019-03-27 15:23:41
1239
原创 jsonP跨域
$.ajax({type: “get”,data:’’,url: “http://43.230.140.127/app-web/match/jishi”, // 省dataType: “jsonp”,jsonp: “callbackJSONP”,jsonpCallback: “callbackJSONP”,success: function (data) {console.log(...
2019-01-21 15:12:12
70
原创 webpack搭建项目并引入React
1、npm init -y 快速初始化项目（生成package.json文件）2、在项目目录下创建dist和src文件3、在src下创建index.html Document haha48和main.jsconsole.log(‘main47775.js’)4、cnpm install webpack -D...
2018-12-20 17:34:57
681
翻译 从零开始 Webpack
1、首先在一个空的工程目录下，使用 npm 进行初始化并安装 Webpack：npm initnpm i webpack --save-dev2、在工程中创建三个文件：index.html、app.js 和 module.js。index.html： app.js：import moduleLog from ‘./module.js’;document.wri...
2018-12-19 18:09:11
163
原创 vuex
main.js引入store.js之后new Vue({el: ‘#app’,router,store, // 所有对象都多了一个属性:KaTeX parse error: Expected 'EOF', got '}' at position 51: …late: '&lt;App/&gt;'}̲)所以页面上面可以直接用{{store.state.name}}获取 ----name(...
2018-12-19 15:45:37
81
1
原创 vue全局封装ajax请求
1、新建一个文件夹，里面放一个api.js文件，里面写上/* 封装get方法*/export function get(url, params) {return KaTeX parse error: Expected '}', got 'EOF' at end of input: …常 this.router.push({path: “/404”,});});}/*...
2018-12-19 15:42:21
3991
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人