Ayi

无钱莫入众，言轻莫劝人，待到功成时，把酒问初心

Element树实现懒加载

懒加载数据从后台传入

前言 Element官网中有关于树的懒加载的写法，但是数据是写死在代码中的，在真正项目中，如果要从后台返回数据，然后懒加载到树上，官网就没有写了，因此只好自己探索了一下。 顺便提一下懒加载的好处就是，每次点击父节点的时候，才从后台get父节点下的子树的数据，再渲染到网页上，这样如果树的数据量很大的时候，不用一次get所有数据回来，能减轻前后端的负担 代码实现 <template...

Posted by Ayi on September 23, 2018

Vue+Element分组件调用dialog

分组件实现弹出和关闭功能

前言 要实现点击某个按钮就能弹出一个对话框Element文档中是这样写的 <el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="centerDialogVisibl...

Posted by Ayi on September 16, 2018

微信小程序page中data的数据操作和函数调用

获取data值和函数调用

前言 今天遇到一个bug，输出一个page中data里已经定义好的值，结果是undefined了，因此感觉微信小程序的语法和vue中的稍许存在不一样，特此记录一下。 获取data数据 在vue中的js，如果要获取data中的值，则采用普通的this.变量名就可以了，但是在微信小程序中应该这么写 var src = this.data.src; console.log(this....

Posted by Ayi on September 11, 2018

如何在元素上显示提示框或者实现弹窗提示

layerui的使用

前言 今天要实现一个如果输入错误就提示正确答案的需求，最开始的想法是直接在原输入框显示正确答案，但是这样比较丑陋，但是又因为这个项目主要的功能和界面已经写好，我只是负责维护和进行小的修改，所以想了想如何实现在原输入框错误的情况下弹框或者别的弹框方式 经过查找，在网上找到了这样的效果 但是这种是纯CSS实现的，在我看来实现的手法还有一点复杂，对于我想要快速实现维护的需求不是那...

Posted by Ayi on September 11, 2018

快速搭建自己的科学上网

在 Vultr VPS 上搭建 Shadowsocks

首先这里还是要鸣谢也而的博客的指导 前言 这里不就不解释原理是什么了，如果想要详细了解的可以点击上面也而的博客，里面讲解的特别详细。我的目的只是让想要自己搭建科学上网的朋友能快速搭建自己的科学上网的VPN。 前期准备 注册一台Vultr服务器 进入官网Vultr注册一个属于自己的账号，流程不复杂，按照指示一步一步操作就可以了 登录进去以后会自动跳转到要你激活的页面...

Posted by Ayi on September 10, 2018

快速搭建个人博客

对柏荧快速搭建博客的补充

前言 首先特别鸣谢柏荧的快速搭建个人博客指南，和柏荧的简书快速搭建个人博客指南在这两篇指南中已经写的非常详细了，基本上按照这个步骤就可以快速搭建好个人的博客，但我写这篇博客是从我根据柏荧博客搭建过程中遇到的一些问题之后寻找的解决办法，如果结合起来看，应该是就算纯小白也能快速搭建个人博客了，先去按照他的博客搭建，然后如果踩到坑了回来看这篇文章，就完全OK 写在前面 原博客中博主让...

Posted by Ayi on September 8, 2018

微信小程序获取表单数据

uploadFile中用表单数据做formData

前言 微信小程序的官方文档中，上传文件的时候可以在提供formData中加入http额外的请求参数，这次我想利用这个formData传入表单数据给后台作为用户的唯一标识，以区别文件是哪个用户上传的 如何操作 有了这个想法以后，我是这样操作的，先让用户填写表单，然后在提交表单的时候一起上传文件。 代码如下 js文件 formSubmit: function(e) { this....

Posted by Ayi on September 7, 2018

微信小程序多图上传添加唯一标识

多图上传用表单数据做formData

前言 上一篇文章中写到了在上传视频的时候给后台添加唯一标识，现在在多图上传的时候实现添加唯一标识，大题思路基本相同，只是有一些小细节要注意 代码 js文件 formSubmit: function(e) { this.uploadimg(e) }, chooseImage: function() { var that = this wx.cho...

Posted by Ayi on September 7, 2018

markdown pro激活

markdown注册码

使用方法 下载完成后打开软件打开help->update to markdown pro 在弹出框出输入邮箱 邮箱 Soar360@live.com 激活码 GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bn xn2kSE8qHqNY5QaaRxmO3YSMHxl...

Posted by Ayi on September 7, 2018

让鼠标变成小白手

可点击状态

今天看代码发现一个很奇特的现象，命名是td属性，没有别的操作，当鼠标放上去的时候，却变成了一只小白手，好像是超链接可以点击的状态那样，这样让觉得交互性很好，因此研究了一下。 其实很简单，只要给你想要显示可点击状态的属性添加cursor:pointer属性就可以了。 点击.dianji{cursor:pointer;}

Posted by Ayi on September 6, 2018

FEATURED TAGS
JS CSS markdown pro注册码 微信小程序 快速搭建个人博客 科学上网 layerUI Element Vue openlayers webpack 笔记 坐标转换
ABOUT ME

和世界交手这么多年,你是否光彩依旧,兴致盎然.

✉️ 837205989@qq.com

FRIENDS