- 博客(21)
- 收藏
- 关注
原创 关于简历面经
关键渲染路径是指浏览器将HTML、CSS、JavaScript转换为像素的过程。优化方法:减少关键资源数量:内联关键CSS、延迟非关键JS。缩短关键路径长度:减少文件大小、使用CDN加速。优化资源加载顺序:使用async或defer加载JS。Polyfill:用于实现浏览器不支持的功能。
2025-02-06 17:51:40
866
2
原创 前端面经-数据结构
1、栈和队列的区别操作的限定不同队列(Queue):是限定只能在表的一端进行插入和另一端删除操作的线性表栈(Stack):是限定之能在表的一端进行插入和删除操作的线性表队列和栈的规则队列:先进先出栈:先进后出队列和栈的遍历数据速度队列:基于地址指针进行遍历,而且可以从头部或者尾部进行遍历,但不能同时遍历,无需开辟空间,因为在遍历的过程中不影响数据结构,所以遍历速度要快栈:只能从顶部取数据,也就是说最先进入栈底的,需要遍历整个栈才能取出来,遍历数据时需要微数据开辟临时空间,保持数据在遍历前的
2021-12-20 19:03:01
607
原创 前端面经-关于算法的一些基础知识
标题1、位运算2、正则表达式1、位运算&: 与 两个位都为1时,结果才为1|: 或 两个位都为0时,结果才为0^: 异或 两个位相同为0,相异为1~: 取反 0变1,1变0<<: 左移 各二进位全部左移若干位,高位丢弃,低位补0'>>: 右移各二进位全部右移若干位,对无符号数,高位补0,有符号数,各编译器处理方法不一样,有的补符号位(算术右移),有的补0(逻辑右移)2、正则表达式...
2021-10-19 16:11:18
299
原创 前端面经-node.js篇
标题1、讲讲koa2、Nodejs进程间通信1、讲讲koanode.js后端的每一个路由就是一个接口。koa2框架结合koa-router中间件,使路由更加简介明了。koa-router的简单使用1、安装koa-routernpm install koa-router --save2、koa-router要实例化使用3、在入口文件中使用2、Nodejs进程间通信通信方式与进程产生方式有关,而Node有4种创建进程的方式: spawn() , exec() , execFile() 和
2021-10-14 15:54:09
369
转载 前端面经-JS36个手写问题&设计模式&遇到的算法题
目录标题1、实现函数原型方法(call、apply、bind)2、实现数组原型方法(forEach、map、filter、some、reduce)1、实现函数原型方法(call、apply、bind)call使用一个指定的 this 值和一个或多个参数来调用一个函数。实现要点:this 可能传入 null;传入不固定个数的参数;函数可能有返回值;Function.prototype.call2 = function (context) { var context = contex
2021-10-12 18:40:22
1176
原创 前端面经-React
目录标题1、react生命周期1、react生命周期react生命周期分为4个阶段:挂载时(4个),更新时(5个),卸载时(1个),错误处理阶段(2个)。一共有12个钩子。1.挂载时阶段(4个钩子):constructor():加载时调用一次,可以实现:初始化state,为事件处理函数绑定实例。static getDerivedStateFromProps(props, state):在组件每次更新时会调用,让组件在props变化时更新state,每次接收新的props之后都会返回一个对象作
2021-09-17 22:17:11
1984
原创 前端面经-项目相关
目录标题一、**个人博客**二、渔乐圈i一、个人博客如何让前后端进行通信主要解决端口跨域问题:在config目录下index.js添加proxytable代理(请求地址,是否跨域,替换重写)-确保请求url正常二、渔乐圈i项目简介这个项目主要想打造一个智能化的渔场,其服务的主要对象时鱼塘主。只要想解决鱼塘主的两个问题。第一个痛点是报名方式,传统的是在微信群里用文字形式发布活动,然后渔友(客户)转正,又或者直接到现场报名。这个时候就有两个问题:1)一个是鱼塘主的账单记录比较麻烦 2
2021-09-09 17:00:31
798
原创 js寻找全排列的下一个数
原文function findNearestNumber(arr) { //1.从后向前查看逆序区域,找到逆序区域的前一位,也就是数组置换的边界 var index = findTransferPoint(arr); //如果边界为0则代表整个数组为逆序,无法得到更大的相同数字组成的整数,返回null if (index == 0) { return null; } //2.把逆序区域的前一位和逆序区域中刚刚大于它的数字交换位置 //
2021-09-04 23:20:14
141
原创 前端面经-常用工具(git、webpack、npm)
一、GIT二、webpackwebpack是什么webpack是一种前端资源构建工具,一个静态模块打包器(modoule bundler)在webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。他将根据模块的处理关系进行分析,打包成对应的静态资源(bundle)webpack五个核心概念Entry入口(entry)指示webpack以哪个文件为入口起点开始打包,分析构建内部依赖图Output输出(output)指示webpack打包后的资
2021-08-30 15:49:37
1350
原创 前端面经-html,http,web基础篇
1、h5新特性语义话标签:header、footer、section、nav、aside、article(有利于代码可读性和SEO(搜索引擎优化)增强型表单:input的多个type新增表单元素:datalist、keygen、output音频视频:audiocanvas地理定位拖拽本地存储新增标签embedembed可以用来插入多种多媒体,格式可以是Swf、Midi、Wav等等,Netscape已经新版本IE都支持。src为音频或视频文件及其路径2、canvas相关待补充 1
2021-08-30 15:49:24
648
原创 前端面经-js篇
1、闭包,内存泄露特性函数嵌套函数函数内部可以引用函数外部的参数和变量参数和变量不会被垃圾回收机制回收优点保护函数内的变量安全,实现封装,防止变量流入其他环境发生命名冲突在内存中维持一个变量,可以做缓存(但使用多了同时也是一种缺点,消耗内存匿名执行函数可以减少内存消耗缺点其中一点上面已经有体现了 ,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄露,解决方法是可以在使用完变量后 手动为他赋值为null;其次由于闭包涉及跨域访问,所以会导致性能有所流失,我们可以把跨域
2021-08-30 15:49:07
2121
原创 前端面经-css篇
1、画一条0.5px 的线采用meta viewport的方式<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>采用transform:scale()的 方式trasform:scale(0.5,0.5);2、link标签和import标签的区别link属于html标签,而@import是css提供的。页面被加
2021-08-30 15:48:37
531
原创 牛客网剑指offer=>数学
JZ11 二进制中1的个数function NumberOf1(n){ // write code here //方法一:如果n>=0,就可以用一下方法 var res = 0;// while(n!=0){// if(n&1) ++res;// n>>=1;// } //但是因为有负数,需要调整一下// var k = 0x01;// while(k!=0){//
2021-08-23 16:53:15
92
原创 牛客网剑指offer=>模拟
JZ45 扑克牌顺子import java.util.Arrays;public class Solution { public boolean IsContinuous(int [] numbers) { int max = 1; int min = 14; Arrays.sort(numbers); for (int i = 0; i < numbers.length-1; i++) { if (n
2021-08-18 13:40:36
124
原创 牛客网剑指offer=> 穷举
JZ41 和为S的连续正数序列import java.util.ArrayList;public class Solution { public ArrayList<ArrayList<Integer> > FindContinuousSequence(int sum) { //方法一:对于求区间和,一贯的优化技巧是使用前缀和 ArrayList<ArrayList<Integer>> res = new ArrayL
2021-08-18 13:38:45
99
原创 牛客网剑指offer=>分治
JZ26 二叉搜索树与双向链表https://www.nowcoder.com/practice/947f6eb80d944a84850b0538bf0ec3a5?tpId=13&&tqId=11179&rp=1&ru=/ta/coding-interviews&qru=/ta/coding-interviews/question-ranking/**public class TreeNode { int val = 0; TreeNode
2021-08-12 11:08:01
100
原创 牛客网剑指offer=>动态规划
JZ27 字符串的排列https://www.nowcoder.com/practice/fe6b651b66ae47d7acce78ffdd9a96c7?tpId=13&&tqId=11180&rp=1&ru=/ta/coding-interviews&qru=/ta/coding-interviews/question-rankingimport java.util.ArrayList;import java.util.TreeSet;import j
2021-08-11 16:36:21
94
原创 牛客网剑指offer=>递归
JZ8 跳台阶https://www.nowcoder.com/practice/8c82a5b80378478f9484d87d1c5f12a4?tpId=13&&tqId=11161&rp=1&ru=/ta/coding-interviews&qru=/ta/coding-interviews/question-rankingpublic class Solution { /* 动态规划f(n) = f(n-1)+f(n-2); 只
2021-08-05 20:57:08
95
原创 牛客网剑指offer=>排序
import java.util.ArrayList;import java.util.Arrays;public class GetLeastNumbers { public static void main(String[] args) { int[] input = {4,5,1,6,2,7,3,8}; int k = 4; new GetLeastNumbers().GetLeastNumbers_Solution(input,k).fo
2021-08-04 11:52:44
90
转载 java开发基础知识学习总结
一、面向对象概念1. 面向对象和面向过程的区别?面向过程 :面向过程性能比面向对象高。 因为类调用时需要实例化,开销比较大,比较消耗资源,所以当性能是最重要的考量因素的时候,比如单片机、嵌入式开发、Linux/Unix等一般采用面向过程开发。但是,面向过程没有面向对象易维护、易复用、易扩展。面向对象 :面向对象易维护、易复用、易扩展。 因为面向对象有封装、继承、多态性的特性,所以可以设计出低耦合的系统,使系统更加灵活、更加易于维护。但是,面向对象性能比面向过程低。参考问题 :面向过程性能一定比面向对
2021-08-02 11:17:43
571
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人