随笔分类 -  Web前端

vue-cli@2迁移到4
摘要：一、路径别名设置： vue-cli@2.x: 1 // build/webpack.base.conf.js中： 2 resolve: { 3 extensions: [".js", ".vue", ".json", ".css", ".scss"], 4 alias: { 5 vue$: "vue 阅读全文
posted @ 2020-06-06 20:59 Walker游游 阅读(674) 评论(0) 推荐(0)
匿名函数没有自己的this
摘要：匿名函数没有自己的this，因此，在构造对象中调用全局函数时，可以省去保存临时this，再将其传入全局函数这一步： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewpor 阅读全文
posted @ 2020-05-05 23:19 Walker游游 阅读(464) 评论(0) 推荐(0)
Promise.all() 与 Promise.race()
摘要：Promise.all(): 1 <body> 2 <div id="pic" ></div> 3 <script> 4 const imgs = [ 5 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=158 阅读全文
posted @ 2020-05-05 00:52 Walker游游 阅读(323) 评论(0) 推荐(0)
JS 同步转异步之Promise
摘要：同步方法在promise示例中变成异步执行： console.log(1); let p = new Promise(resolve => { console.log(2); resolve(); console.log(3); }); console.log(4); p.then(() => { 阅读全文
posted @ 2020-05-04 18:40 Walker游游 阅读(5481) 评论(0) 推荐(0)
Promis.then()
摘要：1 function cook() { 2 console.log('开始做饭。'); 3 var p = new Promise(function (resolve, reject) { 4 setTimeout(function () { 5 console.log('做饭完毕！'); 6 re 阅读全文
posted @ 2020-05-03 23:41 Walker游游 阅读(220) 评论(0) 推荐(0)
原生JS简单封装JSONP跨域获取数据
摘要：用原生JS封装一个简单的JSONP，主要是用来理解前端是怎么实现JSONP的。 JSONP跨域是借助<img><script>的src属性，<link>的href属性能够链接外部网站，来实现跨域请求数据。 将跨域请求的链接和参数以链接的方式提交给服务器，同时在链接中附带本地接收JSONP数据函数的函 阅读全文
posted @ 2020-05-02 22:18 Walker游游 阅读(1141) 评论(0) 推荐(0)
原生JavaScript手写Ajax
摘要：1 <script> 2 // 封装通用的xhr对象，兼容各个版本 3 function creatXHR() { 4 // 判断浏览器是否将XMLHttpRequest作为本地对象实现，针对IE7,firefox, opera等 5 if (typeof XMLHttpRequest != "un 阅读全文
posted @ 2020-05-02 15:54 Walker游游 阅读(688) 评论(0) 推荐(0)
VS Code保存代码自动按eslint格式fix
摘要：VS Code写Vue，每次按照eslint格式手动fix代码很烦，Alt+Shift+f格式化代码又会和prettier冲突，因此找了Ctrl+s保存代码，自动按照eslint风格格式化代码。 网上大多是早前修改方法，现在已经不适用，因此写这个随笔，避坑。 当前版本使用方式，使用编辑器提供的Cod 阅读全文
posted @ 2020-04-30 20:16 Walker游游 阅读(1469) 评论(0) 推荐(0)