- 博客(85)
- 资源 (2)
- 收藏
- 关注
原创 uniapp引入高德地图sdk经纬度解析诚地址名称
1、申请key2、下载js_sdk/amap-wx.js文件:https://lbs.amap.com/api/wx/gettingstarted3、引入:import AMap from '@/js_sdk/amap-wx.js'4、使用this.amapPlugin= new AMap.AMapWX({key: 'keyvalue'});// 你自己的key this.amapPlugin.getRegeo({ location:`${longitude},${la
2020-08-28 15:45:06
1784
5
原创 高德地图PlaceSearch输入提示框el-dialog弹框中不生效
两种解决方案:1、查看页面中的元素,找到amap-sug-result属性的元素,比较和dialog的层级 z-index,不够高的话高一点看是否能显示(最常用)2、我的需求涉及到组件v-show和v-if切换,如果你用了v-if切换了autoInput这个id属性的input,自动提示也会不生效。提示:涉及到地图问题,最好用v-show切换,具体的看需求。const autoComplete = new AMap.Autocomplete({ input: 'autoInpu
2020-08-28 15:27:56
1803
原创 前端下载后端Blob流文件
后端返回的数据在network的preview中,是一堆码。download () { axios({ method: 'get', url: baseUrl, //baseUrl是后端给你的下载的接口地址 //看后台规定的类型,responseType属性根据你的实际情况确定 responseType: 'arraybuffer' }).then(res => { //假设返回的数据在res
2020-06-11 16:18:47
819
原创 flex常见布局
基础知识:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool)等分:flex:1<div class="main"> <div class="item">1</div> <div class="item">1</div>...
2020-02-12 16:46:15
489
原创 浏览器加载资源顺序?
预先知识:浏览器加载的时候是自上而下的,加载和渲染为同步进行加载不会阻塞下载,解析会阻塞下载js解析的时候会阻塞其他的加载一般浏览器会在后面解析js文件,因为js中的代码很有可能改变dom树的结构浏览器的加载一般顺序为:将资源分类 安全策略检查 资源优先级计算 根据优先级下载资源资源分类:主资源 html 图片 css js 字体 ajax...
2019-12-26 19:25:28
1998
原创 get传递数组报错400非法格式?
使用axios通过get方法,传递params参数为数组时,数组一般会以以下的方式进行拼接:arr = [1,2,3]http://localhost:8080/api/?arr[]=1&arr[]=2&arr[]=3但是后台给的格式是:http://localhost:8080/api/?arr=1&arr=2&arr=3这样就会产生400(b...
2019-12-19 15:53:08
1931
原创 从浏览器输入网址到出现页面的过程?
1、DNS将域名解析ip地址输入网址以后,浏览器会先去缓存中查找这个域名有没有对应的ip地址的关系,如果有的话,直接向ip地址发送请求,进行下一步。如果没有,再去找DNS服务器解析域名2、建立TCP连接拿到相应的ip地址以后,向该服务器发送请求。TCP三次握手就是一个问询的过程。客户端问询是否可以发送-服务器确认可以发送-客户端知道了可以发送。例:客户端:我可以做你男朋友...
2019-12-17 18:32:01
517
1
原创 面试遇到事件循环怎么回答
async function async1(){ console.log('async1 start') await async2() console.log('async1 end')}async function async2(){ console.log('async2')}console.log('script start')setTimeout...
2019-12-11 15:25:57
448
4
原创 table循环实现表格相同列合并
先上效果图:实现代码:利用lb-element-table实现。template中:<el-card v-for="(table,index) in listData" :key="index" style="margin-bottom: 10px;"> <div slot="header"> <span>{{table....
2019-07-29 16:44:14
1552
1
原创 git commit 到别的分支,怎么复制到另一个分支?
昨天代码写到了V1.0.9上,但是发现V1.0.9分支已经被封了,开发代码应该提到V1.0.10上。git commit 以后从V1.0.9分支切到了V1.0.10,怎么把V1.0.9上的代码复制到V1.0.10上来?1、切换分支到V1.0.10:git checkoutV1.0.102、git log 查看V1.0.9分支的前七位符号3、在V1.0.10上git reset --...
2019-06-27 14:26:26
6003
3
原创 Element的el-date-picker日期默认值设置为昨天
效果如图:代码实现:html:<el-date-picker v-model="ruleForm.dateValue" value-format="yyyy-MM-dd" :picker-options="pickerOptions" type="date" size="small" p...
2019-06-13 10:36:06
29839
8
原创 Element的el-date-picker日期设置昨天以前不可选
如图,只能选择昨天以及以前的数据。2、代码实现<el-date-picker v-model="ruleForm.dateValue" value-format="yyyy-MM-dd" :picker-options="pickerOptions" ...
2019-06-13 10:30:30
3358
原创 element-ui的el-table表格合并列
一、需求描述,如图,相同的区域位置进行合并,前提:后台给的数据相同区域名称的要放在临近。二、代码实现1、html页面<el-table :data="tableData" border size="mini" align="center" :span-method...
2019-06-12 18:23:29
11715
6
原创 移动端适配以及2x图、3x图的使用
1、怎么使用2x图、3x图(1)定义mixin.less文件/* 根据dpr显示2x图/3x图 */.bg-image(@url){background-image:~"url('@{url}@2x.png')";@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio...
2019-04-10 18:03:23
3950
原创 移动端双击缩放延迟300ms问题
在index.html中引入<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script><script>if ('addEventListener' in document) {do...
2019-04-10 18:03:17
268
原创 vue路由之vueRouter
1.路由基本配置引入路由组件 import Index from '@/components/Index'在routes里面配置:{path: '/index',name: 'index',component: Index,...
2019-04-09 18:16:23
295
原创 vue开发web页面ie高度失效
ie的怪异盒模型与火狐不同,如果有padding占据比列比较多,将ie的box-sizing: content-box;即可
2019-04-08 16:00:41
305
原创 element-ui的el-autocomplete不显示下拉框中的值
如图:下拉框中的数组的内容全部获取到了,但是内容就是不显示。解决:这是el-autocomplete的一个坑,el-autocomplete显示的时候必须有value字段,可以在返回的对象里面手动添加一个value属性,item.value = item.name;备注:如果一开始显示的时候也没有列表项,也是手动添加value属性。...
2019-04-03 18:04:12
14040
4
原创 微信小程序wx.base64ToArrayBuffer调用,提示thirdScriptError "atob" failed;undefined Error: "atob" failed
微信小程序调用wx.base64ToArrayBuffer获取图片验证码的时候,点击获取5-6次验证码会报错thirdScriptError "atob" failed;undefined Error: "atob" failed,解决方式:1、后台拿过来的数据先进行JSON.stringify()转换,转之后发现空格都被转化为"\n"let data = JSON.stringify(...
2019-03-20 12:36:04
5515
4
原创 时间戳转换成年月日时分秒得形式
timeFormatter(timeStamp){ let time = new Date(timeStamp); var year = time.getFullYear(); var month = time.getMonth()+1; var date = time.getDate(); var hours = time.getHours()...
2019-03-14 16:43:19
2709
原创 ES6基础(一)
ES61、let 与const-let 1、只能在当前的代码块中有效 2、let变量不能提升 3、不能重复声明 4、for循环体现let父子作用域- cosnt 1、 声明必须赋值,2、模板字符串 var obj = { name:'李明', age:34 } //模板字符串 console.log('名字...
2019-02-14 16:15:22
238
3
原创 vue实现点击下载图片到本地
1、html中<img :src="codeImg" alt="二维码图片" style="width:60%;"><span @click="downloadCodeImg()"></span>2、引入图片import codeIMG from '@/assets/code.jpg';3、data中,设置图片变量da
2019-02-14 14:31:55
38683
12
原创 二级联动-js版
前注:本文依据《利用JavaScript来实现省份—市县的二级联动》中的数据自己又稍做了改动,如有侵权,马上删除。废话不多,直接上代码1、引入js文件,导入所需要的数据:data.js//省份var provinceArr = [];provinceArr[0] = ['北京市'];provinceArr[1] = ['天津市'];provinceArr[2] = ['上海市...
2019-02-13 10:21:43
778
原创 未找到入口app.json文件,或者文件读取失败,请检查后重新编译
mpvue项目显示“未找到入口app.json文件,或者文件读取失败,请检查后重新编译."项目报错如图:解决:1、查看打包后的文件下dist目录下是否有二级目录文件wx。如果有,执行第二步。2、在 project.config.json 文件中添加属性 "miniprogramRoot": "dist/wx/"3、然后npm run dev.来源:https...
2019-01-24 16:13:14
2557
1
原创 浅析sessionStorage、localStorage和cookie以及Session
(一)sessionStorage、localStorage共同点在于:1、存储大小都为5M左右2、都有同源策略限制3、仅在客户端中保存,不参与和服务器通信不同点:1、生命周期:localStorage是数据是永久性的,除非人为删除,否则会一直存在。sessionStorage:窗口或者标签页被关闭,sessionStorage中存储的数据也会被删除。2、作用域...
2018-08-27 21:07:30
544
1
原创 跨域
跨域违反同源策略的就被称为跨域.同源策略同源:协议、域名、端口号,三者必须一致。有一个不一致就被称为跨域。同源策略(Same-Origin Policy)最早由 Netscape 公司提出,是浏览器的一种安全策略。为什么会出现跨域原因:出于浏览器对同源策略的限制,浏览器会拒绝一部分跨域请求。浏览器的同源策略请求是这样的:通常浏览器会允许跨域写操作(Cross-o...
2018-08-13 19:09:30
265
原创 微信公众号项目-day01思路整理
目录整体思维导图详细步骤1、申请公众号,完成微信公众平台接口测试申请。2、填写服务器配置3、验证服务器的有效性3、模块化4、获取access_token5、获取用户消息6、处理用户发送过来的信息7、通过解析用户发送来的消息,进行相应的回复 整体思维导图详细步骤1、申请公众号,完成微信公众平台接口测试申请。2、填写服务器配置在本地搭...
2018-07-26 15:22:50
2186
1
原创 mongoDB数据库 之 Mongoose的使用
简介Mongoose是一个对象文档模型(ODM)库,它对Node原生的MongoDB模块进行了进一步的优化封装,并提供了更多的功能。核心对象包括Schema、model、document三部分。优势1)可以为文档创建一个模式结构(Schema) 2)可以对模型中的对象/文档进行验证 3)数据可以通过类型转换转换为对象模型 4)可以使用中间件来应用业务逻辑挂钩 5)比Nod...
2018-07-21 00:54:33
874
2
原创 Vue基础(二)
1、class绑定和style绑定html代码准备:<div id="app"> <h1>class绑定</h1> <p :class="a">爸爸是class绑定:字符串绑定</p> <p :class="{classB:isB,classC:isC}">爸爸
2018-07-17 23:38:40
244
原创 Vue基础
MVVMM:Model 模型,数据对象(data)V:view 视图,模板页面,显示数据VM:ViewModel 视图模型(vue实例对象)模板语法模板语法:就是动态的HTML页面中,包含一些JS代码,包括指令(v-开头的属性),双大括号表达式双大括号表达式指令一:强制数据绑定指令二:绑定事件监听 <!DOCTYPE html><html lang="en">&l...
2018-07-15 22:51:27
281
原创 函数节流/函数防抖/requestAnimationFrame
函数节流函数节流:每个固定的时候之内,函数只执行一次 //代码实现 window.onload = function () { let flag = false; document.getElementsByTagName('body')[0].onscroll = function () { if(flag){ return; } ...
2018-07-14 23:52:30
1436
原创 async &amp;amp; class类 &amp;amp; 深度克隆
async函数async函数利用同步流程模拟异步操作,真正意义上解决异步回调的问题。 async函数发送ajax请求: function sendXML(url) {// promise实例 let promise = new Promise((resolve,reject)=>{// 发送ajax请求, $.ajax({ u...
2018-07-13 00:13:12
301
原创 ES6之遍历器 iterator && generator
工作机制创建一个指针对象,指向数组的初始位置调用next方法,对数组逐个进行遍历遍历结果的返回值是一个对象,这个对象中包含两个属性,value和done当遍历没有结束,对象返回的结果为:{value: 当前遍历对象的下标, done: false}遍历结束以后,对象返回的结果为:{value: undefined, done: true}结束后,不对此时的value值进行处理function ma...
2018-07-12 11:48:36
389
原创 ES5之Object扩展
Object扩展Object.create(prototype, [descriptors])[descriptors]:描述,为一个对象 value : 指定值 writable : 标识当前属性值是否是可修改的, 默认为false configurable: 标识当前属性是否可以被删除 默认为false enumerable: 标识当前属性是否能用for in 枚举 默认为fa...
2018-07-10 20:17:39
1058
原创 线程与线程机制
一、JS代码是单线程的?定时器执行时候是在主线程中执行的 定时器回调函数只能在主线程中代码执行完毕后在进行执行二、为什么JS是单线程的不是多线程?这与他的用途有关,JS作为浏览器脚本语言,主要用途是与用户互动,以及操作DOM。 这决定了它只能是单线程,否则会带来很复杂的同步问题三、H5中关于JS分线程,叫做Web Workers事件循回模型所有代码分类 初始化执行代码(同...
2018-07-09 23:43:08
568
原创 JS预解析是什么?
今天看了几道经典的面试题,其中有一道JS预解析的面试题,做错了,今天拿过来分析一下。 var a = {n: 1} var b = a a.x = a = {n: 2} console.log(a.n, b.n) // ? ? 2 1 console.log(a.x, b.x) // ? ? underfined {n: 2}在执行 a.x = a = {n: 2}中产生了疑问...
2018-07-09 19:12:23
5060
2
原创 ajax发送请求的一般步骤
ajax发送请求的一般步骤:`function sendXml(url) {//1、创建XMLHttpRequest实例对象 var xmlHTTP = new XMLHttpRequest();//2、创建链接并设置请求方式:一共四种请求方式,get post put propfind xmlHTTP.open('post',url);//3、发送请求 xmlHTTP.send...
2018-07-09 14:52:56
1034
原创 搭建个人博客hexo+github遇到的坑
如图,hexo init初始化的时候,报错。解决方法:1、hexo init <新文件夹的名字> 注意:不要先创建文件夹,要使用hexo创建文件夹。2、cd <新文件夹的名字>3、hexo setup...
2018-07-06 20:21:13
1276
3
原创 node常见的操作
1、Buffer本质Buffer类是直接用来存放二进制的缓存区 无需加载就可以使用 Buffer中存放的数据都是二进制的,但是显示用16进制 显示的时候,先将十进制转二进制,取前八位,再转成16进制显示 大小一旦确定,不能修改 编码方式是UTF-8 汉字占3个字节,阿拉伯数字和英文字母占1个字节 var buff = Buffer.alloc(10); //创建出来的...
2018-07-05 16:59:04
961
原创 node基础
node基础node是单线程的 基本使用: 模块引用 require('./math'),返回值是一个对象 一般调用时候var math=require('./math'),math为一个对象。 但是定义的模块中的变量只作用在所在模块的作用域中,其他的作用域拿不到 所以引用了exports方法将外部需要引用的函数或者变量暴露出来。 例如: exports.add=func...
2018-07-04 23:50:50
224
关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题
2021-01-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人