- 博客(17)
- 收藏
- 关注
RSS订阅
原创 Javascript之Promise与同步异步详解
JS为何是单线程的？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。（在JAVA和c#中的异步均是通过多线程实现的，没有循环队列一说，直接在子线程中完成相关的操作） JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个
2021-04-02 17:51:44
589
原创 关于ant-design的DatePicker时间控件回显error问题
这几天写后台的时候发现在表单回显的时候无法回显DatePicker控件，一用setFiledValue塞数据就直接白屏报错，后来查了好多信息才发现原来是DatePicker控件只接受moment对象格式的时间所以如果想要解决这个问题，唯一的方式就是，在接口的数据获取了以后，把时间字符串使用moment.js库转化成moment对象类型的时间格式import moment from 'moment'// 省略获取接口数据的过程const result = await getinfo();setFiel
2021-03-31 22:12:22
1712
1
原创 Javascript 跳出map,forEach等方法解决方案
这里不对其余方法多做解释，以map为例。 const arr = ['a','b','c'] try { arr.map(item => { if(item === 'b'){ throw Error // 使用throw抛出异常让catch方法捕捉 } }) } catch(err) { console.log(e,'error') }目前为止，中止map的方法我尝试过很多其他方向，一直没有简单快捷的解决方案，所以不得已才使用try/catch来捕捉。其
2021-03-26 17:53:29
1923
原创 Post请求数据流下载
后的后台再做批量导出的时候因为数据量的问题所以需要时用到批量导出的功能，所以这时候需要用到post传参ajax请求在文件下载方面会有一定的限制 所以这时候就需要使用到 原生js请求的XMLHttpRequest方法const params = { name:'123', idlist: ['111','222']} let url= '你的借口名称全名！包括https://www.xxx.com?access_token=' + token;// url需要带上token let xhr
2021-03-26 17:35:24
299
原创 微信小程序Formdata传参 post请求
关于小程序的formData传参的请求小程序里面的请求大多具有局限性，所以如果后端设置的formdata传参的话还得手动配置微信的requestconst params = {} // 对象传参wx.request({ url: 'www.xxx.com', method: 'POST', header: { 'content-type': 'application/x-www-form-urlencggoded;charset=UTF-8' }, data: params
2021-03-26 11:00:35
3206
3
原创 React Input无法修改value
对于react老手来说 这种问题非常容易解决，但是百度上一直没有一个好的解决方案。尤其是最新的reacthook写法资源相当稀少，很多东西都要自己去琢磨 const [InputValue,setInputValue] = useState('') return ( <> // 这里的input用的是ant-design的UI库 所以是大写 但是写法就类似于这一种 <Input value={InputValue} onChange={(event) => { set
2021-03-26 10:31:55
3653
4
原创 百度3D地球，高清地图！地形混合！
前言好吧老铁，我就是水经验的，下面的是我前几天闲的没事做着玩玩的，简单的鸭皮！想看图？okokok!是不是非常的好看？代码非常easy，喜欢的可以直接复制了<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale
2021-03-25 14:09:01
3661
2
原创 Vue 展开收起功能实现
Vue 展开收起功能实现之前写项目的时候提到了一个需求 展开/收起 所有内容的需求 。因之前一值是重构，自己写功能还是比较少的，于是网上搜了一下，发现很多东西其实是jq的功能 虽然可以拿过来用，但是还是想使用vue 写出原汁原味的模块 demo: <div :class="is_show ? 'new_detail' : 'work_detail'"> <!-...
2020-01-02 10:46:39
2052
1
原创 Vue/Javascript生成PDF并下载
实现原理该功能原理是将dom转化为canvas，然后把canvas转化为base64数据 最后将数据通过pdf.js生成下载，所以需要和html2canvas一起使用友情提醒这个pdf下载不能在app里直接使用，ios里面变成在线预览功能;window.scrollTo(0, 0); const element = document.querySelector('#showContent') ;// 这个dom元素是要导出pdf的div容器 setTimeout(
2021-04-02 17:47:45
334
原创 Vue天地图之图层类型切换
Vue项目引入天地图在vue的静态资源目录下的index.html中引入天地图的底图 http://lbs.tianditu.gov.cn/api/js4.0/guide.html在引入了vue项目以后及将需要用到的功能从window对象下赋值给当前项目的Data<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你申请的key"> // 引入天地图底层图export
2021-03-31 21:58:53
2124
1
原创 js 获取图片的宽高
获取图片的宽高function get_image_dom_natural_wh(img_dom) { return new Promise((resolve) => { if (img_dom.naturalWidth && img_dom.naturalHeight) { return resolve({ width: img_dom.naturalWidth, height: img_dom.naturalHeight }); } else {
2021-03-26 17:36:39
356
原创 layui 按钮启用禁用切换详解
前两天写到了这个瓜皮demo。看了下layui的官方文档，又去百度了下，发现现在搜到的答案不是很适合小白{{# if(d.isActive == 1){ }} // 这个是layui的模板渲染 <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="forbidden">禁用</a> {{# } }} {{# if(d.isActive == 0){ }} // isActive就是后端返回的值的字段 这个由开发的
2021-03-26 11:05:15
2792
原创 Vue 中img图片加载失败解决方案
在Vue有时候你引用本地图片在本地环境可以正常显示,但是到了服务器上就出现资源请求失败以及无法显示的情况。这是因为当你在元素里面绑定:src时,Vue将绑定属性的路径作为字符串输出了。export default { data () { return { img: '../../XXX/XXX/xx.png' } }}//////////<img :src="img"> // 这种方式会先找到路径解
2021-03-26 10:58:17
2271
原创 vue-axios post请求formdata传参
设置请求头 headers: { 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8' // 设置完以后 传入的params对象就会时候用formdata传参的方式 }以上就是改变传参的方式，嗯。。很简单，但是光这样还不够。还需要把传入的参数转化成正常的参数而不是键值对import qs from 'qs' // axios自带的工具不需要安装npm依赖axios.po
2021-03-26 10:56:44
1254
原创 关于vue-router路由跳转与setInterval的问题解决方案
关于vue-router路由跳转与setInterval的问题Tip: 其实没打算发文章，主要是玩掘金块一年了，总想混点经验 let a = 3 this.timeInterval = setInterval(() => { a-=1 if(a >= 0){ this.$router.push('/router'); } }, 1000)以上代码中有一个router跳转，虽然跳转了页面，但
2021-03-25 14:11:05
685
原创 React 引入import React详解
本质上来说JSX是React.createElement(component, props, …children)方法的语法糖。所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React###前言React是前端最受欢迎的框架之一，解读其源码的文章非常多，但是我想从另一个角度去解读React：从零开始实现一个React，从API层面实现React的大部分功能，在这个...
2020-01-02 10:50:29
1371
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人