- 博客(85)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
1744
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
1664
原创 前端下载后端Blob流文件
后端返回的数据在network的preview中，是一堆码。download () { axios({ method: 'get', url: baseUrl, //baseUrl是后端给你的下载的接口地址 //看后台规定的类型，responseType属性根据你的实际情况确定 responseType: 'arraybuffer' }).then(res => { //假设返回的数据在res
2020-06-11 16:18:47
791
原创 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
472
原创 浏览器加载资源顺序？
预先知识：浏览器加载的时候是自上而下的，加载和渲染为同步进行加载不会阻塞下载，解析会阻塞下载js解析的时候会阻塞其他的加载一般浏览器会在后面解析js文件，因为js中的代码很有可能改变dom树的结构浏览器的加载一般顺序为：将资源分类 安全策略检查 资源优先级计算 根据优先级下载资源资源分类：主资源 html 图片 css js 字体 ajax...
2019-12-26 19:25:28
1886
原创 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
1836
原创 从浏览器输入网址到出现页面的过程？
1、DNS将域名解析ip地址输入网址以后，浏览器会先去缓存中查找这个域名有没有对应的ip地址的关系，如果有的话，直接向ip地址发送请求，进行下一步。如果没有，再去找DNS服务器解析域名2、建立TCP连接拿到相应的ip地址以后，向该服务器发送请求。TCP三次握手就是一个问询的过程。客户端问询是否可以发送-服务器确认可以发送-客户端知道了可以发送。例：客户端：我可以做你男朋友...
2019-12-17 18:32:01
491
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
426
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
1528
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
5972
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
29553
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
3331
原创 element-ui的el-table表格合并列
一、需求描述，如图，相同的区域位置进行合并，前提：后台给的数据相同区域名称的要放在临近。二、代码实现1、html页面<el-table :data="tableData" border size="mini" align="center" :span-method...
2019-06-12 18:23:29
11643
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
3865
原创 移动端双击缩放延迟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
254
原创 vue路由之vueRouter
1.路由基本配置引入路由组件 import Index from '@/components/Index'在routes里面配置：{path: '/index',name: 'index',component: Index,...
2019-04-09 18:16:23
263
原创 vue开发web页面ie高度失效
ie的怪异盒模型与火狐不同，如果有padding占据比列比较多，将ie的box-sizing: content-box;即可
2019-04-08 16:00:41
290
原创 element-ui的el-autocomplete不显示下拉框中的值
如图：下拉框中的数组的内容全部获取到了，但是内容就是不显示。解决：这是el-autocomplete的一个坑，el-autocomplete显示的时候必须有value字段，可以在返回的对象里面手动添加一个value属性，item.value = item.name;备注：如果一开始显示的时候也没有列表项，也是手动添加value属性。...
2019-04-03 18:04:12
13768
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
5436
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
2652
原创 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
220
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
38536
12
原创 二级联动-js版
前注：本文依据《利用JavaScript来实现省份—市县的二级联动》中的数据自己又稍做了改动，如有侵权，马上删除。废话不多，直接上代码1、引入js文件，导入所需要的数据：data.js//省份var provinceArr = [];provinceArr[0] = ['北京市'];provinceArr[1] = ['天津市'];provinceArr[2] = ['上海市...
2019-02-13 10:21:43
758
原创 未找到入口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
2539
1
原创 浅析sessionStorage、localStorage和cookie以及Session
（一）sessionStorage、localStorage共同点在于：1、存储大小都为5M左右2、都有同源策略限制3、仅在客户端中保存，不参与和服务器通信不同点：1、生命周期：localStorage是数据是永久性的，除非人为删除，否则会一直存在。sessionStorage：窗口或者标签页被关闭，sessionStorage中存储的数据也会被删除。2、作用域...
2018-08-27 21:07:30
529
1
原创 跨域
跨域违反同源策略的就被称为跨域.同源策略同源：协议、域名、端口号，三者必须一致。有一个不一致就被称为跨域。同源策略(Same-Origin Policy)最早由 Netscape 公司提出，是浏览器的一种安全策略。为什么会出现跨域原因：出于浏览器对同源策略的限制，浏览器会拒绝一部分跨域请求。浏览器的同源策略请求是这样的：通常浏览器会允许跨域写操作（Cross-o...
2018-08-13 19:09:30
253
原创 微信公众号项目-day01思路整理
目录整体思维导图详细步骤1、申请公众号，完成微信公众平台接口测试申请。2、填写服务器配置3、验证服务器的有效性3、模块化4、获取access_token5、获取用户消息6、处理用户发送过来的信息7、通过解析用户发送来的消息，进行相应的回复 整体思维导图详细步骤1、申请公众号，完成微信公众平台接口测试申请。2、填写服务器配置在本地搭...
2018-07-26 15:22:50
2158
1
原创 mongoDB数据库 之 Mongoose的使用
简介Mongoose是一个对象文档模型（ODM）库，它对Node原生的MongoDB模块进行了进一步的优化封装，并提供了更多的功能。核心对象包括Schema、model、document三部分。优势1)可以为文档创建一个模式结构（Schema） 2)可以对模型中的对象/文档进行验证 3)数据可以通过类型转换转换为对象模型 4)可以使用中间件来应用业务逻辑挂钩 5)比Nod...
2018-07-21 00:54:33
849
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
232
原创 Vue基础
MVVMM：Model 模型，数据对象（data)V:view 视图，模板页面，显示数据VM：ViewModel 视图模型(vue实例对象）模板语法模板语法：就是动态的HTML页面中，包含一些JS代码，包括指令（v-开头的属性），双大括号表达式双大括号表达式指令一：强制数据绑定指令二：绑定事件监听 <!DOCTYPE html><html lang="en">&l...
2018-07-15 22:51:27
268
原创 函数节流/函数防抖/requestAnimationFrame
函数节流函数节流：每个固定的时候之内，函数只执行一次 //代码实现 window.onload = function () { let flag = false; document.getElementsByTagName('body')[0].onscroll = function () { if(flag){ return; } ...
2018-07-14 23:52:30
1416
原创 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
284
原创 ES6之遍历器 iterator && generator
工作机制创建一个指针对象，指向数组的初始位置调用next方法，对数组逐个进行遍历遍历结果的返回值是一个对象，这个对象中包含两个属性，value和done当遍历没有结束，对象返回的结果为：{value: 当前遍历对象的下标, done: false}遍历结束以后，对象返回的结果为：{value: undefined, done: true}结束后，不对此时的value值进行处理function ma...
2018-07-12 11:48:36
360
原创 ES5之Object扩展
Object扩展Object.create(prototype, [descriptors])[descriptors]：描述，为一个对象 value : 指定值 writable : 标识当前属性值是否是可修改的, 默认为false configurable: 标识当前属性是否可以被删除 默认为false enumerable： 标识当前属性是否能用for in 枚举 默认为fa...
2018-07-10 20:17:39
1034
原创 线程与线程机制
一、JS代码是单线程的？定时器执行时候是在主线程中执行的 定时器回调函数只能在主线程中代码执行完毕后在进行执行二、为什么JS是单线程的不是多线程？这与他的用途有关，JS作为浏览器脚本语言，主要用途是与用户互动，以及操作DOM。 这决定了它只能是单线程，否则会带来很复杂的同步问题三、H5中关于JS分线程，叫做Web Workers事件循回模型所有代码分类 初始化执行代码(同...
2018-07-09 23:43:08
535
原创 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
4995
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
1008
原创 搭建个人博客hexo+github遇到的坑
如图，hexo init初始化的时候，报错。解决方法：1、hexo init <新文件夹的名字> 注意：不要先创建文件夹，要使用hexo创建文件夹。2、cd <新文件夹的名字>3、hexo setup...
2018-07-06 20:21:13
1257
3
原创 node常见的操作
1、Buffer本质Buffer类是直接用来存放二进制的缓存区 无需加载就可以使用 Buffer中存放的数据都是二进制的，但是显示用16进制 显示的时候，先将十进制转二进制，取前八位，再转成16进制显示 大小一旦确定，不能修改 编码方式是UTF-8 汉字占3个字节，阿拉伯数字和英文字母占1个字节 var buff = Buffer.alloc(10); //创建出来的...
2018-07-05 16:59:04
934
原创 node基础
node基础node是单线程的 基本使用： 模块引用 require('./math'),返回值是一个对象 一般调用时候var math=require('./math')，math为一个对象。 但是定义的模块中的变量只作用在所在模块的作用域中，其他的作用域拿不到 所以引用了exports方法将外部需要引用的函数或者变量暴露出来。 例如： exports.add=func...
2018-07-04 23:50:50
209
关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题
2021-01-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人