- 博客(20)
- 收藏
- 关注
RSS订阅原创 redux笔记-1
Redux学习文档Redux入门教程：https://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html《React学习手册》第八、九章关系图实例import React from 'react';import ReactDOM from 'react-dom';import reportWebVitals from './reportWebVitals';import { createSto
2022-03-21 14:23:51
1161
原创 Vue/cli@4打包优化
0.打包执行npm run build即可完成打包，生成一个dist文件夹出现的问题：打开浏览器之后，是个空白页解决：在vue.config.js中配置publicPath:"./"，vue.config.js文件与根目录同一个级别，没有的话创建一个1.路由懒加载在路由的配置文件src/router/index.js中配置以箭头函数的形式加载组件即可遇到的问题：看到别人博客中通过下面这种方式实现懒加载component: resolve => require(['@/comp
2022-03-17 20:22:38
451
原创 react-router-dom使用navLink的activeStyle报错
使用react-router-dom V6报错React does not recognize the `activeStyle` prop on a DOM element. 我的代码：import { NavLink } from "react-router-dom"import "./HomePages.css"const selectedStyle = { backgroundColor: "white", color: "slategray"}export const
2022-02-06 18:02:20
664
原创 react笔记（一）
一.核心概念//npx 是 npm 5.2+ 附带的 package 运行工具。npx create-react-app my-appcd my-appnpm start1.1 表达式通过{}在jsx中写表达式变量函数jsx实例修改my-app/src/index.js文件// 变量import React from 'react'import ReactDOM from 'react-dom'const name = 'zs'const element = <
2021-11-04 16:36:40
140
原创 python-深拷贝，浅拷贝
1.数据类型变量 = xxx 仅代表把变量指向xxx数据所在的存储空间。比如a = [1,2,3]代表变量a指向[1,2,3]所在的存储空间。python有两种数据类型：可变数据类型，不可变数据类型。区别在于内存中的值能否被修改。id(变量)可以查看变量的内存地址。1.1 可变数据类型：列表，字典(key不可变)列表：# 列表# 修改列表中的值，a变量的指向没有发生改变(可变数据类型)a = [1,2,3]print(id(a)) # 1949733739136a.append(
2021-10-26 13:42:30
76
原创 webpack-dev-server与HRM
起因不理解下面这句话的意思= =“html文件默认不能使用HMR功能，同时会导致问题：html文件不能热更新(不用做HMR功能)”参考文章参考文章1参考文章2webpack-dev-serverwebpack-dev-server只能用于开发环境，不能用于生产环境。webpack-dev-server其实提供了一个简单的web服务器，使得打包后的文件能够在该服务器上运行，并且实现了实时更新的功能。打包后的文件：webpack-dev-server只会在内存中编译打包，不会有任何输出实时更
2021-10-15 15:34:46
483
原创 webpack学习笔记
学习视频webpack是前端资源构建工具，是一个静态模块打包器（构建工具就是将前端需要进行的操作整合到一起）。简而言之就是打包工具。打包过程webpack.config.js配置文件分为5个部分。entry：入口文件output：输出文件loader：翻译plugins：执行功能更强大的事，优化，压缩…mode：模式loader：webpack本身只能处理js，json资源。如果需要处理css，jpg等其他类型的资源就需要不同的loader对资源进行处理，比如css资源通过css-lo
2021-10-13 09:48:15
166
原创 webpack5打包图片不显示
webpack版本webpack -v //查看webpack 5.55.0webpack-cli 4.8.0webpack-dev-server 4.3.0成功打包的配置（webpack5）{ test:/\.(jpg|png|gif)$/, type: 'asset/resource', generator:{ filename:'img/[hash:10][ext]', },},{ test:/\.html$/, loader:'html-load
2021-10-09 15:16:51
1239
原创 HTTP与HTTPS
区别1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。3、http使用的端口号是80，https使用的端口号是443。4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。httpsHTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加
2021-09-28 14:22:12
200
原创 js中的继承
ES5实现继承声明一个Person对象，将该对象作为父级，而子级cPerson将要继承Person的所有属性与方法。function Person(name, age) { this.name = name; this.age = age;}Person.prototype.getName = function() { return this.name;}构造函数继承借助call方法，将父级的构造函数执行了一次，相当于将Person中的代码，在cPerson中复制了
2021-09-28 13:58:03
59
原创 实现两个圆嵌套
方法一：伪元素实现定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现两个圆嵌套</title></head><style> #box{ height: 200px; width: 200px; border-radius: 50%; background-co
2021-09-28 10:47:27
923
原创 639. 解码方法 II
639. 解码方法 II一条包含字母 A-Z 的消息通过以下的方式进行了编码：‘A’ -> 1‘B’ -> 2…‘Z’ -> 26要 解码 一条已编码的消息，所有的数字都必须分组，然后按原来的编码方案反向映射回字母（可能存在多种方式）。例如，“11106” 可以映射为：“AAJF” 对应分组 (1 1 10 6)“KJF” 对应分组 (11 10 6)注意，像 (1 11 06) 这样的分组是无效的，因为 “06” 不可以映射为 ‘F’ ，因为 “6” 与 “06” 不同
2021-09-27 21:54:41
68
原创 美团面试总结
一面怎么清除DNS在url地址栏输入**chrome://chrome-urls/**可以看到chrome所有的配置界面找到se://net-internals/#dns可以清除浏览器的dns缓存信息
2021-09-26 16:21:22
88
原创 ES6新语法
ES6新语法js是一种动态类型，弱类型，基于原型的客户端脚本语言。1.块级作用域：let/constES5只有全局作用域和函数作用域，会带来很多不合理的场景//比如：我们只想把i变量放在for循环里面使用，但是如果用var声明，就会污染整个作用域for(var i = 0; i < 5; i++){ console.log(i)}//在我们期望的for循环范围外使用i变量可能会导致异常块级作用域with（严格模式下禁止，ES3）function foo(obj){ w
2021-09-26 15:31:08
468
原创 TCP三次握手/四次挥手
参考TCP三次握手所谓三次握手，是指建立一个TCP连接时，需要客户端和服务器总共发送 3个包第一次握手: 建立连接时,客户端A发送SYN=1（表示要建立连接），seq = x（序列号）,到服务器B,并进入SYN_SEND状态,等待服务器B确认第二次握手: 服务器B收到服务器发送的SYN包.必须确认客户端A的SYN(ack = x + 1,ACK=1),同时自己也会发送一个SYN包,即（SYN=1，seq = y）,此时服务器进入SYN_RECV状态第三次握手: 客户端A收到服务器B的SYN包
2021-09-26 14:49:08
218
原创 371. 两整数之和
371. 两整数之和给你两个整数 a 和 b ，不使用 运算符 + 和 - ，计算并返回两整数之和。示例 1：输入：a = 1, b = 2输出：3示例 2：输入：a = 2, b = 3输出：5提示：-1000 <= a, b <= 1000/** * @param {number} a * @param {number} b * @return {number} */var getSum = function(a, b) { /*相
2021-09-26 09:46:41
71
原创 583. 两个字符串的删除操作
583. 两个字符串的删除操作给定两个单词 word1 和 word2，找到使得 word1 和 word2 相同所需的最小步数，每步可以删除任意一个字符串中的一个字符。示例：输入: “sea”, “eat”输出: 2解释: 第一步将"sea"变为"ea"，第二步将"eat"变为"ea"提示：给定单词的长度不超过500。给定单词中的字符只含有小写字母。我的代码：/** * @param {string} word1 * @param {string} word2 * @re
2021-09-25 21:44:14
166
1
原创 浏览器缓存
缓存的优点：减少了不必要的数据传输，节省带宽减少服务器的负担，提升网站性能加快了客户端加载网页的速度用户体验友好缺点：资源如果有更改但是客户端不及时更新会造成用户获取信息滞后，如果老版本有bug的话，情况会更加糟糕。浏览器的三级缓存原理：先找内存；2.再找硬盘；3.进行网络请求强缓存expires：expires是http1.0的产物，cache-control是http1.1的产物，cache-control的优先级高于expires，现阶段的存在只是一种兼容 的.
2021-09-25 21:15:22
139
原创 CDN/DNS
CDN参考在浏览器中输入www.example.com后，会向DNS Server发送请求查询域名对应的服务器的ip地址，DNS Server会粗略获取请求者的物理位置，返回所有服务器中距离它最近的CDN Server的ip地址，浏览器获取到CDN Server的ip地址后，向CDN Server发送请求，如果CDN Server中有请求文件的缓存，那么直接返回，如果没有，则CDN Server会向原始服务器发送请求，获取文件，缓存后返回。DNS浏览器会首先搜索浏览器自身的DNS缓存，如果浏览器自
2021-09-24 14:29:57
244
原创 获取URL中的查询参数
url中的所有查询参数可以通过 window.location.search 字段获取，以字符串的形式返回。并有固定的格式 ?param1=value1¶m2=value2···1.常规(split切割)let url = "http://www.ft.com?name=zs&age=18"getURLQueryParams(url)function getURLQueryParams(url){ // 先获取参数字符串 let index = url.inde.
2021-07-01 15:33:08
805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人