
前端
小道仙97
一个不务正业的程序员,梦想成为家庭煮夫。【五十岁退休】
展开
-
ajax异步请求三种常用的方法介绍(Jquery框架封装的ajax)
我们在开发过程中,有需要用到不刷新页面,但是要去获取数据库的信息的时候,或者在获取后台信息,前台不会卡住等待的情况。这时候我们可以用ajax来做异步请求,ajax请求方法有很多,我下面着重去介绍常用的三个方法。需要想要了解ajax的全部方法可以自己去查找Jquery的API帮助文档,里面有详细的介绍,但是我个人认为知道这三种就可以了。下面方法中 url “”引号里面的参数,都是...原创 2018-05-09 12:48:36 · 1640 阅读 · 0 评论 -
创建Moment对象
在做一个日期回显的功能,发现无法回显,原来是需要Moment 对象,但是怎么都创建不了这个对象,弄了很久翻墙才找到答案效果图第一步:安装moment (说明我这个是在vue里面使用的)1-1:npm install moment --save 1-2: 在使用的页面引入 1-3: 核心代码(可以改变第二行的代码获取你想要的时间) var time = "16:00";...原创 2019-04-12 17:38:36 · 2590 阅读 · 0 评论 -
Antd日期回显
Antd 日期回显,注意看下图的右上角日期其实只要创建好了 Moment对象,然后再用setFieldsValue方法就可以了 第一步:创建Moment对象https://blog.csdn.net/Tomwildboar/article/details/89248441第二步:回显...原创 2019-04-12 17:49:19 · 4317 阅读 · 0 评论 -
Vue多页面共用一个Vuex【共用store】
刚刚在百度的时候发现sf上说多页面不可以公用一个vuex,我也不知道我这个是不是真正的共用,但是最后的结果和我想要的一样 我有两个页面,一个是主页面,一个是登陆页面。我只有一个store,里面放了一个url的前缀,我要在登陆页面和主页面都可以使用 第一步:配置store第二步:main.js 和 login.main.js 引入第三步:测试主页面毫无疑问是可以使用的,主要看登...原创 2019-04-14 09:51:14 · 13044 阅读 · 17 评论 -
Antd之Switch 开关初始化是否选中的问题解决
先来看效果在官方的api文档中给出了两个参数,来控制是否选择但是实际使用中却出了问题 当我写checked:true的时候页面上的开关全是关闭状态,当我写checked页面上的开关都是开启的,另外一个属性也是 这两个属性无用 最后解决办法 v-model="record.userStatusBoolean 这是一个boolean值最终效果...原创 2019-04-17 12:06:09 · 9947 阅读 · 6 评论 -
Antd按需引入【Vue版】
antd给了两种按需导入的,我很想用第一种,但是弄了半天,就是弄不好,就算了。有知道的小伙伴可以在下面留言告诉我话不多说直接上代码// 按需引入antdimport { Button,Input,Form,Select,Table,Drawer,Icon,Popconfirm,Steps,Col, Radio,DatePicker,Switch } from 'ant-desig...原创 2019-04-23 20:52:51 · 10837 阅读 · 7 评论 -
Vue+ajax实现文件下载【这里的ajax->axios】
文章转自:https://www.cnblogs.com/yulj/p/8494465.htmlajax不可以下载文件的原因ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的接收类型只能是string字符串,不是流类型,所以无法实现文件下载。但用ajax仍然可以获得文件的内容,该文件将被保留在内存中,无法将文件保存到磁盘。这是因为JavaScript无法和磁...转载 2019-05-06 17:26:30 · 3530 阅读 · 0 评论 -
cnpm安装报错,npm安装vue超时(ERR! errno ETIMEDOUT)
莫名奇妙使用cnpm安装就报错,使用npm安装就超时解决方案:清空一下npm缓存npm cache clean -f然后再使用 npm i 安装就好了原创 2019-06-28 11:05:25 · 2098 阅读 · 0 评论 -
让一个元素浮在最上层【反转思维】
一般我们让一个元素在最上层使用z-index:xxxxx; // xxx 越大就越上层但有时候设置z-index:999999999999999999999999999;依旧无效z-index: 9999999999999999999999999999 !important;如果依旧无效,不妨设置最上层的那个元素的 z-index:-1;...原创 2019-07-12 23:06:03 · 3486 阅读 · 1 评论 -
nuxt使用axios配置拦截器
第一步:安装axios npm npm i @nuxtjs/axios第二步:配置 nuxt.config.js modules: [ '@nuxtjs/axios', ], axios: { prefix: 'http://127.0.0.1:8185/api/', pr...原创 2019-07-21 18:34:31 · 8396 阅读 · 1 评论 -
mavonEditor获取纯文本
mavonEditor是一款基于vue非常好的富文本编辑器1、我在做博客的时候,需要用到纯文本做简介。但是很无奈,找到了作者的回答,但是有点问题。使用 v-model 绑定的值依旧是markdown语法的2、幸运的是我找到了另外一种解决的办法使用正则去获取纯文本(java版本),思路已经给了,你用js、php…啥都行private String removeHtml(String ...原创 2019-08-01 22:22:34 · 1912 阅读 · 0 评论 -
Antd 表单一行显示两个input
目的:Andt一行显示两个input本来的效果代码如下 <a-form :form="form" @submit="handleSubmit" le> <a-form-item label="Note" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" ...原创 2019-04-08 15:32:34 · 15907 阅读 · 0 评论 -
Antd之设置table表头的属性/背景【设置表头的背景色为白色】
这个问题,困扰了我许久,今天终于解决了,开心,哈哈。希望能帮助到各位。这是未改变之前的效果图这是改变之后的效果图第一步:在你的列中增加一个className属性(属性值随意)第二步:去你的index.html页面中加入下面的代码 th.column-money, td.column-money { background-color...原创 2019-04-10 16:23:31 · 29091 阅读 · 12 评论 -
Antd之获取table每一行数据
先看效果图第一步:在你的action外面套一个template第二步:获取当前行的数据第三步:测试分别点击两个查看按钮,打印出不同的数据原创 2019-04-10 16:09:09 · 14569 阅读 · 5 评论 -
js onclick() 传递参数问题。onclick() 传递参数失败,jsp onclick() 失效!!!
平时一般不用onclick()事件,因为现在用原生js的比较少。但是如果是点击操作,并且要传递参数的时候,用onclick()事件,就会简单很多了。但是这个看起来很简单的函数,今天在传递参数的时候出现了问题。下面我给大家说一下。下面四句代码,乍一看好像都一样没什么问题,但是实际上,只有 2、3 两句代码是正确的。(笔者已经测试了IE和火狐都是这样的)<span onclick...原创 2018-06-08 21:35:10 · 2849 阅读 · 0 评论 -
element-ui 获取当前行的 id
目的:element-ui 获取当前行的 id我们需要获取当前行的 id ,然后去做增删改查操作。找了半天发现,获取每一行的全部信息(也就是你自己定义数组的某一项)可以用eg:比如我每一行的信息有: id,name,age,password 我需要使用id那么 scope.row.cid 就可以了实际用法自己在下面定义一个 Delete 方法就好了。...原创 2018-09-28 10:03:27 · 12648 阅读 · 10 评论 -
webpack解决Invalid Host header
目的:webpack解决Invalid Host header1、解决办法网上说有两种,一直是加上一个 disableHostCheck: true, (我找了半天,没找到在哪里去加上这句,而且说是不安全)本来我的 package.json 是这样写的改成我是用这个主要是做QQ互联,有兴趣可以看看这个 :https://blog.csdn.net/Tomwildb...原创 2018-10-27 11:07:04 · 960 阅读 · 0 评论 -
QQ互联保存openId到数据库【VUE】
目的:QQ互联保存openId到数据库方法一SDK里面提供了一个获取 openId 的方法我在这个方法里面去 写 ajax 的时候报错了说是未定义。问了别人别人说是作用域不同,要用箭头函数,或者用一个变量接受this。我使用的是后者。代码如下方法二: 通过apihttps://www.jianshu.com/p/80450c060343总结: 1、...原创 2018-10-27 18:57:28 · 1012 阅读 · 0 评论 -
自定义窗口在 wangeditor编辑器之上【简单】
问题说明:我们在使用wangeditor的时候,发现我们弹窗 z-index不管设置成多大,wangeditor永远在我们弹窗之上。给你的弹窗加上一个权重就好了,集体操作如下z-index: 999999999999999999999999 !important;...原创 2018-11-10 11:56:15 · 1269 阅读 · 0 评论 -
vue 中 wangeditor3 使用highlight 代码高亮【最新解读】
目的:vue 中 wangeditor3 使用highlight 代码高亮很遗憾,在我花了2个时间研究这个问题之后得出的结论是,无法完成。办法总是人想出来的嘛,最后也终是被我给解决了。为了更方便读者去操作,先直接给出解决办法。第一步:在index.html 里面引入下面的代码。<link href="http://cdn.bootcss.com/highlight...原创 2018-11-24 21:37:42 · 2638 阅读 · 1 评论 -
ElementUI Select、Input。改变长度(宽度)
所有文章优先发布在个人博客,后续可能忘记同步到CSDN。给你带来麻烦抱歉。个人博客这篇文章的位置 :https://www.xdx97.com/article?bamId=654710079555108864目的:ElementUI Select、Input。改变长度(宽度)像 select,inpit 这样的组建,elementui 都提供了它们的 size(也就是大小...原创 2018-12-18 13:46:41 · 80651 阅读 · 25 评论 -
PostMan 提示 Bad string 错误问题解决
每种问题的错误都是有多种的。我这里的主要是 json 格式错误了错误代码如下: 正确如下是的, json 的key 要用 “”原创 2019-01-17 12:48:15 · 20172 阅读 · 0 评论 -
phpStudy2018 发布 vue 项目 【最简单有效的办法】
目的:使用phpStudy发布已经打包好的vue项目准备工作: 1、安装好的phpStudy(安装路径不可以有中文,或者空格) 2、打包好的vue项目。项目目录大概如下(项目目录名字是不是 dist 无所谓)第一步:把打包的好文件放到phpStudy里面第二步:启动服务器 然后再 浏览器 访问 localhost 就好了...原创 2019-01-12 13:47:31 · 3760 阅读 · 6 评论 -
使用mavonEditor写文章,并且很好的预览。
最近在写博客,选了好久的编辑器最终选中了mavonEditor,它也没有让我失望,下面我们就来看一下它的使用吧1、演示(先来看一下我做成的最终效果吧)1-1:编辑1-2:预览 (由于截图工具的原因,没有全部框出来。一直到点个赞上面都是噢)2、解释2-1、我编辑和预览都是用的mavonEditor。最开始我想自己去实现预览功能,我发现这个想法是愚蠢的 2-2、使用mavonEd...原创 2019-08-25 22:18:53 · 9808 阅读 · 25 评论