qq_25643011的博客

原创 访问到页面的完整流程

作为一个程序员，如果你还不知道你是如何访问到一个页面怎么说的过去，晋级大厂、升职加薪、系统优化必备的底层知识，我们一起来回顾一下吧。流程地址输入常见的地址就是http链接，比如 https://www.baidu.com，浏览器解析的可不只 http 链接，还可以读取本地文件，很多客户端为了节省 http 请求 html 的时间，就将html内置到客户端，通过 file:// 的方式访问。一个完整的地址包括：协议、主机名、端口、路径、文件名、哈希和参数,例如：https://www.baidu.c

原创 flutter学习中遇到的一些错误

1:classpath错误在项目目录下的android/build.gradle文件中增加如下代码：// maven {// url 'https://dl.google.com/dl/android/maven2'// }2:图标展示异常pubspec.yaml文件下增加如下配置： uses-material-design: true3：Text组件异常...

原创 vscode默认版本切换不生效

mac下如果采用zsh终端，切换node 版本后，每次重启有都会失效。需要在setting中添加如下的配置"terminal.integrated.shellArgs.osx": []

原创 采用adb进行rn的调试

自从开始做移动端的前端开发以后，就开始被各种环境以及调试折磨；由于公司历史的一些原因，一直在hy和rn的开发中切换，有时候还会接触一些node的开发，差点崩溃掉，不过，现在慢慢走出来了，需要总结一下经验。就拿其中最难调试的开始。首先是安装，Mac端安装adb是非常简单的，直接一个命令搞定，但前提是你已经安装了brewbrew cask install android-platform-tools然...

原创 js事件捕获与冒泡机制的探索

        Javascript的事件处理主要分为3个阶段，事件的捕获，目标阶段，事件的冒泡。如何透彻的领悟到其中的过程呢？       先了解一下整体的过程：当用户点击某一个元素以后，浏览器会拿到事件的具体信息，包括在点击的位置，事件的类型等信息。然后浏览器会根据这些信息去去遍历一次dom节点，去查看是否有与本次事件相关的绑定函数，再根据事件实在捕获的时候触发还是在冒泡的时候触发将处理函数添...

原创 charles如何抓取手机的数据

        在app开发中，如果我们要对用实体的手机进行测试是一件非常麻烦的事情，因为我们无法像在电脑上一样查看前后端的交互过程，从而判断出问题的根源。那有没有方法让我们可以捕获通过手机网卡的数据包呢，办法当然有，我们介绍一种通过代理服务器加抓包软件的方式来实现。需要准备：电脑一台 手机一部 局域网 代理服务器 抓包软件注：采用Charles可以在实现抓包功能的同时还可以作为代理服务器，所以就...

原创 利用对象对数组进行去重排序

var arr = [1,5,8,4,3,8,7,1,6,2]var obj = {}for(let i = 0; i < arr.length; i++){ obj[arr[i]] = arr[i]}Object.values(obj)    去重的想法是将数组中的值作为对象的属性，因为属性值不可以重复，所以当设置重复的属性后后将之前设定的属性值覆盖，然后利用Object将对象中的值拿出来...

原创 js时间戳最简单的生成方式

+new Date()

原创 OnLoad与DOMReady解析

    通常情况下我们会将JS代码书写在window.onload（）事件中；因为当onload事件发生后，初始化界面已经渲染完成，此时操作dom不会出现获取不到界面元素的情况。但这种方式有一个问题，假如界面中有一个图片瀑布流，那么只能等到图片加载完成才会触发onload事件。这段期间，用户显然无法操作界面，这是不可取的。实际上，操作dom并不需要加载完成所有的东西，例如img标签，不是等到图片加...

原创 const定义的对象属性是否可以改变

    在作业盒子面试的时候问到了一个问题，const定义的对象属性是否可以改变。当时没有考虑就回答了不可以，面试官微笑着回答说错了。回来后查看了一下const的定义，明白了其中的原理。    const是用来定义常量的，而且定义的时候必须初始化，且定义后不可以修改。对于基本类型的数据来说，自然很好理解了，例如 const PI = 3.14。如果定义的时候不初始化值的话就会报错,错误内容就是没有...

原创 Blob对象下载CSV文件

    用blob对象下载CSV文件的时，分列的方法是采用‘，’进行分割，但是字符串中存在逗号的时候就会出现错乱现象。解决这个方法的精髓就是转义字符，将字符串用转义的引号包裹起来，在解析的时候读到引号里面的逗号就不会分列。第一个例子：直接拼接字符串直接将两个字符串拼凑起来，中间用逗号分隔，字符串中不包含逗号，这是基本情况，这样做是没有问题的，下载的结果也是正确的，下载的结果如图：第二个例子：字符串...

原创 Blob对象进行前端下载

最近在开发中遇到前端下载的问题，用户的一个需求是需要下载一个比较大的Excel数据，之前的开发人员采用了构建一个表单，然后通过submit的方式向后台发送请求。这样的缺点是无法捕捉下载的进度，用户无法知道下载是否成功，也没办法显示进度。经过多方面考虑，最终决定采用blob对象进行下载，在本地测试成功后在线上进行试验一直有问题，最后在StackOverflow网站上找到了答案，jQuery的ajax

原创 浏览器缓存机制流程图