- 博客(88)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 elementUI select下拉框在ios移动端需要点击两次才能选中
解决方法:添加scss代码：.el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}
2020-05-21 16:53:52
1400
原创 在vue项目中使用md5加密
介绍：MD5:信息-摘要算法，是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式参考网址一般我们把登录和注册信息的密码进行加密1.安装模块 npm install js-md5 -D2.在项目中引入模块import md5 from 'js-md5'3.把你需要加密的信息进行前期处理CalcuMD5 = function (pwd) { ...
2020-04-07 08:18:40
534
原创 EasyUI简单了解
前言：在开发中后端开发人员开发表格等一些涉及到一些和前端比较相似的页面时，经常需要使用网上的插件，下面是最近了解到的一个组件。1、第一个网址介绍：EasyUI官方网址2、EasyUI Combobox 实现省市二级联动菜单：在选择的时候，经常用到点击下拉框选择对应省，另外一个下拉框显示对应市，也可以使用这个组件来实现：参考网址，亲测有效...
2020-03-27 15:42:25
129
转载 循环往数组中插入对象
前提：工作中，经常需要对前端数据进行处理，主要是数组和对象两种类型，这里主要是对数组的处理。说明：循环往数组中插入对象时要确保每次都创建一个新的对象，不能重复使用之前的对象//正确的方法var arr = [];for (var i = 0; i < 10; i++) { var obj = {}; obj.id = i; arr.push(obj);}...
2020-03-27 09:18:43
2876
转载 vue+element-ui中上传文件使用Progress自定义实时更新进度条
使用Upload+Progress实现文件上传进度条实时更新功能，需要借助http-request属性。具体使用方法如下：<el-upload action="#" :file-list="fileList" :on-change="changeData" :http-request="handleRequest" :before-up...
2020-03-22 15:50:34
12112
1
原创 vue使用powerBi
前提：最近开发中需要结合powerBI来使用，需求是在vue中添加powerBi中已经开发好的报表进行展示。第一：vue中安装powerBi模块。1、本次使用的powerBi组件是powerBi官网2、进入对应github中找到安装步骤：powerBi对应的github网址3、安装步骤：**Installation**--根据需要使用对应的方法(1)Install via Nug...
2020-03-22 15:39:23
3750
7
转载 webpackJsonp is not defined
vue-cli 构建的项目，某一天在chrome中打开出现了这个错误！ (+﹏+)~下面是我百度到的解决方法，就没有自己写了。
2020-02-22 18:06:33
349
1
转载 Vue 中Bus使用
前言:在学会父子之间的通信后，下面开始学习兄弟组件之间的通信。1、介绍：使用：兄弟组件之间进行传值；2、安装：npm install vue-bus3、在main.js中引入vue-bus：import Vue from 'vue';import VueBus from 'vue-bus'; Vue.use(VueBus);4、在组件中使用：A组件触发事件：this.$b...
2020-02-14 09:28:08
320
原创 webpack配置proxyTable时pathRewrite
1.webpack配置接口地址代理解释：在项目开发中，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问链接，但是我们的接口地址是 http://www.xxx.com/save/post 这样的，我们这样直接使用就会存在跨域的请求，导致接口请求不成功。2.vue中web...
2020-01-01 22:49:21
2089
转载 iphone、ipod Touch、ipad触屏时的js事件
**前提：**目前前端开始主要是pc、ios 、Android这三种类型，有时候使用同一种方法可以不起作用，因为在PC中存在鼠标事件，但是在移动端和ios中却是点击事件，所以有必要系统的区分一下是三者之间的关系。下面是收藏的文章链接：文章链接大家可以点击查看笔记。...
2020-01-01 22:40:04
549
转载 移动端 FastClick--解决ios点击延迟问题
**前提：**本地js定义一个方法，在手机上测试的时候是点击事件，但是在ipad上确实双击事件，查看网上解决方法，发现是因为ios本身就存在延迟问题：下面是我收藏的解决方法：(备注：本次是使用vue开发项目)解决方法文章...
2020-01-01 22:36:21
503
转载 setTimeout立即执行，没有延迟效果
问题来源：在写定时器的时候，方法总是立即执行，后来发现是因为第一个参数必须是需要编译的代码或者是一个函数方法。下面是我找到的答案：点击查看解决方法亲测方法有效，自己就不另外补充了。...
2020-01-01 22:33:08
834
转载 vue的props和$emit / 父子组件通信。别看其他人的了，我这个例子清晰，肯定可用的。
参考一下连接：https://www.cnblogs.com/1rookie/p/8430439.html
2019-12-30 19:03:55
142
原创 js把局部变量变为全局变量
前提：最近在和APP之间进行交互，其中就包括APP对H5变量和方法的调用功能。作为没有接触过此功能的我，经过一番搜索之后，熟练应用，下面是我操作，本次开发使用VUE框架，所以都是在VUE中的使用方法，当然其他项目自己更改一下还是可以用的。第一：全局变量声明1、未设置全局变量：<body> <button>全局变量声明</button> &...
2019-12-30 19:02:25
1551
转载 Object.assign()拷贝的使用方法
前提：在日常使用中经常需要定义一些基本的js方法，但是经常在具体的使用的时候，根据具体情况而定。1、拷贝学习Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。2、直观代码：const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };...
2019-12-10 20:27:13
256
原创 在vue中使用 dialog 弹窗
使用弹窗进行交互可以提升用户体验度，使页面也变得简洁1、基本演示2、原代码<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="dialogVisible" width=...
2019-12-10 20:17:29
2788
转载 vue返回上一页面时不刷新
前景：在日常使用的时候，我们经常需要返回上一级页面的时候，不刷新页面，保持页面不变，这里就需要使用以下方法：思路：因为vue是单页面应用，进入其他页面时会销毁该页面，用keep-alive不让其刷新，具体实现为：(1).在App.vue中加入：这里是所有页面切换到地方，下面代码分别对不同的设置，采用不同的渲染方式。<template> <div id="app"&g...
2019-12-10 20:03:59
13538
2
原创 在vue中使用 dialog 弹窗
官网实例2.第一步–引入这里我是使用的按需引入的方法。安装后在main.js中引入对应的方法即可使用。官方推荐安装方式3.vue页面中使用这里我直接上代码展示：<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="...
2019-12-07 10:37:35
5408
原创 在vant中使用 dialog 弹窗
1.官网示例因为这次是在手机上用的所以就用了vant组件2.第一步引入vant中的dialog组件官网介绍自行选择安装方式3.vue页面中引入<van-dialog v-model="show" title="标题" show-cancel-button> <img src="https://img.yzcdn.cn/vant/apple-3.jpg...
2019-12-07 10:22:52
14142
3
原创 js基本使用(三)--字符串连接
1.contact方法：推荐使用，不会出现其他符号var str1 = "aa"var str2 = "bb"var str3 = "cc"var str = str1.concat(str2,str3)2. “+” 最简单的连接。一般都是可以使用的，但是最近在vue中使用的时候，会自动在字符连接之间添加+号解析的数字。var str1 = "aa"var str2 = "bb"...
2019-11-11 19:15:19
264
转载 解决svn中“工作副本已经锁定”，或者svn清理失败的解决方法
解决svn中“工作副本已经锁定”，或者svn清理失败的解决方法https://blog.csdn.net/han_cui/article/details/78287413
2019-11-01 08:04:37
307
原创 CSS基本使用(一)--align-items属性
学习完上面的justify-content水平对齐方式后，我们可以来和align-items来区别使用。一、介绍align-items属性和justify-content不同的是，align-items主要是垂直方向的对齐方式，属性介绍：flex-start、flex-end、center、initial、inherit二、举例说明<style> .first...
2019-10-24 20:28:36
7627
原创 CSS基本使用(一)--justify-content 属性
最近啊发现一个自己之前没有接触过的CSS属性，这里分享一下，学习链接一、属性值<style>#start { width:400px; border: 1px solid #c3c3c3; display: flex; justify-content: start;}#center{ width:400px; border: 1px so...
2019-10-24 09:20:15
802
原创 js基本使用(二)--日期Date使用
在日常开发中，我们经常能看到关于日期的使用，所以对于前端开发人员，掌握日期的表示至关重要。备注：仅仅掌握日期的使用还不行，我们还要定义自己的日期设置格式，符合自己开发的需求才行。一、介绍默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)二、创建 Date 对象js提供四种...
2019-10-23 22:40:34
184
原创 HTML中基本形式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0...
2019-10-23 21:03:58
149
转载 js基本使用(一)--输入框只能输入正整数的最简实现
最简单的html代码实现输入框只能输入正整数，输入同时禁止了以0开始的数字输入，防止被转化为其他进制的数值。<input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">...
2019-10-21 19:22:24
1749
1
转载 CSS基本使用(一)--inherit属性（颜色和字体大小）
一、color属性设置提前：以color使用inherit有几种情况分析，以a标签为例，如果a标签本身没有给出颜色属性：第一种：没给a标签赋值：(1) 记住：a标签的颜色没有默认继承属性。所以：他的所有父级元素有没有给出颜色属性都不影响a标签的默认属性。运行结果：第一种：给a标签赋值color，但是没给父级元素赋值：<!DOCTYPE html><html ...
2019-10-21 19:20:35
11813
原创 HTML基本使用(一)--利用CSS设置鼠标样式
一、介绍鼠标点击的地方一般有4个动作：正常显示鼠标放上去鼠标点击鼠标点击后二、动作介绍(1) a:link 超链接的默认样式 (2) a:visited 访问过的（已经看过的）链接样式 (3) a:hover 鼠标处于鼠标悬停状态的链接样式(4) a:active 当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式。三、实例介绍前提：这里我们把a标签作为此...
2019-10-21 18:43:04
281
原创 vue2.0 + element UI 中 el-table 数据导出Excel
安装相关依赖npm install --save xlsx file-saver组件里头引入：这里utils.js是我的实现方法的组件import FileSaver from 'file-saver'import XLSX from 'xlsx'1、定义导出按钮：<el-button type="primary" size="medium" v-if="$store.st...
2019-10-21 18:35:04
1040
原创 mint ui + vue的基本使用（一）
之前一直使用vue+element ui开发pc端页面，但是这次接触到手机端业务时，基本使用mint ui来开发，从零开始使用，遇到自己想要实现的效果但是不会的时候，一般时自己自行搜索，下面是完成三个基本页面后，自己一些基本小心得，分享一下，便于自己和大家一起学习。1、基本mint ui阶段(1)安装：点开链接即可主要有两种安装方式，这里我们是使用CDN安装，后期会npm安装。方法大同小异。...
2019-10-20 20:40:54
340
原创 使用 iframe + postMessage 实现多级跨域通信（二）
1、简介：看过我前面写的跨域通信（一），那是我再开发中遇到问题时，自己上网学习，之前跨域通信时自己的知识盲点。在大量的大神案例的引导下，自己也开始明白了一点，于是便有了使用iframe+possMessags实现跨域通信（一）2、要解决多级跨域通信问题：但是。。。。我的问题并没有解决，因为我发现我的问题时多级跨域通信问题，于是又带着极大的好奇心，上网搜索，但是没有成功。于是我通读javas...
2019-10-15 21:07:08
1054
原创 使用 iframe + postMessage 实现跨域通信（一）
1、来源介绍(1)通常情况下，当且仅当它们源自的页面共享相同的协议，端口号和主机（也称为“同源策略”），不同页面上的脚本允许彼此访问。(2)==window.postMessage()==提供了一个受控的机制来安全地规避这个限制（如果使用得当的话）—就是本文所讲实现跨域通信。2、语法介绍(1)window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如页面...
2019-10-12 11:37:22
1105
原创 iframe 标签
1、介绍 标签是一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。2、浏览器支持所有主流浏览器都支持 标签。3、实例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> ...
2019-10-11 16:59:59
123
原创 addEventListener() 方法
1、定义addEventListener() 方法用于向指定元素添加事件句柄。提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。2、语法element.addEventListener(event, function, useCapture)3、参数值(1) event 必须。字符串，指定事件名。注意: ...
2019-10-11 16:29:16
259
原创 sass/scss入门和使用（一）
一、安装1、在服务器端最容易的安装方式就是通过 npm ：npm install -g sass2、其他安装方式：https://www.sass.hk/install/二、建立监听事件生成css文件：命令行编译：//单文件转换命令sass input.scss output.css//单文件监听命令sass --watch input.scss:output.css...
2019-10-10 10:28:58
120
原创 less入门和使用（一）
一、安装1、在服务器端最容易的安装方式就是通过 npm ：npm install -g less2、下载less.js文件到本地。然后引入：(1)在页面中引入自己的.less文件。<link rel="stylesheet/less" href="styles.less" />(2)引入下载的less.js文件。<script src="less.js" ty...
2019-10-10 10:05:32
97
navicat for mysql
2018-11-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人