- 博客(310)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 webpack文档（一）
使用webpack --help可以查看配置命令–entry 指定打包入口–mode 指定打包模式，可选生产模式和开发模式在命令行使用命令进行配置需要每次都手动写入很繁琐，我们可以使用配置文件来固定webpack的常用配置在项目根路径下创建文件：webpack.config.js，会被webpack自动解析成配置文件读取其配置，使用commonjs语法导出一个默认配置对象即可如下：注意出口配置path时必须使用绝对路径否则打包报错。
2022-10-07 10:38:53
940
原创 nodejs文档（一）
require(‘fs’).promises导入的是promsie版本的fs，可以使用then方法进行文件操作。用于提供通用加密和哈希算法，nodejs底层使用c++实现，通过crypto模块暴露为js接口。MD5是一种常用哈希算法，用于给任意数据一个签名，这个签名一般是一个十六进制字符串。npm的包源默认是官方源，在海外下载速度较慢，使用nrm可以快捷的切换包源。用于实现大文件的分片读写，减小内存占用，特别适用于大文件复制。nrm test 测试源的响应时间。nrm ls 查看可选的源。
2022-10-01 16:18:26
979
3原创 vscode配置用户代码段快捷键
往里添加配置对象即可，对象名是该快捷键名称，prefix就是快捷键，body就是会生成的代码段，多行的话可以用数组，decription是该快捷键的具体说明。$1是生成代码段后光标所在的位置。我们平时有自己的代码习惯，经常会写一句类似的代码，我们可以定义一个代码快捷键快速生成。如上图第二个配置对象，快捷键是fun, 生成的代码段是一个普通函数定义。
2022-09-22 21:45:57
458
原创 leetcode-组合总和
给你一个 无重复元素 的整数数组 candidates 和一个目标整数 target ，找出 candidates 中可以使数字和为目标数 target 的 所有 不同组合 ，并以列表形式返回。如果至少一个数字的被选数量不同，则两种组合是不同的。链接：https://leetcode.cn/problems/combination-sum。2 和 3 可以形成一组候选，2 + 2 + 3 = 7。输入：candidates = [2,3,6,7], target = 7。输出：[[2,2,3],[7]]
2022-09-19 10:54:28
196
原创 前端面试-html、css
答：伪元素引入iconfont使用unicode模式，给伪元素添加font-family：iconfont，设置content为对应icon的unicode编码即可，不会出现在dom中；答：圣杯：中间栏width100%，左右用padding给左右两栏留出位置，三栏全部浮动，左右两栏利用margin-left移动到对应位置，然后左右两栏使用相对定位到指定位置。双飞翼：中间栏两层dom，内层设置左右外边距给左右两栏留出位置，三栏全部浮动，左右两栏利用margin-left移动到指定位置。...
2022-08-13 11:34:58
478
原创 多维度数组拉平到一维
第二个参数是多维数组的维度，可以设置为Infinity，可以对无限多维度数组拉平, 设置为2时，代表将arr拉平2层。譬如arr = [ 1, [ 2, 3 ], [4, [ 5, [ 6 ] ] ] ]那么arr.flat(2) 就是[ 1, 2, 3, 4, 5, [ 6 ] ]多维度数组拉平到一维。...
2022-08-08 00:37:44
266
原创 leetcode-同构字符串判断
如果 s 中的字符可以按某种映射关系替换得到 t ，那么这两个字符串是同构的。每个出现的字符都应当映射到另一个字符，同时不改变字符的顺序。不同字符不能映射到同一个字符上，相同字符只能映射到同一个字符上，字符可以映射到自己本身。示例 1:输入：s = “egg”, t = “add”输出：true示例 2：输入：s = “foo”, t = “bar”输出：false示例 3：输入：s = “paper”, t = “title”输出：true提示：1 ...
2022-08-06 23:59:55
339
原创 node.js框架
准确的来说，Buffer 是一种计算机中数据流结构。计算机中是以二进制的方式，进行数据存取的。而 js 在一开始，没有文件读写能力的，就要借助 Buffer 来实现一些缓冲区的内容。Buffer 一般用于表示固定长度的缓冲区序列。File new BlobBuffer 和 String 的转换Buffer 的拼接copyconcatBuffer 的截取Buffer 的类型判断Buffer 进行文件读写Stream流fs 创建可读流。文件压缩Eventc
2022-07-07 20:42:06
424
原创 node.js原理
准确的来说，Buffer 是一种计算机中数据流结构。计算机中是以二进制的方式，进行数据存取的。而 js 在一开始，没有文件读写能力的，就要借助 Buffer 来实现一些缓冲区的内容。Buffer 一般用于表示固定长度的缓冲区序列。File new BlobBuffer 和 String 的转换Buffer 的拼接copyconcatBuffer 的截取Buffer 的类型判断Buffer 进行文件读写Stream流fs 创建可读流。文件压缩Eventc
2022-07-07 18:43:27
268
原创 node.js基础
命令式编程Node.js 是⼀个 JS 的服务端运⾏环境，基于 V8，是在 JS 语⾔规范的基础上，封装了⼀些服务端的runtime，让我们能够简单实现⾮常多的业务功能。Node.js 在2009年（第一版npm被创建）诞生之初是为了实现高性能的 web 服务器，再后来 Node.js 慢慢演化为了一门服务端“语言”。LAMPnpm run start 运行了node.压缩： UglifyJS, JSMin管理： npm, yarn, bower,模块系统： Commonjs, ESM模块构建： Ba
2022-07-07 17:18:54
126
原创 react.js高级用法
⾼阶组件（HOC）是 React 中⽤于复⽤组件逻辑的⼀种⾼级技巧。HOC ⾃身不是 React API 的⼀部分，它是⼀种基于 React 的组合特性⽽形成的设计模式。简单点说，就是组件作为参数，返回值也是组件的函数，它是纯函数，不会修改传⼊的组件，也不会使⽤继承来复制其⾏为。相反，HOC 通过将组件包装在容器组件中来组成新组件。HOC 是纯函数，没有副作⽤。使⽤组合的⽅式，将组件包装在容器上，依赖⽗⼦组件的⽣命周期关系来；抽象state通过props实现条件渲染其他元素wrapper
2022-06-02 10:44:24
244
原创 react.js基础
React简介React 是⼀个声明式，⾼效且灵活的⽤于构建⽤户界⾯的 JavaScript 库。使⽤ React 可以将⼀些简短、独⽴的代码⽚段组合成复杂的 UI 界⾯，这些代码⽚段被称作“组件”。Vue是不是MVVM？React呢？严格来讲都不是React：ui = render (data) 单向数据流Vue: ref 直接操作DOM，跳过了ViewModelJSX模板语法JSX称为JS的语法扩展，将UI与逻辑层耦合在组件⾥，⽤{}标识因为 JSX 语法上更接近 JS ⽽不是
2022-05-31 22:04:49
329
原创 react脚手架配置代理总结
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.js配置具体代理规则：const
2022-05-29 22:03:51
102
原创 前端路由和异步组件
课程目标：P6：针对 react / vue ，能够根据业务需求口喷 router 的关键配置，包括但不限于：路由的匹配规则、路由守卫、路由分层等。能够描述清楚 history 的主要模式，知道 history 和 router 的边界；P6+ ~ P7:在没有路由的情况下，也可以根据业务需要，实现一个简单的路由；读过 router 底层的源码，不要求每行都读，可以口喷关键代码即可；课程实际情况0-5 扯淡。5-40 路由发展的背景， 和一些题40-70 简单路由实现70-90
2022-05-22 15:55:03
398
原创 手写实现简易版前端history路由和hash路由
history路由<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
2022-05-22 15:53:11
349
原创 webpack
webpack是什么？webpack是一种前端资源构建工具，一个静态模块打包器。在webpack看来，前端所有资源文件（js/json/css/img/less）等都会作为模块处理。他会根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle）。webpack的5个核心概念entry入口指示webpack以哪个文件作为入口起点开始打包，分析构建内部依赖图output输出指示webpack打包后的资源budles输出到哪里去，以及如何命名loaderloader让webpack能够
2022-05-17 09:53:14
232
原创 Vue进阶
vue 进阶用法优势一：模板化插槽 - 模板更加灵活默认插槽组件外部维护参数以及结构，内部安排放置位置具名插槽以name标识插槽的身份，从而在组件内部可以做到区分开来作用域插槽可以接受props（scope-slot）模板数据的二次加工上过滤器 {{ timer | format }}v-html …… 指令化jsx组件优势二： 组件化传统模板化组件 // 注册 Vue.component('component', { template
2022-05-06 12:40:59
211
原创 vue.js基础
vue基础用法理论面试题1：简单聊聊对于MVVM的理解发展史以及旁支a. 语义化模板b. MVC - model view controlerc. MVVM - model view modeli. 数据会绑定在view model层并自动渲染到页面中ii. 视图发生变化时，会通知view model层更新数据写法vue是如何利用MVVM思想进行项目开发数据双向绑定a. 利用花括号 构建了数据和视图的双向绑定面试问题：绑定数据的计算可以写在花括号里吗？答： 可以
2022-05-03 16:44:11
358
原创 JS-this指针/闭包/作用域
作用域 + 上下文作用域链面试题： let a = 'global'; console.log(a); function course() { let b = 'zhaowa'; console.log(b); session(); function session() { let c = 'this'; console.log(c);
2022-05-02 15:18:31
251
原创 JS面向对象编程/原型和原型链
类与继承课程目标知道组合寄生继承，知道class继承。知道怎么创建类function + class。课程内容0-25分，面向对象的概念25-60分，对象的创建60-100分，继承类ES6 class, extends;OOP的思想;设计模式; ORM;面向过程 和 面向对象object oriented programming如果我们要吃一道菜：从面向过程的角度// 回锅肉// 养猪、获取猪肉、煮肉、炒、端盘、吃。getPork();cookDish();h
2022-05-02 15:16:31
602
原创 JS手写bind()和apply()实现
function sum (a, b, c) { console.log(this) return a + b + c}// 把bind挂在函数对象的构造函数的原型对象上面Function.prototype.newBind = function (context) { // 首先获取到当前上下文，即原函数 const _this = this // 获取到要修改的上下文this const newThis = context // 返回一个函数 return fun
2022-05-02 13:45:29
426
原创 leetcode-excel表列序号
给你一个字符串 columnTitle ，表示 Excel 表格中的列名称。返回 该列名称对应的列序号 。例如：A -> 1B -> 2C -> 3…Z -> 26AA -> 27AB -> 28…示例 1:输入: columnTitle = “A”输出: 1示例 2:输入: columnTitle = “AB”输出: 28示例 3:输入: columnTitle = “ZY”输出: 701提示：1 <= columnTitl
2022-05-01 10:27:48
106
原创 leetcode-多数元素
给定一个大小为 n 的数组 nums ，返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。示例 1：输入：nums = [3,2,3]输出：3示例 2：输入：nums = [2,2,1,1,1,2,2]输出：2提示：n == nums.length1 <= n <= 5 * 104-109 <= nums[i] <= 109来源：力扣（LeetCode）链接：https:/
2022-04-30 12:13:46
245
原创 leetcode-Excel表列名称
给你一个整数 columnNumber ，返回它在 Excel 表中相对应的列名称。例如：A -> 1B -> 2C -> 3…Z -> 26AA -> 27AB -> 28…示例 1：输入：columnNumber = 1输出：“A”示例 2：输入：columnNumber = 28输出：“AB”示例 3：输入：columnNumber = 701输出：“ZY”示例 4：输入：columnNumber = 2147483647输
2022-04-29 11:50:19
140
原创 leetcode只出现一次的数字
只出现一次的数字给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。说明：你的算法应该具有线性时间复杂度。 你可以不使用额外空间来实现吗？示例 1:输入: [2,2,1]输出: 1示例 2:输入: [4,1,2,1,2]输出: 4var singleNumber = function(nums) { let res = nums[0] for (let k = 1; k < nums.length; k++ ) { .
2022-04-28 10:46:54
100
object_detection.rar
2021-04-27
opencv_haar特征的人脸检测xml文件.rar
2021-04-09
Redis可视化工具.rar
2020-06-15
Redis程序包.rar
2020-06-15
phantomjs-2.1.1-windows.rar
2020-03-10
robo3t.rar
2020-03-07
MNIST_data手写数字图片.rar
2020-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人