- 博客(31)
- 收藏
- 关注
RSS订阅原创 js实现from表单的文件下载
var form = $("<form>"); //定义一个form表单 form.attr("style", "display:none"); form.attr("method", "post"); form.attr("action", backUrl + "ordercount_exportOrderList.action");...
2019-08-24 14:01:55
1827
原创 vue项目中如何获取页面刷新，从而跳转到上一页
1：在移动端项目中，用户可能会刷新页面，刷新页面的时候数据也没有了这时候就需要从邮件详情跳转到上一页去。由于使用的是vue项目，所以可以通过mounted来判断当前用户是否是第一次进入该详情页。在mounted中使用sessionStorage来进行判断 mounted() { sessionStorage.tempFlag = (sessionStora...
2019-07-09 08:55:24
1144
原创 在vue-cli项目中如何使用普通js封装共用方法来全局使用（方法中使用到vuex）
1：在项目中是许多组件组合起来的，那么有些方法是公用的这时候就需要提取出来放置到共用的js中，提供全局使用。第一步 创建一个公共的js，引入vueximport store from '@/store'from后面是自己的路径第二步创建方法例如 constmailMoveMsg = function (index){ 中间就写此方法的业务逻辑...
2019-07-04 12:44:34
2085
1
原创 webpack的详细知识点(一)----对js代码的模块打包
1：新建文件夹，使用vscode打开，同时打开终端，输入 npm init运行后我们回车 遇到Is this OK? (yes) yes 输入yes就可以 。webpack的安装之：如何局部安装1：先把webpack的全局安装给卸载，操作如下，2：在你需要运行的项目下载webpack，有两种方式a：在项目中打开终端，输入cnpm install webpack we...
2019-07-01 23:25:56
290
原创 better-scroll的横向滚动
在vue项目中使用到了better-scroll 来实现区域的滚动。要是想的功能是 ，内容区域超出的那部分可以横向滚动，而其他没有超出的则不滚动。这时候我们需要使用到better-scroll的eventPassthrough在已经引用了better-scroll，html代码如下第一个红色箭头就是使用滚动的区域，下面第二个红色箭头代表的是我们需要横向滚动的内容区域...
2019-07-01 18:47:27
2421
原创 vue项目使用mui 遇到的问题
1：vue项目打包的时候出现postcss-svgo: Error in parsing SVG: Unquoted attribute valueLine: 0Column: 14打包的时候报错这句话是svg的引用错误，svg需要用双引号包裹起来。如果你是引用了mui的话 可以先去引入的mui.css 和mui.min.css 的代码中 查找到如下代码 吧单引号改为...
2019-06-22 18:16:40
540
原创 移动端获取手机自带的返回键并添加事件。
在当前的项目中，由于是移动端的项目，在手机上会有自带的返回键这时候就需要获取按键来进行返回事件。项目中运用的是vue。在单页面中会展示当前的文件信息，如是文件夹则可以点击查看它的子级文件。当我们想返回上一级文件的时候可以点击左上角的返回按钮，这是在项目中抒写好的逻辑。如果用户此时点击的不是左上角的返回按钮而是手机自带的返回按钮这时候触发的事件也必须和顶部的返回按钮逻辑是一样的这时候...
2019-06-18 11:52:21
5018
原创 移动端web项目中的ios兼容
1：在移动端项目中，ios点击input会使页面放大？解决：添加以下代码，可以禁止放大<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 2：项目中使用input的file...
2019-06-15 08:53:23
370
原创 vue使用better-scroll的注意事项
1：在vue脚手架中下载better-scrollnpm install better-scroll --save2：下载好之后在需要的页面的js添加import Bscroll from 'better-scroll':3：html的格式 需要有两个div包裹起来，有红色标注的是必需有的，里面的内容根据业务来写。<div ref="scrollBox" id="...
2019-06-09 15:05:36
881
原创 vue中使用闭包
//依次下载列表中的文件 fileDownloading :(()=> { let tokens = '' return function () { for (var i = 0; i < this.fileDownloadingArr.length; i++) { ...
2019-06-06 10:41:56
6975
原创 H5的localstorge的使用心得
localstorge在保存的时候只有string这一种状态格式，所以我们在进行不同的数据获取的时候要进行转换。1：localstorge转化为Number类型 //设置正在上传或者下载的文件个数(增加) FILE_ABSOLOAD_ADD(state){ state.fileAbsoLoading++; localStorage.fileAbso...
2019-06-06 09:45:30
468
原创 vue使用mui下拉刷新的坑，不能再次加载下拉刷新的初始化。
在项目中引用到了mui组件，创建了一个关于列表信息的子组件，在文件展示页和文件搜索页都引用了那个子组件，但是发现从文件列文件列表页搜索关键字跳转到搜索页的时候发现下拉刷新失效，需要手动刷新页面才可以触发下拉，终于跳坑了在mui的源码中有一段代码，$.init = function(options) {$.options = $.extend(true, $.global, options ...
2019-06-04 10:47:32
1303
原创 axios的同步写法和axios在大型项目中该如何抒写（仅供参考思路）
前言：在axios中目前看到直接使用同步的写法，所以我们需要自己来设置axios的同步。
2019-06-03 22:55:41
2904
原创 js中各种常用的方法
1：数组转化为字符串的方式var arr1=['33','22']console.log(arr1.join(","))33,22//打印后的值2：input输入框的实时监测正在输入的值@keydown
2019-05-29 15:04:30
192
原创 vue中各种报错的解决方法
1:[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'commit' of undefined"在做vuex的时候出现了这个报错，原因是没有吧store导入到main.js中在store文件中定义了一个index文件所以我们只需要引入store文件夹名就可以了2:[Vue wa...
2019-05-27 15:13:43
3694
原创 aixos的自定义配置（post请求）
在vue项目中想要设置不同的请求那么我们需要通过axios.create()来创建自定义的axios请求方式。这是自己配置的axios，可以参考参考。import axios from 'axios'class HttpRequest { //类的方法有参数(未传参的时候默认获取backUrl1的值-->请求地址) //backUrl1已经在全局配置 c...
2019-05-27 09:03:40
1153
1
原创 vuex的使用
1：(获取state的方法一)1-1:这是在state.js文件下定义的。//根状态const state = { appName: 'admin', stateValue: 'abc'}export default state在state.js文件定义的属于根状态，可以全局访问使用 this.$store.state.appName1-2：在模块下的状态如何获取和...
2019-05-26 13:58:52
461
原创 vue使用mui的左滑删除
vue-cli使用mui的左滑删除，效果如图。点击后显示删除弹框删除后自动隐藏红色块。<template> <div class="mui-conent"> <div>mui的左滑删除</div> <div class="mui-table-view"> <div ...
2019-05-26 12:43:41
741
原创 git的使用vue项目（git基本命令）
在码云上创建git仓库，需要把文件克隆到本地。1：在git上复制ssh，注意一定要是ssh2：复制好之后我们打开之前下载好的git bash 如果你桌面没有快捷键 那么就桌面右击会哟偶偶一个选项点进去打开就好。3：打开后进入我们需要存放git文件的文件夹 比如什么 cd xx ，进入后需要先输入 git clone 再把你刚才复制的给放在后面（右击选paste）我这...
2019-05-25 23:44:40
3591
原创 vue中非父子组件的传值
1：利用vue的bus来进行数据传递。2：利用vue的vuex来进行数据传递。我们先来说第一个方法。我们先给vue添加busvue.prototype.bus=new Vue();//创建一个vue实例 在需要发送数据的组件添加this.bus.$emit('addData',"向兄弟组件传值")//其中第一个参数是自定义事件名，第二个是需要传递的数据。一般...
2019-05-22 23:43:43
164
原创 vue-cli2.0引用jquery
关于vue引用jquery的注意事项。1：你在vue-cli文件中打开命令行。通过npm来下载jquernpm install jquery --save，不过我一直用的淘宝镜像 cnpm install jquery --save。下载好后你可以去package.json 查看jquery是否下载下来2：找到build文件下的webpack.base.conf.js 文件，我们需...
2019-05-16 13:50:33
800
原创 卸载vue2.0 到vue_cli3.0的安装，创建项目。
今天来学习vue3.0，之前使用的是vue2.0现在用3.0的话你可以升级，也可以卸载再重装.我这里就是卸载重装啦。第一步我们卸载全局的vue2.0 。你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。卸载完之后你可以使用vue -V 或者 vue -version在命令行输入来查看有无vue 一般情...
2019-05-14 23:16:49
14511
8
原创 vue2.0引用mui组件
在vue_cli中使用mui的UI插件，我们需要去mui官网下载文件https://github.com/dcloudio/mui 我们点击下载按键，把文件下载下来后，解压选择dist文件，文件下载后我们就需要引入vue_cli中，我们打开vue项目的文件，我是放置在src/assets/mui,把dist的文件都放置进去这三个文件分别是css、icon、js样式文件。我们在v...
2019-05-12 22:53:12
4492
1
原创 修改vue2.0的端口，vue项目的真机调试
在某些时候，我们vue默认的端口会与其他服务器端口重复，此时我们需要修改vue端口，我用的是vue+webpack开发的，因此我们可以找到vue文件下的config文件夹，再找到index.js文件，我们找到port会看到它后面跟随了8080，此时我们把8080修改为我们想要修改的端口号就行在我们完成项目的时候，想用真机来测试vue项目时，我们需要保证当前电脑和手机使用同一个局域网（...
2019-05-05 23:21:20
1871
原创 vue的动画封装，vue的递归组件
在项目中，许多地方会使用到类似的动画，所以我们封装起来会好点，我们先创建一个组件，用来设置它的动画效果，<template> <transition name="fade" @before-enter="handleBeforeEnter" @enter="handleEnter"> <slot v-if="show"></s...
2019-05-02 12:34:38
212
原创 vue的作用域插槽、动态指令、动画和过渡的实现和引入插件
vue的作用域插槽含义：在调用子组件的时候想从父元素定义传递的DOM样式。形式：Vue.component('child',{template:`<div><ul><solt name='header' v-for="item of list" :val=item>...
2019-04-27 22:23:44
295
原创 关于Xampp设置多个端口，来实现本机jsonp跨域的操作（我踩坑太多了，写出来避免你们入坑）
我想在自己笔记本测试，jsonp的跨域请求，跨域我们可以通过xampp设置多个端口来实现跨域（同一域名下的不同端口也是属于跨域）。第一步我们需要找到你安装xamppd的文件路径 像我是安装在C盘 直接找C:\xampp\apache\conf>httpd.conf 然后打开文件。第一步 ：打开后我们搜索Listen 80 在它的下面添加 你需要添加的端口 比如我要添加的是800...
2019-04-19 16:47:55
710
原创 Webpack的安装与配置
先打开cdm查看当前有无webpack第一步先查看有无安装node.js第二步查询当前有无安装webpack（我目前是已经安装好了）没安装的可以按照如下操作来：（首要是你必需先创建文件夹起名为webpack,文件夹可放置任何地方）1：安装全局第三方模块webpack：任意目录下，cmd:cnpm i -g webpack(cmd:表示是命令行不需要输入命令行中c...
2019-04-16 10:51:00
337
原创 js中的访问器属性 defineProperty（vue双向绑定的原理）
<div> <input type="text" id="inputVal" placeholder="请输入您的信息"> <p id="showVal"></p> </div><script>//用js实现简单的双向绑定var data={};Object.defineProperty...
2019-04-14 22:04:07
411
原创 原生js封装ajax的函数（运用promise的回调函数）
//原生ajaxd的post请求模式//预设ajax中的传输方式（post/get），地址，数据，传输形式function ajax(methods,url,data,dataType){ return new Promise((resolve,reject)=>{ //使用promise方式 var xhr=window.XMLHttpRequest? ...
2019-04-14 16:27:13
848
原创 HTML的基础知识
html：超文本标记语言，是为“网页创建和其他可在网页浏览器汇总看到的信息“设计的一种标记语言（一般以.html为后缀）包含有{ header（选项、配置、代码，起告示作用） body( 正文) footer（章节尾部 如版权等） section（内容专题组） article（定义文章的一部分） aside（定义页面的一些额外组成部分） nav（用来定义页面的导航链接...
2018-04-07 23:42:42
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人