wdhxs的博客

Flutter知识点总结文章目录Flutter知识点总结前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：im

CSS知识点总结文章目录CSS知识点总结一、利用CSS filter实现一个hover凸显当前元素，模糊其他元素的效果一、利用CSS filter实现一个hover凸显当前元素，模糊其他元素的效果html：<div class="boxes"> <div class="filter">看到见吗</div> <div class="filter">看到见吗</div> <div class="filter">

JS知识点总结文章目录JS知识点总结一、怎么获取对象的Symbol属性？1.Object.keys可以吗？2.for...in...？3.Object.getOwnPropertyNames？4.Object.getOwnPropertySymbols一、怎么获取对象的Symbol属性？const numSymbol = Symbol(1);const hasSymbolObj = { [numSymbol]: 1, 2: 2};1.Object.keys可以吗？我们使用Ob

JS知识点总结文章目录JS知识点总结一、如何监听数组的改变？一、如何监听数组的改变？利用Proxy可以来监听数组的length属性，当push或者pop的时候，会触发setter：const proxyArr = new Proxy(unkownArr, { set(target, prop, value, receiver) { if (prop === 'length') { console.log('set new value', value);

前端面试题总结文章目录前端面试题总结一、0.5的二进制是多少？1.整数转二进制2.小数转二进制一、0.5的二进制是多少？刚开始看到这个问题是懵逼的，但是仔细思考二进制的编码方式，会发现：8，4，2，1（这是之前学的8421码，这里只包含到了1。那再往下写呢：8，4，2，1，0.5，0.25，0.125）如0.625就可以写成 0.101B。那具体怎么计算呢？参考整数的十进制转二进制是不断除以2，取余数，从高位写到低位。那么小数则是不断乘以2，取整，从下往上写便得到小数的二进制。1.整数转二进

CSS知识点总结文章目录CSS知识点总结一、多行文字如何垂直居中？1.使用table布局2.利用line-height和inline-block3.使用inline-block，relative，transform4.使用flex一、多行文字如何垂直居中？1.使用table布局.table { display: table; width: 200px; height: 200px; border: 1px solid #000; text-align: cen

JS知识点总结文章目录JS知识点总结一、怎么可以设置对象的属性不可修改？1、使用Object.defineProperty2、使用代理（Proxy）3、若使用TS一、怎么可以设置对象的属性不可修改？1、使用Object.defineProperty[[Configurable]]：表示属性是否可以通过 delete 删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。默认情况下，所有直接定义在对象上的属性的这个特性都是 true。[[Enumerable]]：表示属性是否可以通

webpack热更新原理文章目录webpack热更新原理一、什么是热更新？二、webpack热更新基本原理1.修改webpack.config.js的entry配置2.启动本地服务3.监听文件发生变化4.监听webpack编译完成5.浏览器收到检查更新通知6.HotModuleReplacementPlugin进行更新一、什么是热更新？热更新（Hot Module Replacement，简称HMR）是指在无需刷新整个页面，只更新页面的局部完成更新。HMR是webpack的内置功能，可以通过HotMo

不同页面之间的通信方式文章目录不同页面之间的通信方式前言一、同源1.使用BroadCast Channel2.Service Worker3.监听localStorage二、非同源前言当需要在一个浏览器中的不同页面（tabs，iframes）进行通信时，我们可以使用如下方法。首先根据同源与否，分为同源和非同源。一、同源1.使用BroadCast ChannelBroadCast Channel可以为我们创建一个公共的广播频段，当不同的页面都监听他时，就可以收到其他页面发出的消息。使用方法：c

JS知识点总结文章目录JS知识点总结一、关于变量提升与临时性死区一、关于变量提升与临时性死区直接上题下面的代码中会打印出多少？var a = 1;function fn() { console.log(a); if (false) { var a = 2; }}fn();这里考察了JS的变量提升，但很多情况大家都想到了全局和函数作用域中的变量提升，却没有注意到判断语句中的变量提升（因为使用的var关键字没有块级作用域）。变量提升后的代码为：va

CSS九宫格文章目录CSS九宫格一、方法一方法二Grid布局一、方法一使用flex-wrap，每个item宽度高度相等<ul class="container"> <li class="item">1</li> <li class="item">2</li> <li class="item">3</li> <li class="item">4</li>

Babel知识点总结文章目录Babel知识点总结前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import

计算机网络知识总结文章目录计算机网络知识总结一、TCP流量控制一、TCP流量控制TCP用滑动窗口做流量控制，TCP头里有一个字段叫Advised Window，用来通知发送方自己还有多少缓存区可以用来接收数据。而发送方根据接收方的处理能力来处理数据，避免发送数据过多，接收方处理不过来。计算方法：接收方在Ack中记录自己的AdvertisedWindow = MaxRcvBuffer – (LastByteRcvd - LastByteRead)，随Ack回复到发送方。发送方根据Ack中的Ad

实现一个可链式调用并可sleep的LazyManclass LazyMan { constructor(name) { // 保存要执行的任务 this.tasks = []; // 初始化中先push一个task const task = () => { console.log(`hi this is ${name}`); // 执行下一个task thi

传送门

JS知识点总结文章目录JS知识点总结一、关于变量声明与逗号操作符js环境下ts环境下一、关于变量声明与逗号操作符若使用逗号操作符，在最后一个变量的位置进行赋值，只会给最后一个变量赋上值，其余变量为undefined。let p1, p2, p3 = 1;console.log(p1); // undefinedconsole.log(p2); // undefinedconsole.log(p3); // 1若使用=连接三个变量，在js环境下没问题，但是在ts环境下回报错！js环境下但

JS引擎编译基本过程文章目录JS引擎编译基本过程一、编译过程（以V8引擎为例）一、编译过程（以V8引擎为例）parse，将js代码解析成抽象语法树（AST）(词法分析，语法分析)Ignition：解释器，负责将AST转换成字节码TurboFan：JIT编译器，利用Ignitio所收集的类型信息，将Bytecode转换为优化（如重复执行的代码不会在运行时重复进行解释）的机器码参考博文：[1]: https://juejin.cn/post/6844903953981767688[2]:

CDN（Content Delivery Network）知识总结文章目录CDN（Content Delivery Network）知识总结一、什么是CDN？二、请求CDN的过程回源一、什么是CDN？CDN是用来做网络加速的，通过在网络各处放置节点服务器，这些节点服务器用来存放资源（如图片，音频等）。用户访问相关资源时只需要访问离用户最近的节点而不需要访问根服务器，从而加快网络响应。二、请求CDN的过程用户通过URL访问某个资源，DNS域名解析服务器会进行域名解析，向网站的DNS解析服务器发请

webpack知识点总结文章目录webpack知识点总结一、什么是loader二、常见的loader三、什么是plugin四、常见的plugin五、webpack构建流程六、webpack优化1.缩小文件搜索范围2.tree shaking3.优化代码压缩时间一、什么是loaderloader的本质是一个函数，该函数对接收到的内容进行转换，返回转换后的结果。因为webpack只认识js文件，所以使用loader对其他类型的文件进行预处理，然后进行打包。二、常见的loaderfile-loader

Tree Shaking文章目录Tree Shaking前言一、什么是Tree Shaking？二、Tree Shaking的过程前言这里的Tree Shaking指的是基于WebPack的。一、什么是Tree Shaking？Tree Shaking是基于ES6 module的技术，通过Tree Shaking可以将工程中不会执行的代码和引入后没有用到的部分模块进行删除。之所以说Tree Shaking是基于ES6 module，是因为ES6模块依赖关系是确定的，和运行时的状态无关，可以进行可