Solitarily的博客

Fetch API 提供了一个 JavaScript接口，用于进行网络操作，例如请求和响应。它还提供了一个全局 fetch()方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。做前端开发的小伙伴对XMLHttpRequest一定都不陌生，Fetch 可以与XMLHttpRequest相媲美，并且比 XMLHttpRequest提供了更加强大以及灵活的特性。JavaScript 通过XMLHttpRequest(XHR)来执行异步请求，这个方式已经存在了很长一段时间。

1 全局变量+命名空间2 common.js更适合服务器端3 amd定义两个全局变量define和require，使用模块加载工具运行（如require.js）4 umd (Universal Module Definition)可以直接在浏览器中使用，并兼容common.js和amd缺点：使用已构建文件，无法按需加载、难以获得底层依赖模块的bug修复支持）5 es6 module更规范并支持静态分析，还能 treeshaking：把死的叶子给摇下来，清除实际上并没有在给定项目中使用的代码

Animation属性animation-name：关键帧的名字animation-duration：执行的时间，默认为0animation-delay：动画延迟执行的时间，默认为0animation-iteration-count：动画播放次数，默认为1animation-derction：动画执行的方向normal：向前循环reverse：反向运行alternate：交替反向运行alternate-reverse：反向交替，反向开始交替animation-timing-fu

为什么要使用TypeScript程序更容易理解。js本身是动态类型语言，需要在运行的时候才知道函数的参数或者返回值的类型，而TS直接可以回答。效率更高。可以在不同的代码块和定义中进行跳转，代码自动补全，丰富的接口提升。更少的错误。编译期间就可以发现大部分错误，并且可以杜绝很多低级错误。非常好的包容性。完全兼容JS，第三方库可以单独编写类型文件缺点：增加了一些学习成本短期内增加了一些开发成本基础类型booleannumber、binaryNumberstringundfine

