付出总会有收获-优快云博客

原创处理Vue中相同组件不同路径的页面重新渲染

很多时候，我们会使用组件化开发，以免写出很多相同的页面代码。那么在配置路由的时候，如何避免相同组件不同路由无法重新渲染的问题呢？// 原来的样子export const routes = [ { path: '/a', component: myPage }, { path: '/b', component: myPage },]那么，在访问a页面的时候，组件...

2020-04-23 11:20:43 2203

原创 ES6 中的类

好在ES6中加入了新特性class，new跟function搭配的怪异行为终于可以退休了（虽然运行时没有改变），在任何场景，我都推荐使用ES6的语法来定义类，而令function回归原本的函数语义。下面我们就来看一下ES6中的类。创建类classclass Animals { constructor (name, action) { this.name = name this...

2019-07-04 11:40:24 666

原创使用Observable实现Vue全局状态共享

项目不大, 又不想用Vuex, 那么使用Observable来实现状态共享也不失为一个选择.- 先来看看官方资料,Vue.observable( object )2.6.0 新增参数{Object} object用法 -让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象此API为2.6版本新增, 那么低版本是不兼容, 会报出以下错误:vue__.de...

2019-06-12 15:34:59 3968

原创 [ element-ui ] select 开启远程搜索后, 数据量过多的交互优化

下拉列表的数据如果过多的话, 用户用起来会十分麻烦, 100多条的数据, 总不能让用户一直往下拉去找她要的那条, 所以远程搜索就用上了, 用户一直输入关键字, 一直匹配. 但是如果是第一次点开下拉列表, 数据过多会导致2秒钟的卡顿, 姑且是dom渲染引起的, 笔者下面就用一个比较暴力的方法来解决这个交互.<el-select v-model="form.F_ADDR_LANE...

2019-05-21 10:00:42 7213 1

原创关于element-ui的input使用远程搜索的几个小点

远程搜索从服务端搜索数据, 大概的流程是这样的, 首先从后台拿取所有数据, 然后根据用户所输入的keyword从数据里面筛选出来, 如果把请求的API放在*:fetch-suggestions*里面的话, 会随着用户的输入, 往后台疯狂调用接口.<el-autocomplete size="small" style="width: 100%;" placeholder...

2019-05-20 17:53:04 5503 2

原创使用axios请求接口, 几种content-type的区别

axios的使用安装(一般使用框架的话, 脚手架都集成了)$ npm install axios请求示例// POSTaxios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(respon...

2019-05-09 13:51:45 8678

原创 Nuxt使用脚手架初始化项目报错: ReferenceError HTMLElement is not defined 的解决方法

使用官方推荐的脚手架工具 :npx create-nuxt-app projectname初始化后, 报以下错误 :ReferenceError HTMLElement is not defined原因是element-ui最新版(2.8.2)不兼容, 我猜的…解决方案 :卸载最新版element-uinpm uninstall element-ui降级elemen...

2019-04-30 13:26:43 3943 3

转载 H5跨域通信 - window.postMessage

一．简介window.postMessage is a method for safely enabling cross-origin communication. Normally, scripts on different pages are only allowed to access each other if and only if the pages which executed ...

2019-04-23 16:13:38 1148

转载 [正则表达式] 校验经度和纬度

经度，整数部分为0-180小数部分为0到6位function verifylonglat(longitude,latitude){ var longreg = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)$/; if(!longreg.tes...

2019-04-15 17:08:44 2570 2

原创 slot插槽的用法

1. 基本用法父页面向子组件里插入的标签(一般情况下, 插入单个)<div id="app"> <child> <p>my name is Tom!</p> </child></div>Vue.component('child', { template:

2018-12-01 17:31:59 1018

原创使用git报错 - remote: HTTP Basic: Access denied

具体错误如下:remote: HTTP Basic: Access denied fatal: Authentication failed for "xxx你的远程仓库"还有一种情况就是:git Failed to connect to port xxxx: Connection refused基于这两种情况, 很大程度是第一次使用的时候登的帐户和密码跟现用的仓库帐户密码对不上, 所...

2018-11-23 14:30:24 58698 4

原创 webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

npm run dev 报以下错误:webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin解决方案(官方):现在你需要一个插件Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用：// webpack.con...

2018-10-28 11:24:59 10813 3

原创 Bootstrap Table 刷新方法

更详细的方法, 可以看文档. 网友转译的中文文档: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

2018-04-04 09:21:16 25783 1

转载通过js获取系统版本以及浏览器版本

function getOsInfo() { var userAgent = navigator.userAgent.toLowerCase(); var name = 'Unknown'; var version = "Unknown"; if(userAgent.indexOf("win") > -1) { name = "Windows"; if(userAgent.inde

2018-01-14 15:44:10 7009 1

原创 HTML日期时间工具类

有时候，有这么一个需求，就是我默认只查询从当天回退一个月内的数据，那么就要用到日期期间，比如下面这图那样：var d = new Date(); var vYear = d.getFullYear(); var vYear2 = d.getFullYear(); var vMon = d.getMonth() + 1; v

2018-01-05 10:17:06 333

原创提取当前页面url带参数的value值

比如，我有个这样的需求，网址是：http://www.baidu.co?login=sbb&pwd=abcde ,现在我要把login和pwd的值取出来。写成一个函数，方便其他地方调用，如下：function getUrlData(url) { url = window.location.href; //获取当前页面的url var enUrl = de

2017-12-13 10:40:49 1992

原创 jQuery监听回车键触发事件&keyCode值详细列表

1. 事件触发敲击回车键去确认一个事件，是平时网页中常用的方式，比如登录、提交表单等。$(document).keyup(function(event){ if(event.keyCode ==13){ //这里填写你要做的事件 //TODO

2017-12-13 10:33:37 11992

转载推荐一款前端轻量级的toolTip插件-Tippy.js

安利一款轻量的tooltip插件，使用简单，扩展性好，而且作者一直都有更新维护，用在项目中最好不过了。官方GitHub : https://github.com/atomiks/tippyjs简要教程(如下) ：安装可以通过npm来安装在Tippy.js插件。npm install --save t

2017-12-06 10:03:07 4908

原创客户端获取ASP.NET_SessionId

用户登录业务中，在服务端写了，那么客户端登进了用户，在浏览器本地就会存储了cookie, 如下图：这组cookie默认是关闭浏览器就移除，即失去登录状态，与服务端失去了联系，出于安全机制下，服务端会对这个cookie进行设置成HttpOnly为true，所以，我们在客户端就获取不到它的值。如果要获取的话，那么在服务端要把HttpOnly设置成false，通过js或者jQuer

2017-11-24 12:00:06 11287 1

转载 ajax跨域请求及传递cookie

一、ajax跨域访问先要搞清楚什么是ajax跨域。看如下例子即可明白：网站A：a.test.com 通过ajax请求网站B：b.test.com上的接口，很明显网站A和网站B 是两个不同的域，而处于安全机制，JS只能访问与所在页面同一个域（相同协议、域名、端口）的内容，但是我们在项目开发时，经常遇到一个页面的js代码，通过ajax去访问另一个服务器并返回数据，这就是aja

2017-11-24 10:53:31 6040

转载 jQuery.Cookie.js详解

Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。例如购物网站存储用户曾经浏览过的产品列表，或者门户网站记住用户喜欢选择浏览哪类新闻。在用户允许的情况下，还可以存储用户的登录信息，使得用户在访问网站时不必每次

2017-11-24 10:45:14 459

原创直接在img标签上添加点击事件

如果不想用a来包一层的话，那么直接在img标签上添加onclick来点击跳转，

2017-11-03 10:34:48 72786

原创通过jq来监听input的输入状态，实现角标的显示／隐藏

//监听input获取焦点事件，如果有值即显示清空键 $('.login-enter-main-content-User').on('input propertychange', function() { if($("#userName").val().length > 0) { $("#clearData").css("display", "inline"); $("#clea

2017-11-03 10:31:39 1784

原创纯js随机生成验证码

//随机生成验证码function getVerify() { var code = new Array( 'abcdefghijklmnopqrstuvwxyz', 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', '0123456789' ); var idx, i; var result = ""; for(i = 0; i < 5; i++) { id

2017-11-03 10:07:45 553

转载 jQuery实现点击div外的区域，来隐藏它自身

$(document).bind('click', function(e) { var e = e || window.event; //浏览器兼容性 var elem = e.target || e.srcElement; while (elem) { //循环判断至跟节点，防止点击的是

2017-10-31 16:39:08 4677

原创关于Uncaught ReferenceError: $ is not defined的错误

基本上只有两种可能：1、jq没引用进来2、jq引用错误，应该在所有使用了jq的插件前就引用jq比如： <scripttype="text/javascript"src="a.js"><scripttype="text/javascript"src="jquery.js">而a.js又使用了jq的方法，那么这样顺序就是错误的，正确应该是将jq放前面<scrip

2017-10-31 13:19:42 2900

原创 Visual Studio通过配置IP端口来进行局域网调试

1、打开vs项目目录，比如我的是D:\APPDemo2、打开目录下的.vs文件夹（有些版本会自动隐藏，要设置全部显示）3、接着打开config文件夹4、打开applicationhost文件（用记事本或者notepad++都可以的）5、然后定位到节点下，找到你要调试的项目site6、在site节点下，增加一个bindings节点，节点内容（根据你的电脑配置一下IP和端口即可）

2017-10-24 11:42:14 5539 2

转载 View inflate 方法与 LayoutInflater inflate 方法的区别详解

转载出处：http://www.cnblogs.com/baipengzhan/p/6257510.html 我们在Android开发中，对于将布局填充成View对象，最常用的两种办法是：View类的方法inflate和LayoutInflater类的inflate方法，今天有朋友问到这两种填充方法的区别，就查看了一下两者的区别，写成文章，

2017-09-15 16:25:57 406

原创 mac下操作android studio的快捷键（持续更新）

从win换mac，操作as各种不习惯，于是记录一下mac下的快捷键，慢慢去适应，as修改快捷键模式的方法：左上角点击android studio - preferences - 在小窗口输入keymap回车 - 然后在keymaps选择‘mac osx 10.5 +’以下是快捷键：eclipse中的万能键 ctrl+1 ： alt + 回车自动声明变量：

2017-09-08 17:23:54 1152

原创在mac下配置tp5，出现文件读写权限的问题解决办法

sudo chmod -R 777 访问的文件路径（表示赋予读取写入执行的权限）

2017-09-08 12:16:37 2287

原创 Android studio设置文件的导出&导入

很多小伙伴平时使用as会遇到一些琐碎的问题, 比如换了一个工作环境或者换了一台新的设备, 那么一些UI或者主题偏好设置又要重新设一下, 十分麻烦, 其实只要一次导出导入即可导出1.打开as主面板, 点击菜单 File-Export Settings 2.然后根据需要, 对导出的选项进行勾选, 选择导出到的文件夹导入同理1.File-Import Settings 2.选择之前保存好

2017-03-02 11:00:25 2585

转载 [转]咦？真机调试的这款手机竟然不打印 Log 日志！

本文转自亦枫技术鸟最近使用魅族真机测试 App 时，发现 LogCat 不显示项目工程中通过 Log.d() 和Log.v() 打印的 debug 和 verbose 级别的日志，甚是奇怪，通过 debug 模式断点调试也没看出有什么问题，无奈之下，Google 一番，终于找到了答案。原来国内的部分厂商定制的手机对于应用中的 Log 日志默认做了打印限制，需要手动设置才能打印出特殊级别的日志。

2017-03-01 18:01:09 2716

原创利用Fiddler抓包移动端数据

Fiddler是一款免费且功能强大的数据包抓取软件。它通过代理的方式获取程序http通讯的数据，可以用其检测网页和服务器的交互情况，能够记录所有客户端和服务器间的http请求，支持监视、设置断点、甚至修改输入输出数据等功能。

2017-02-23 13:14:18 786

原创 Xposed框架安装步骤

Xposed简介 : xposed框架是一款可以在不修改APK的情况下影响程序运行（修改系统）的框架服务，基于它可以制作出许多功能强大的模块，且在功能不冲突的情况下同时运作, 其原理是通过替换/system/bin/app_process程序控制zygote进程，使得app_process在启动过程中会加载XposedBridge.jar这个jar包，从而完成对Zygote进程及其创建的

2017-02-16 17:14:25 65221

原创 Json本地校验工具--HiJson

Json校验神器64位下载地址: http://download.youkuaiyun.com/detail/qq_25835645/957820832位下载地址: http://download.youkuaiyun.com/detail/qq_25835645/9578210

2016-07-17 12:12:31 1987

转载 Android如何查看应用签名信息

1、查看自己的应用签名可以通过两种方式查看(1) debug的apk通过Eclipse查看，如下图：(2) 某个keystore签名的应用，通过keytool-list-keystoreE:\Trinea\keystore\appsearch.keystore命令打印证书信息，如微信证书信息如下图：

2016-06-27 10:15:32 521

转载 Java @SuppressWarnings 详解

背景知识：从JDK5开始提供名为Annotation（注释）的功能，它被定义为JSR-175规范。注释是以“@注释名”在代码中存在的，还可以添加一些参数值，例如：@SuppressWarnings(value=”unchecked”)。注释可以附加在package, class, method, field等上面，相当于给它们添加了额外的辅助信息，我们可以通过反射机制编程实现对这些元数据的访问

2015-10-23 14:38:44 2700

转载 Eclipse FindBugs插件的安装与使用

1 什么是FindBugsFindBugs 是一个静态分析工具，它检查类或者 JAR 文件，将字节码与一组缺陷模式进行对比以发现可能的问题。有了静态分析工具，就可以在不实际运行程序的情况对软件进行分析。不是通过分析类文件的形式或结构来确定程序的意图，而是通常使用 Visitor 模式来鉴别代码是否符合一些固定的规范。2 如何安装FindBugs?作为Eclipse的一个插件，可以将Fi

2015-10-10 11:37:57 420

转载 .9图片讲解

至于什么是.9图片这里就简单提一下，即图片后缀名前有.9的图片，如pic.9.png、pic1.9.jgp，诸如此类的图片就称为.9图片。 .9图片的作用①.9图片的作用是在图片拉伸的时候特定的区域不会发生图片失真，至于哪些部分不会失真那么得看你的图片是如何绘制的。②当一张图片作为背景时可以指定前景内容的显示区域。如图：其中灰色是背景、绿色

2015-10-10 10:33:10 316

原创 Android 关于更新了新版本的SDK,创建项目出现appcompat_v7报错问题

分析：因为4.4以上sdk需要和之前的兼容，所以每次新建项目的时候它会创建一个eclipse appcompat_v7 的新项目。解决:1、你新建项目的时候，所有的版本都选择4.4就OK了,如图所示2、新建项目后不会出现appcompat_v7 项目,但真机测试时,找不到设备查看清单文件：manifest.xml vi

2015-10-09 16:17:06 703

sqljdbc_6.0.8112.200_enu.exe

sqlserver的jdbc驱动包, 有需要的同学拿去用. 支持新版本Java

2019-06-06

mysql-8.0.11-winx64 免安装版, 解压即用

mysql-8.0.11-winx64.zip, 8.0版本, 校之前的旧版本, 这个版本升级还是蛮大的, 而且有些指令还改了, 暂时发现修改密码的用旧版本的指令还设不上. 要用新的指令去设置: alter user 'root'@'localhost' IDENTIFIED BY 'YourPassword';

2019-05-21