备忘录
Ajaxguan
很菜的一名程序员。
展开
-
Elment ui 表单上滑 加载更多数据方法
【代码】Elment ui 表单滚动加载数据方法。原创 2024-04-19 09:20:05 · 337 阅读 · 0 评论 -
Elment ui 动态表格与表单校验 列表数据 组件
组件做个记录,方便以后会用到。原创 2024-03-29 09:30:33 · 609 阅读 · 0 评论 -
elementUI el-date-picker 选择时间范围设置
elementUI el-date-picker 时间范围设置需求:选择任意时间后,限制后面可选时间范围原创 2022-09-05 11:38:06 · 665 阅读 · 0 评论 -
笔记-浏览器输入url到看到页面过程
1.DNS解析(网址=>IP地址):查询浏览器DNS缓存;根据域名服务器查询2.TCP连接(三次握手):第一次握手:客户端 -> 服务端: 请求建立连接(发送信息的能力)第二次握手:服务端 -> 客户端:同意建立连接(确认收到信息)第三次握手:客户端 -> 服务端: 确认接收到服务器端信息3.发送HTTP请求服务器进行HTTP请求协议以及请求头进行解析,后台拿到请求数据进行处理。 扩展:负载均衡,大型网址会由多个服务器然后通过反向代理进行请求,用户端的请求原创 2021-04-27 15:33:55 · 125 阅读 · 0 评论 -
vue 实现简单的瀑布流
效果图:代码:<template> <div class="km-ProductList"> <!-- 商品列表 --> <div class="commodity_list"> <div v-if="likeDatas.length > 0" class="km_dom_box"> <!-- 左边 --> <div style="float...原创 2020-06-19 10:15:50 · 783 阅读 · 0 评论 -
web页面 高德地图 通过ip定位获取当前城市
html 引入高德地图<scripttype="text/javascript"src="https://webapi.amap.com/maps?v=1.4.10&key=xxxxxxxxx"></script>getCity.js 文件// 定位城市var position = new Promise(function (resolve, reject) { // 加载地图,调用浏览器定位服务 /* eslint-disable */...原创 2020-05-15 10:00:31 · 1717 阅读 · 0 评论 -
vue接入环信客服
index.html 添加<body> <script src='//kefu.easemob.com/webim/easemob.js'></script></body>方法: methods: { // 联系客服 contactKY () { window.easemobim = windo...原创 2019-08-23 18:44:28 · 1369 阅读 · 0 评论 -
vue微信静默登录,获取opendID
在src/config里 创建 wx-getOpendId.jsimport Vue from 'vue'// 获取getOpendIDconst wxGet = () => { Vue.axiosGet(Vue.api.weixinPublicLoginPlugin, {code: WXcode}).then(res => { if (res.code ...原创 2019-07-26 17:11:31 · 3404 阅读 · 3 评论 -
前端跨域的简单的解决方法
我们本地开发的在ajax请求的时候,经常遇到上面的提示, 表示 这个请求需要跨域才可以。网上一搜 跨域解决方法 五花八门,各种杂七杂八的配置.....有没有简单的方法? 答案:有。第一步: 下载浏览器插件插件名称:Allow-Control-Allow-Origin: *在线安装 使用谷歌浏览器直接打开插件地址https://chrome.google.com/we...原创 2019-03-02 14:13:00 · 378 阅读 · 0 评论 -
FormData表单图片压缩、上传
// 图片上传// 使用方法 mounted () { uploadFile.upload(id (input的id), (item) => {})} methods: { document.getElementById(id) }const uploadFile = { upload: function (id, callback) { let file = null ...原创 2018-11-14 11:37:09 · 2058 阅读 · 0 评论 -
vue移动端城市三级联动组件
先看效果图以下组件代码<template> <div class="address"> <div class="addressboxbg" @click="cancel"></div> <div class="addressbox"> &原创 2018-09-30 10:52:47 · 6452 阅读 · 13 评论 -
Vue 父组件获取数据数据,子组件第一次props获取不到
原因:data数据初始化为空,由于ajax是异步的,加载子组件时,请求数据还没赋值,就会把data里面空的数据给传过去方法一方法二推荐使用方法二...原创 2018-10-13 14:47:47 · 13085 阅读 · 7 评论 -
vue 非父子传值
挂载方法 **main.js**let bus = new Vue()Vue.prototype.bus = bus 组件传送**header组件**<template> <header @click="changeTitle">{{title}}</header></template><script>...原创 2018-07-31 11:50:55 · 240 阅读 · 0 评论 -
Async Functions (异步函数) 异步变同步
async checkFire () { let res = await this.$Posting(this.$api.xxx, {xx: xxx}) if (res.code !== '0000') { console.log(res) }}原创 2018-06-04 14:55:11 · 1565 阅读 · 0 评论 -
js图片下载
var url = 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=743446847,1016653021&fm=27&gp=0.jpg' // 将链接地址字符内容转变成blob地址 fetch(url).then(res => res.blob()).then(blob ...原创 2018-04-28 16:31:48 · 1447 阅读 · 4 评论 -
关于fetch
fetch和XMLHttpRequest如果看网上的fetch教程,会首先对比XMLHttpRequest和fetch的优劣,然后引出一堆看了很快会忘记的内容(本人记性不好)。因此,我写一篇关于fetch的文章,为了自己看着方便,毕竟工作中用到的也就是一些很基础的点而已。fetch,说白了,就是XMLHttpRequest的一种替代方案。如果有人问你,除了Ajax获取后台数据之外,还有没有其他的替...转载 2018-04-28 15:21:54 · 208 阅读 · 1 评论 -
vue的$refs使用
<template> <div class="uploadBtn" @click="uploadBtn">上传</div> <input type="file" style="display: none;" ref="uploadBtn" id="contract"/>&原创 2018-04-19 16:01:58 · 852 阅读 · 0 评论 -
vue项目工具文件utils.js
import Vue from 'vue'import XLSX from 'xlsx'/** * 图片预览方法 * 已注入所有Vue实例, * template模板里调用 $imgPreview(src) * 组件方法里调用 this.$imgPreview(src) */const imgPreview = (src) => { let div = document.createEle...原创 2018-04-13 10:09:36 · 12331 阅读 · 1 评论