- 博客(41)
- 收藏
- 关注
RSS订阅原创 LeetCode个人题解
链表中找寻中间的节点，两种情况：1. 节点数为基数，那么取中间节点（共5个，取第3个）。2. 节点数为偶数，中间会有两个，取后面一个（共6个，取第4个）。给你单链表的头结点 head ，请你找出并返回链表的中间结点。如果有两个中间结点，则返回第二个中间结点。
2023-04-08 16:13:28
571
1
原创 vuex在vite&vue3的简单使用
vite vue3 vuex使用一、说明二、使用三、最后注：本文只讲解vite打包vue3中vuex使用一、说明最近vite十分火爆，在构建项目过程中，想要用到vuex，但是在晚上搜索教程过程中，发现大都为vue2以下或者非vite版本的使用。在这里总结一下vite打包中vue3下使用vuex的使用方式以及遇到的一些坑。二、使用创建项目（通过vite命令创建）项目创建好之后在src创建store文件夹安装vuexnpm install vuex@next --save
2021-10-12 15:17:01
2811
原创 涂鸦智能校招前端面经（2021.04.01）
涂鸦智能校招前端面经自我介绍js数据类型什么是原型链如何判断一个变量是否是数组promise盒模型垂直居中const lethttp状态码http和tcp关系五层网络协议webpack作用项目相关（问了挺多）服务器部署js和c/c++/java的区别typescript的好处如何处理代码提交冲突反问...
2021-04-11 23:18:22
576
原创 字节跳动校招前端面经（2021.03.16）
字节跳动校招前端面经一面二面一面自我介绍项目相关webpack的工作原理loader和plugins的区别http头中关于缓存的字段expires和Cache-Control的关系和区别前端优化的方式CDN是怎么工作的，存在的作用是什么数组和链表的区别了解的hooks一般的class组件和在函数组件中使用hooks有什么区别React优化写代码：合并两个有序数组有什么问的吗二面自我介绍项目相关同源问题一个组件里面只有一个div，那调用这个组件和直接写一个div有
2021-03-21 22:11:42
521
原创 多益网络校招前端面经（2020.09.24）
多益网络前端校招面经（2020.09.24）面试平台QQ视频通话过程自我介绍项目问题：项目中遇到的问题以及解决方式；在团队开发过程中个成员合作方式，遇到问题的解决方式css命名冲突http和httpsget和post区别对vue了解吗react中组件间数据传递方式（父子间、兄弟间）对新知识的学习方式如果以后有新的技术出来你怎么学习对996的看法什么是xss、csrf，scrf的预防方式scrf的具体攻击方式react的优点diff算法element diff具体处理方式
2020-10-20 16:01:43
1157
原创 米哈游校招前端面经（2020.10.13）
米哈游校招前端面经（2020.10.13）面试平台牛客时长大约60分钟过程实习相关remflexwebpack loader plugin的区别盒子模型ES6中箭头函数有什么特别之处JS事件循环机制宏任务有哪些setTimeout在浏览器中的执行情况instanceof如何判断是否是某个实例的构造函数JS继承手写JS组合继承的主要代码组合继承的一些问题跨域访问cors跨域过程中前端需要的配置简单请求和复杂请求post请求一定会请求两次吗状态码301、302
2020-10-20 16:01:32
3472
原创 亿联网络校招前端面经（2020.10.17）
亿联网络校招前端面经（2020.10.17）面试平台亿联会议时长大约20分钟过程这半年在家都做些什么TypeScript与JavaScript的区别，有哪些好用的地方VUE与React的区别，React好用
2020-10-20 16:01:16
658
原创 金山WPS校招前端面经（2020.10.16）
金山WPS校招前端面经（2020.10.16）面试平台电话时长大约40分钟过程自我介绍对VUE的了解程度闭包原型链CSS实现垂直水平居中绝对定位、相对定位body中一个div，绝对定位，top: 100, left: 100，那么这个div会放在哪个位置body中一个div，相对定位，width: 100, height: 100，里面再嵌套一个div，绝对定位，top:100,left: 100，那么这两个div的位置上题中两个div的父元素如何用CSS实现三角形http
2020-10-20 16:01:03
895
原创 4399厦门校招前端面经（2020.09.27）
4399厦门校招前端面经（2020.09.27）面试平台腾讯会议时长大约40分钟过程自我介绍实习过程项目问题：介绍项目，出现的一些问题以及处理方法组件之间的传参方式，以及各种方法的应用场景、好处坏处发布订阅模式中的具体执行情况原型链以及为什么JS有原型链css预处理器数组和链表的区别如何将链表逆序如何通过外卖员接单数量升序排序（涉及项目）垂直居中方法以及应用场景跨域请求方法、jsonp方式的局限性如何处理请求的数据不是最新的前端优化如何实现缓存如果后端接口返回的数
2020-10-20 16:00:51
739
1
原创 将ajax封装为promise
将ajax封装为promise/** * 将ajax封装为promise * * @author aolyu * @created 2020/09/28 19:29:11 */const newAjaxBasePromise = (url) => { return Promise((resolve, reject) => { let xhr = new XMLHttpRequest() xhr.open('get', url) xhr.send()
2020-09-28 19:32:57
248
原创 JS深度克隆所有类型数据
JS深度克隆所有类型数据代码测试一般对象数组RegExp、Date对象Null包装类自定义函数对象代码function deepClone(obj) { // 特判null if(obj == null) { return null } // 基本数据类型：number\string\boolean\undefined if(typeof ob
2020-09-25 17:04:04
268
原创 更易懂的 js实现防抖、节流
var timer = nullfunction fd() { clearTimeout(timer) timer = setTimeout(() => { timer = null console.log('fd', new Date()) }, 2000)}function jl() { if(timer) return timer = setTimeout(() => { timer = null console.log('jl
2020-09-22 11:41:01
164
原创 vsCode自定义代码片段设置及其默认修改字段
vsCode自定义代码片段设置及其默认修改字段设置路径设置类型选择定义代码模板（无默认修改字段）定义代码模板（默认修改字段）效果多个自定义代码片段设置路径设置类型选择定义代码模板（无默认修改字段）{ "React Component": { "prefix": "rc", // 触发的关键字 输入rc按下tab键 "body": [ "import React, { Component } from 'react';", "", "class $1 extends C
2020-09-11 16:17:39
1925
原创 JS 数据加密与解密
JS 数据加密与解密背景base64加密使用方法：一般字符Unicode字符md5加密sha1加密背景在网络安全中，数据安全传输十分重要，很多重要信息不能够明文传输。那么对于前端开发来说，需要和后端进行频繁的数据交换，那么在传输途中，为保护数据安全，需要做加密处理，当获取到之后再进行解密处理。前端js开发中，常用的方法有：base64、md5、sha1等。base64加密Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数
2020-08-17 23:38:10
1644
原创 alita中组件的自定义与组件的再封装（二）
alita中组件的自定义与组件的再封装写在前面开始自定义组件调用自定义组件使用默认值用户自定义值写在前面前几天写过一篇文章：alita中组件的自定义与组件的再封装，但是在开发过程中发现那个方法不够规范。那么本文我将详细讲一讲我认为规范的封装。当然你要读懂本文，你需要结合alita中组件的自定义与组件的再封装一起看，因为本文是在其基础上的讲解。开始首先说明：src/pages/test/components/index.tsx为定义组件文件。src/pages/test/index
2020-07-22 23:41:52
321
原创 Vue中组件的自定义及其属性定义
Vue中组件的自定义及其属性定义写在前面需求定义及编辑文件自定义组件文件调用文件效果传递用户参数定义参数使用可传参的组件效果总结写在前面之前写过一篇文章：alita中组件的自定义与组件的再封装，那是alita的版本，最近又在学习vue，所以也研究了一下组件的封装问题，也是对上一篇文章：Vue中自定义标签及其使用的一个补充。本文将主要讲解：自定义组件并且自定义属性，对组件再封装。需求第一行为标题，颜色需要自定义。第二行为一张图片，图片资源、图片大小都需要自定义。第三行为一个按钮，按钮颜
2020-07-21 22:25:14
4972
原创 Vue中自定义标签及其使用
Vue中自定义标签及其使用问题需求自定义创建组件的vue文件编辑组件使用导入申明使用使用整个代码效果问题我们在使用Vue开发移动端应用程序时，常常使用Vant Weapp中的组件库，但是我们想过它是怎么实现的吗？是否我们也可以自己编写并且调用呢？这里我将要讲解我在自定义标签方面的使用。需求这里我想要建一个名叫：<test>的组件。功能是：组成两个按钮，且两个按钮颜色不同。注意：这里的组件名、功能都是可以自定义的，按自己需求来取舍。自定义创建组件的vue文件我
2020-07-20 18:14:20
10709
3
原创 alita中组件的自定义与组件的再封装
alita中组件的自定义与组件的再封装前情提要自定义组件如何自定义components文件夹test.tsx文件页面中导入组件一个最简单的组件向组件里传递参数定义默认参数组件再封装前情提要在alita项目开发过程中，常常会用到很多包装好的组件，如antd中的所有组件。别人封装好的组件很多情况下总是不符合自己的口味，那么今天就讲一讲如何自定义组件以及对已有组件的再封装。自定义组件如何自定义我们都知道，若要使用antd中的某个组件，需要一个import操作(如：import { Button } f
2020-07-16 18:08:08
298
1
原创 关于项目中package.json文件分析
package.json文件分析简介作用内容一个package.json文件内容简介有使用框架开发过项目的小伙伴都知道，每个项目中都含有一个叫package.json的文件，那么是否你究竟对它了解有多少呢？本文我会讲解一些我对它的个人理解。作用package.json文件是npm init命令初始化后，在项目的根目录下自动生成的配置文件，它定义了这个项目的配置信息以及所需要的各种模块。有这个文件之后，运行npm install命令，会自动下载项目所需的所有依赖模块，这些依赖会加载到更目录的
2020-07-15 17:57:54
578
原创 alita框架背景及其框架结构
2020.07.06早会总结 (修改：2020.07.10 1. 技术栈2. umi3. ant-design3.1 目前适配3.2 适用场景：3.3 友好性：3.4 使用4. alita4.1 apptype4.2 alita致力于4.3 工程结构4.3.1 config/config.ts4.3.2 mock/app.ts4.3.3 src/assets/4.3.4 src/models/4.3.5 src/pages4.3.6 src/services/api.ts4.3.7 src/app.ts
2020-07-14 17:02:10
872
原创 alita项目中的动态路由配置
alita项目中的动态路由配置什么是动态路由静态路由和动态路由的区别alita项目中配置动态路由配置创建一个动态路由文件配置之前页面配置(`src/pages/testpage/[index].tsx`)全局布局配置(`src/layouts/index.tsx`)在nextpage页面中配置`[index].tsx`向`models`传递路由信息`models`接收数据并传递出去-什么是动态路由动态路由是指路由器能够自动地建立自己的路由表，并且能够根据实际情况的变化适时地进行调整。百度百科静态路
2020-07-14 14:05:59
389
原创 谈一谈mock数据
Mock数据什么是Mock数据?Mock数据有什么作用？我们如何使用Mock数据？如何自己编辑Mock文件？什么是Mock数据?约定 /mock 文件夹下所有文件为 mock 文件，mock文件中定义的数据称作mock数据。如alita项目中的mock/app.ts，app.ts称为mock文件，其中定义的数据称作mock数据。(Vue中常被定义为index.js)Mock数据有什么作用？Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口
2020-07-09 21:19:56
1209
原创 Props和State的使用与理解
Props和State的使用与理解1. Props2. State一个问题1. Props在 官方文档 中，我们能够很快理解Props这个属性的使用方法：Props可以获取到当前组件中所包含的属性，并且获取到对应的数据。例1：function MyExample(props) { return <h1>{props.value}</h1>; // 利用props来获取组件MyExample中的值}ReactDOM.render( <MyExample valu
2020-07-07 14:14:55
291
原创 之前学习Vue与现在学的React初体验
Vue与在学的React初体验1. 个人使用感觉2. 在网站中添加React时遇到的问题1. 个人使用感觉Vue最大的优势是数据的双向绑定，开发人员不用在乎数据如何在页面中渲染，只需要在业务层面更改绑定的对应数据。React则是单向数据流，当要更改一个数据时，我们需要这只一个state，通过判断组件是否变化，当变化之后会出发render()函数，再将新的数据重新渲染到页面中。个人感觉Vue更加直观，React则相对复杂。2. 在网站中添加React时遇到的问题一开始学习时不是建一个React
2020-07-07 09:50:25
160
原创 JS闭包产生条件、作用、生命周期
闭包1. 闭包的概念2. 闭包产生条件1. 闭包的概念闭包就是能够读取其他函数内部变量的函数，或者子函数在外调用（子函数所在的夫函数的作用域不会被释放）。2. 闭包产生条件函数嵌套例如：function A() { function B() { }}内部函数引用了外部函数中的数据（属性、函数）例如：function A() { var a = "a"; function B() { console.log(a); }}执行外部函数（也可理解
2020-06-07 00:27:33
895
原创 JavaScript 内存、变量、数据
数据、变量、内存1. 什么是数据2. 什么是变量3. 什么是内存4. 内存、数据、变量之间的关系1. 什么是数据在内存中指代特定的定西，本质上是010101…特点：可传递、可运算一切都为数据内存中的所有东西：数据– 算数运算– 逻辑运算– 赋值运算– 函数运算（函数运行）2. 什么是变量可以变化的量，变量名+变量值每个变量都对应一个内存地址，变量名查找对应的内存位置，变量值则为这个内存位置存储的数据值3. 什么是内存内存条通电之后产生的可存储数据的空间内存空间：内存条
2020-06-03 20:15:46
323
原创 JS数据类型（null与undefined、null用法、变量类型与数据类型）
数据类型1. undefined和null的区别2. 什么时候给变量赋值为null3. 严格区分变量类型与数据类型3.1 数据类型：3.2 变量类型：1. undefined和null的区别undefined表示定义了但没有赋值null表示定义并赋值，但是值为null2. 什么时候给变量赋值为null初始赋值为null，表示要赋值为对象结束时，让其成为垃圾对象3. 严格区分变量类型与数据类型3.1 数据类型：基本类型对象类型3.2 变量类型：基本类型（保存基本类型的值）
2020-06-03 19:30:55
267
原创 （随手记）JavaScript 事件委托（委派）概念
JavaScript 事件委托概念概念用到的知识：事件冒泡当对相同的标签绑定相同类型的事件时，我们可以将其事件绑定到其统一的父元素之上，出发其子元素之后会通过事件冒泡出发父类上的事件
2020-05-28 12:10:52
121
原创 JS 事件冒泡概念，冒泡消除
事件冒泡一、概念二、验证代码一、概念条件：子元素和父元素具有相同的事件现象：当触发子元素中的事件时，父元素中相应的事件也会被触发消除：提供了一个cancelBubble属性（event.cancelBubble）二、验证代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-28 11:55:05
250
原创 JavaScript onmousemove事件实现物体随鼠标移动
JavaScript onmousemove事件实现物体随鼠标移动代码代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style
2020-05-27 11:52:43
1000
原创 JavaScript DOM的增、删操作，并实时显示到表格中（JS代码含详细注释）
JavaScript DOM的增、删操作，并实时显示到表格中一、说明二、实现代码三、一点备注一、说明给所有的a标签绑定事件判断点击的del属于哪一行数据删除当前行的tr节点获取添加表中的所有input数据添加tr和td节点向新建的td节点中添加数据（数据来源与4.）给新建的行中的a标签绑定事件二、实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2020-05-24 15:27:50
368
原创 JavaScript 实现全选、不全选、反选功能（有详细注释）
JavaScript 实现全选、不全选、反选功能一、我们需要考虑的点二、代码实现三、一点备注一、我们需要考虑的点获取元素对象判断哪些checkbox被选择全选时将所有选项都选上不全选时将所有选项撤销反选时如何实现点击每一小项时判断是否已经被全选或全不选反选时判断是否全选或不全选二、代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2020-05-23 23:29:50
380
原创 os 操作系统 进程通信 linux 管道通信
三个子进程和父进程的管道通信要求实现代码（并非唯一）运行截图要求编写一个程序，建立一个管道。同时，父进程生成子进程 P1， P2， P3 这三个子进程分别向管道中写入消息（消息由键盘输入），父进程将消息读出。实现代码（并非唯一）#include <unistd.h>#include <stdio.h>int main(void){ int p1, p2, p3, fd[2]; char buf[50], s[50]; pipe(fd); // 创建管道
2020-05-11 17:38:13
914
原创 C# 关掉当前界面，返回到上一界面，但不重新创建
关掉当前界面，返回到上一界面，但不重新创建新的窗体对象说明第一步（给Form_user定义一个Form变量）第二步（更改Form_user构造函数）第三步（Form_login中具体跳转代码）第四步（Form_user中具体跳转代码）说明我们以一个例子说明（登录窗体：Form_login()；用户窗体：Form_user()）：当我们制作了一个管理系统，其中含有登录功能，很多时候我们登录成功进入到用户界面，但此时我们需要退出用户，回到登录界面，我们可能会选择这样处理：Form_user form_u
2020-05-11 12:12:01
4135
1
原创 Linux 父进程需要创建3个子进程，但不创建孙子进程
Linux 进程家族数 生成三个子进程不生成孙子进程1. 要求2. 分析2.1 getpid、getppid2.2 不让子进程再生成进程3. 代码3. 运行截图4. 绘制进程家族树1. 要求如果父进程需要创建3 子进程，但不创建孙子进程。请编写程序，并画出进程家族树。 （进程家庭树中填写进程 PID，使用 getpid, getppid）。2. 分析2.1 getpid、getppidg......
2020-04-14 10:40:07
6294
2
原创 Android开发 Activity中非onCreate方法实现Activity跳转
Activity中非onCreate方法实现Activity跳转1. 说明2. 开始2.1 定义一个全局静态变量2.2 在onCreate方法中给context赋值2.3 在Activity中创建一个自己的方法2.4 在方法中加入代码3. 代码模板1. 说明在我们初学Android开发时，若要实现Activity之间的跳转，都是在当前Activity中的onCreate方法中使用intent来...
2020-04-03 16:17:07
493
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人