npx避免安装全局模块调用项目内部安装的模块npm run会新建一个shell，并将node_modules加入到系统环境变量，运行完再删除为什么要有React Hook组件很难复用状态逻辑复杂组件难以理解，尤其是生命周期函数React组件一直是函数，使用Hook完全拥抱函数useState会触发组件的renderimport React, {useState} from 'react'const LikeButton: React.FC = () => {

Docker的优点？缩减部署过程及可移植性 环境标准化 软件升级及版本控制 隔离性k8s是什么？Kubernetes是容器集群管理系统，是一个开源的平台，可以实现容器集群的自动化部署、自动扩缩容、维护等功能。通过Kubernetes可以：快速部署应用 快速扩展应用 无缝对接新的应用功能 节省资源，优化硬件资源的使用k8s中pod是什么？在Kubernetes中，最小的管理元素不是一个个独立的容器，而是Pod。Pod是最小的，管理，创建，计划的最小单元。一个Po..

1 题目2 思路本题考查字符串处理和结构体排序，关键点如下：采用vector存储结构体数据指令1和指令3的排序是一样的，可以复用指令3，采用unordered_map存储考场编号和总人数，并且可以避免超时。Tip：map底层采用的是红黑树，有序的，可以采用中序遍历从小到大遍历出来，但是运行时间长；unordered_map采用的是散列哈希，内存空间大，但是时间复杂度为O(1)思路参考柳婼的博客，特此感谢。3 代码#include <iostream>#include

1 题目2 思路本题考查字符串处理和素数判断，素数记得对0和1进行处理。3 代码#include <iostream>#include <string>using namespace std;int isPrime(int num){ // 0,1和偶数情况 if(num == 1 || num % 2 == 0){ return false; } if(num == 2){ return true;

1 题目2 思路本题为字符串处理，本质是去重，将两个字符串合并后去重即可，这里去重采用的方法是数组标识位去重。3 代码#include <iostream>#include <string>using namespace std;int main(){ string a,b; int flag[150]; for(int i = 0;i < 150;i++){ flag[i] = 0; } getline

1 题目2 思路本题采用一维数组，索引为种类，值进行累加计数即可3 代码#include <iostream>using namespace std;int main(){ int n,m; cin>> n >> m; int total[n]; // 初始化 for(int i = 0; i < n; i++){ total[i] = 0; } // 一维数组进行计数

1 题目2 思路本题为模拟题，按自守数的格式模拟即可，其中两个关键点：N为1-10，所以遍历即可取末尾子串，因为M不超过1000，所以通过整除即可取出；另一种思路，可以将数字先转为string，再通过substr取出3 代码#include<iostream>using namespace std;void check(int num){ int flag = false; for(int i = 1; i < 10; i++){ i

React数据管理父子关系的组件：数据传递方式是自顶向下的，一般通过props让子组件拿到父组件的数据非父子关系的组件：依靠状态提升来和兄弟元素进行数据交互通过发布订阅模式做数据交互Redux等数据管理工具1 状态提升方式业务层级很深的话不适合，但扁平化或数据通信都在父子间通信就很适合。2 发布订阅方式当业务量很大的时候，发布订阅方式下的事件是暴露的，容易造成事件之间...

Router原理1 Rouer原理Router指的是浏览器中一种处理访问先后关系的机制，简单点来说就是允许我们在不同页面进行跳转然后记录跳转关系还能原路退回的机制。三个要素：历史：栈的形式跳转：负责不同页面的挑战动作，并且可传递参数事件：打开新页面或退回上一页面触发的逻辑2 常见Router页面RouterHash RouterH5 Router代码演示：// 页面...

React的生命周期1 生命周期生命周期概念（组件从生到死的过程）生命周期的作用2 生命周期节点Mounting：挂载阶段Updating：运行时阶段Unmounting：卸载阶段Error Handling：错误处理（只处理在render方法）3 代码演示import React from 'react';import ReactDOM from 'react-do...

本地存储（2019/1/2）1 cookie用户端保存请求信息的机制分号分割的多个key-value字段存储在本地的加密文件里域名和路径的限制1.1 常见参数name：cookie名称domain：cookie生效的域名path：cookie生效的路径expires：cookie过期时间HttpOnly：用户端不可更改1.2 代码演示/ 查看cookiedocu...

页面加载过程资源加载过程URL解析-&gt;DNS查询-&gt;资源请求-&gt;浏览器解析1 URL结构http://www.happymmall.com:80/get_data.do?productId=1#title协议 域名+端口 路径 参数 哈希２ DNS（Domain...

ES6基础1 ES6ECMA Script，Javascript的语言标准提升JS编写大型的复杂的应用程序的能力Babel：ES6 -&amp;gt; ES5的转化器2 let，constlet定义变量，const定义常量不能重复定义块级作用域不存在变量提升2.1 let定义变量，const定义常量let r= 2;r = 4;console.log(r);//4c...

12.29学习记录一、3-1 前端框架的分析What框架中的框就是“约束”，架就是“支撑”，框架会控制我们书写代码时的结构、依赖关系以及交互关系。简单点来说就是我们按照框架的要求来写业务，而与业务无关的一些内容由框架完成，提高开发效率。Why原生JS搞不定了（主要不是技术问题，而是成本、效率问题）。How通过实战开发学会框架的使用二、3-2 前端框架要解决的问题传统的...

Todo总结一、技术选型jQuery：选择器和事件处理Bootstrap：响应式的样式Hogan：Html模版渲染webpack：模块化开发和实时刷新网页二、学到的东西node环境的配置，如何初始化项目。webpack的安装，webpack如何处理js、css、图片以及html模版。jQuery的基本用法。Bootstrap的基本用法。Hogan的基本...

12.26学习记录$(“document”).ready(function(){})：HTML页面加载完毕后再执行js，另一种写法为$(function(){})选择：$(“button”)$(&amp;quot;.btn&amp;quot;)$(&amp;quot;#target&amp;quot;)改变css样式：$(&amp;quot;#target&amp;quot;).css(“color”, “red”);调整元素属性：$(&