LittleRoundFace
LittleRoundFace

前端面试技巧

前端面试葵花宝典

今天参加了一个分享大会，是关于前端面试的，虽然自己目前并无跳槽面试需求，但是觉得了解一下行业标准对自己现在查缺补漏更好一些。大会是线上的从早晨9点就开始了，一直到晚上七点多才结束，其实里面有10个分享嘉宾，不过我开头和中间有事都没有听见，听到的4~5个分享讲师分享的内容真的是干货满满，有点相见恨晚的感觉，于是会后我就想整理一下，让更多人也能有机会更早知道这些面试规则和技巧，早知道早去练习这些能力。对于准备跳槽的小伙伴会更有帮助。

注意：本文内容来自如下大会的各个大佬的讲课内容，我边听边做了个笔记（如有侵权的地方请联系小圆脸儿，给您带来不便深感抱歉，我会立马删除）

前端面试技巧_第1张图片

一、如何成为字节面试官喜欢的人才-Zevo-字节

希望候选人具备怎样的能力？

必备项

  1. 精通JS基础
  2. 扎实的数据结构
  3. 基本的算法；逻辑能力
  4. 基础的网络知识及计算机原理
  5. 好的素质：追求极致、坦诚清晰等

加分项

  1. 优秀的算法
  2. 熟悉设计模式
  3. 有其他端开发经验
  4. 岗位相关领域的技术能力或经验

如何提升自己的技术能力？

长期进步

  1. 热情、好奇心
  2. 阅读数据
  3. 团队及氛围
  4. 参与实践
  5. 深入原理
  6. 扩宽广度
  7. 复习，定期刷题

短期突破

这里Zevo提供了一份对于前端跳槽者非常需要的宝藏文档：《前端年后⾯试真题，会80%直接进⼤⼚》

如何写好一个简历？

  1. 好的经历/成绩
  2. 突出匹配度
  3. 量化产出及成绩
  4. 慎⽤“精通”
  5. 跳槽频率
  6. 坦诚清晰

真题分析

题⽬⼀：时序结果？（JS）

console.log(1);
const promise = new Promise(resolve => {
     
 console.log(2);
 resolve();
 console.log(3);
});
async function foo() {
     
 console.log(4);
 await promise;
 console.log(6);
}
foo();
promise.then(() => {
     
 console.log(7);
});
setTimeout(() => console.log(8));
console.log(5);

关于这个结果，不管你写对了写错了，都可能会问到你如下知识点：注：前面有整理过文章欢迎找答案：头条面试题你接住了吗 — 回调地狱引出的深度考察

  1. 宏任务、微任务先后执⾏顺序，Promise 以及 async 中哪些部分是同步，哪些部分是异步？
  2. 还有哪些时序相关的函数？
    1. setInterval
    2. 浏览器端：requestAnimationFrame、requestIdleCallback；
    3. Node 端：setImmediate、nextTick；
    4. 分别有什么区别？如何实现 Polyfifill？
  3. 如何实现 Promise；async 函数编译 ES5 代码时会变成什么？Vue 的 nextTick 如何实现的？
  4. Node 的事件循环流程？是否了解过 queueMicrotask 函数

题⽬⼆：描述⼀下 HTTP 缓存策略？（⽹络）

  1. 强缓存、协商缓存；HTTP 常⽤的头部、状态码，基本的流程
  2. HTTP、HTTPS、HTTP2 的区别；⽹络模型，TCP 三次握⼿，四次挥⼿
  3. ⾮对称加密，证书，Hash，常⽤的加密算法，HTTPS 握⼿过程；多路复⽤
  4. DNS、CDN、WebSocket；⽹络安全，中间⼈攻击、CSRF、XSS、SQL 注⼊，同形异义字；URL 编码

题⽬三：请谈⼀下你对 React 的认识？（框架）

  1. ⽣命周期，新旧⽣命周期的区别？⽆状态组件、PureComponent、⾼阶组件（HOC）
  2. Hooks，Provider/Context，Ref，Portal，错误处理 Redux，中间件；
  3. JSX 原理？渲染⼿段：mixin，HOC、Render Prop；虚拟 DOM 的原理；setState 同步异步，浅⽐较（shallowEqual）
  4. 合成事件，Fiber、FiberNode、workInProgress；SSR、React Native；性能优化：耗时、帧率、CPU、内存泄漏、回流重绘

如何面试？

接到⾯试通知怎么办？

  1. 可以礼貌的拒绝现场的电话⾯试

  2. 协商沟通⾯试时间、⾯试⽅式（电话、视频、现场）

如何做⾃我介绍？

  1. 基本情况

  2. 与岗位的匹配度或优势

  3. 简历上容易忽略的细节

  4. 简历上没显示出来的点

如何⾯对⾃⼰不擅⻓的领域、知识点？

  1. 没了解过，坦诚表达⾃⼰没了解过

  2. 了解过，但不熟；先说明⾃⼰不熟悉，再说明⾃⼰对其⼀些猜测或想法。

如何⾯对算法题？

  1. 从易到难

  2. 写伪代码

⾯试进⼊尾声，⾯试官问“你有什么要问我的吗？”，该说什么？

  1. 不要问⾯试结果

  2. 可以要求加问⼀些你擅⻓的问题

  3. 了解⼀些团队的业务和技术栈

二、如何通过一道编程题考察候选人的水平？— 宗羽-盒马

大部分人面试时候都不喜欢面试时候coding，原因可能有很多：紧张、记不住API、业务中代码大部分不会的网上一查啥都有粘过来改改，自己写不太会…等，不过站在面试官的角度去看看面试官如何看待面试coding这件事吧

对面试官有哪些挑战呢？

  1. 面试官和候选人的知识结构有差异，错过优秀的人
  2. 遇到「面霸」，但实际能力一般，招到不合适的人
  3. 在短短半个小时到一个小时内要判断一个人，其实很难

所以面试官觉得：笔试还是相对靠谱的方法（Talk is cheap,show me the code）

笔试中常见的问题

  1. 考通用算法，Google 能直接搜到
  2. 题目设计有问题，要么满分，要么零分
  3. 和实际工作内容脱节

面试官认为好的笔试题

  1. 上手门槛低，多多少少都能写一点，不至于开天窗
  2. 考点多，可以基本摸清候选人的代码综合素养
  3. 发挥空间大，同样的结果，不同的实现方式ۿ以看出候选人的技术深度

面试者常见的问题

  1. 没有判断入参个数
  2. 仍然用了本地加法
  3. 还能优化吗？

另外一种更开放式的笔试形式

  1. 给一道题目，让候选人建一个 Github 仓库来完成
  2. 题目有一定难度，但是ۿ以 Google，也ۿ以用三方模块，和我们平时做项目差不多
  3. 通常面向级别较高的候选人

这种方式主要是考察面试者的编程习惯和编程能力，如代码风格、态度是否端正、细节处理的怎么样、有没有做优化、工程化素养有没有、有没有测试用例等等去考察面试者的各种能力

笔试demo1：10GB 的文件无法一次性放进内存里处理，内存只有 4GB

解题思路

  1. 既然没办法一次性在内存中排序，那我们能否将10GB 的文件拆分成若干个小文件
  2. 小文件先分别排序，然后再合并成一个大的文件

如何用代码实现呢？

  1. 这里需要用到一种数据结构：堆

  2. 堆：就是用数组实现的一个二叉树

  3. 堆分为：最大堆和最小堆，下面是一个最小堆（父节点小于它的子节点）

    1. Array = [1, 3, 5, 4, 6, 13, 10, 9, 8, 15, 17]
 1
 / \
 3 5
 / \ / \
 4 6 13 10
 / \ / \
 9 8 15 17

  4. 堆有一些特性

    1. 对于一个父节点来说

      1. 左节点位置： 父节点位置 * 2 + 1
      2. 右节点位置：父节点位置 * 2 + 2

    2. 很容易查找最大值 / 最小值

      1. Array = [1, 3, 5, 4, 6, 13, 10, 9, 8, 15, 17]
 1
 / \
 3 5
 / \ / \
 4 6 13 10
 / \ / \
 9 8 15 17

完整的参考实现

https://github.com/gxcsoccer/external-sorting

其他考量的点

  • 工程化素养
  • 是否有单元测试
  • 覆盖率是否达标
  • 是否有 benchmark
  • 依赖的模块版本如何设置
  • 如何配置 CICD
  • 文档、注释
  • Git Commit 规范

三、如何增加大厂面试的成功率？— 大史不说话-字节

大史不说话的分享是以自身经历来说面试，真实好用拿得走，如下是他的自身经历：

前端面试技巧_第2张图片

3个基本认知 ：

  1. 你配得上所有美好的事物，但你必须⾃⼰去拿
  2. 开始前请关注结果和代价，开始后请关注⾏为和反馈
  3. 认真去做的事情，结果通常都不会太差

2个逻辑顺序 ：

  1. 优良品质的重要性：勇⽓>坚毅>能⼒
  2. 改变发⽣的顺序是：Be-Do-Have

1个战略主线 : 以战养战

  1. 不断参加⾯试，直到内⼼毫⽆波澜（不要拿⼤⼚练，⾯评有记录）。
  2. 每次⾯试回来整理知识点，查漏补缺，夯实基础。
  3. 难以靠⾃⼰补⻬的点，“借势”是很重要的能⼒。

主要内容目录：

  1. 简历→简洁 | 精炼 | 别造假
  2. 基础知识→记忆法 | 刷⾯经
  3. 算法题 →学基础 | 刷题
  4. 技术&⼯程能⼒→⽇常复盘 | 借问题
  5. 综合素质→结构化思维 | 博客 | 技术前沿

简历

  • 潜在考察：基本背景 | 态度
  • 基本建议：
    • 搞个UI模板，除⾮你背景真的很硬核
  • 项⽬经历：
  • 不是：过往搬砖的流⽔账或者苦劳谱
  • 是：⾯试官只需要⼀句“请开始你的表演”，你就能讲15分钟以上的经历
  • 是：你能把⽤到的技术从底层原理，最佳实践，设计思想都能讲清楚的技术
  • 是：你对业务有思考，对技术有沉淀，对团队有贡献的经历
  • 思路：遵循STAR原则，通过讲故事展现⾃⼰技术、业务、管理能⼒
  • 技术能⼒：
    • 不是：堆技术名词，慎写ajax , jsonp , jQuery
    • 思路：(编程语⾔+数据结构算法+框架技术+⼯程技术+完整解决⽅案) 各两句
    • 思路：参考⽬标⼤⼚岗位的职位描述定制简历
  • ⼤实话：
    • 简历是你提供给⾯试官的考纲，他不⼀定会参考，但请不要⾃⼰坑⾃⼰

基础知识

  • 潜在考察：信息过滤能⼒ | 态度
  • 基本建议：
    • 并不是研究的越深越好，有限时间内掌握更多核⼼知识点
    • 做读书的⼈，⽽不是驮书的驴——千剑公⼦的故事
    • 掌握并练习记忆法
  • ⼤实话：
    • 简历初评要求学历的，学历过关=智⼒过关，智⼒过关基础不过关=态度不端正

算法题

  • **潜在考察：**抽象能⼒ | 态度
  • 基本建议：
    • 先学习数据结构和算法知识，做课后练习，然后再刷题
    • 找到正在备战的同学组团，按专题各个击破⼀起刷
    • 交替难度刷够100题=50简单+40中级+10困难
  • ⼤实话：
    • ⾯试时尽量先保通过，再尝试更优解法

技术&⼯程能⼒

  • **潜在考察：**技术深度 | 技术⼴度 | 动⼿能⼒
  • 基本建议：
    • ⽇常搬砖后写复盘⽂档，从项⽬、技术、管理三⽅⾯⼊⼿，养成习惯
    • 去社区找技术项⽬博⽂，和同事⼀起尝试落地，搞不下去时求助作者
    • 去github仓库的issues⾥找热⻔问题，看别⼈踩的坑，学习原因和解决⽅案
  • ⼤实话：
    • 亲⾃动⼿做过还是背诵别⼈的⽂章，⾯试⾥很容易听出来
    • 给⾃⼰3个⽉时间，⾜够落地⼀个中⼩型技术项⽬

综合素质

  • **潜在考察：**结构化思维 | 其他加分项
  • 基本建议：
    • 刻意练习信息整合提炼的能⼒，遵循《⾦字塔原理》
    • 尝试写技术博客，不要只记录，更多的是主动思考和尝试
    • 关注国外技术会议，例如Google I/O，ReactConf，VueConf，JSConf等等
  • ⼤实话：
    • 业界技术⼤会⾥聊的话题是⾯试中开放题的完美素材
    • 尽量阅读英⽂原版资料，⼀段时间后你会感受到这样做的价值

学习⽅法

  • 图像记忆
  • 思维导图
  • 快速阅读
  • 幻术·⽉读

⾼⼿的特点：熟知套路，创意⽆穷

图像记忆

  • 串联记忆法
    • 通感 Sensuality
    • ⽣动 Movement
    • 幽默 Humor
    • 影像 Imagination
    • ⾊彩 Color
    • 顺序 Order
  • 定桩记忆法
    • 关联 Association
    • 性感 Sexuality
    • 数字 Number
    • 符号 Symbolism
    • 正念 Positive
    • 夸张 Exaggeration

示例1：如何记忆TCP/IP五层模型？

Eg：下水管道 章鱼 水 船 乌鸦…(抱歉我整理笔记时候竟然忘记了讲师说的具体怎么形容的了，你们自己根据方法记忆哈)

示例2：如何记忆常⻅前端性能指标？

Eg：3F…(抱歉我整理笔记时候竟然忘记了讲师说的公式，你们自己根据方法记忆哈)

分享中提及的资源

  • 讲师的博客（https://www.cnblogs.com/dashnowords/p/10199126.html）
  • ⽉薪过30k的简历是什么样⼦？（https://v.qq.com/x/page/k3150t6baqf.html）
  • 《在框架设计中寻找平衡-尤⾬溪-JSConf2019（上）》（https://www.bilibili.com/video/BV1Vt411w7S3/?spm_id_from=333.788.recommend_more_video.9）
  • 《在框架设计中寻找平衡-尤⾬溪-JSConf2019（下）》（https://www.bilibili.com/video/BV1Lt411g72L/?spm_id_from=333.788.recommend_more_video.0）
  • 《V8 Advanced Javascript-Google I/O 2017》（https://www.bilibili.com/video/BV1UX4y1N7AD?from=search&seid=4711971165288361321）
  • 《V8 Orinoco: The new V8 Garbage Collector》（https://www.bilibili.com/video/BV1TJ411n7pi?from=search&seid=11732433238027838670）
  • TED：如何得到你想要的？（https://mp.weixin.qq.com/s/g5J3P2P9mInwj1ga0qOBzQ）
  • 动画演示数学原理的神级⽹站-3blue1brown（B站官⽅号：https://space.bilibili.com/88461692）
  • 有趣的视频短⽚⽹站-场库（https://www.vmovier.com/）
  • 丑⼩鸭的200公⾥活动总结（https://mp.weixin.qq.com/s/PqN6IMADgaOj-EHmHmcTQA）

四、如何考察前端的Node.js及⼯程能⼒— 雪卒-阿里云

这位讲师的内容我没听到，因为在吃饭的地方太吵了，不过根据分享的资料我整理了如下：

雪卒考察候选⼈时我⽐较侧重以下三方面：编程范式、系统思维 、⼯程能⼒

1 编程范式

范式 = 规范 + 模式

**问题：**磁盘上某⽬录下有100个JSON⽂件，请合并成1个JSON⽂件。

解法⼀:

前端面试技巧_第3张图片

有坑！不难，我看出来了。

解法⼆:

前端面试技巧_第4张图片

避免⼀次性内存占⽤过⼤。还是难不倒我的。

前端面试技巧_第5张图片

解法三:

前端面试技巧_第6张图片

Hmmm…

2 系统思维

系统 = 整体 + 精密

**问题:**请⽤Node.js原⽣API实现1个静态资源源站服务。

解法 - 校验：

前端面试技巧_第7张图片

解法 - 校验：

前端面试技巧_第8张图片

解法 - 304：

前端面试技巧_第9张图片

解法 - 304：

前端面试技巧_第10张图片

解法 - 还有啥：

  • 缓存设计
  • URL Combo
  • Gzip压缩
  • 图⽚类型检测
  • ……

3 ⼯程能⼒

⼯程就是按规范把系统落地，⽤户⼊住（驻）之后都挺舒坦！

**问题：**异构系统中Java与Node.js的同机部署⽅案。

**背景：**SEO? SEM? 渲染性能?

前端面试技巧_第11张图片

背景：

前端面试技巧_第12张图片

**背景：**去中⼼化

前端面试技巧_第13张图片

解决：

  • 部署：⽆痛接⼊
    • 前端面试技巧_第14张图片
  • 安全：
    • 隔离运⾏
      • 前端面试技巧_第15张图片
    • 代码死循环？熔断！
      • image-20210320220417892
  • 监控：
    • Alimonitor-⼼跳指令
      • 前端面试技巧_第16张图片
    • Alimonitor-错误采集指令
      • 前端面试技巧_第17张图片
    • Alinode-内核监控
      • 前端面试技巧_第18张图片
  • 性能：
    • 暴露配置
      • worker进程数
      • 内存⽔位（max_old_space_size）
      • 模块缓存策略
    • SSR失败，浏览器端继续渲染
      • 前端面试技巧_第19张图片
  • 还有不少可以做的点。。。⼯程化可⼤可⼩，可粗可细

4 ⼀点建议

  • 多看源码，特别是流⾏的库和⼯具
  • 多上⼿实践，特别是前端⼯程化领域
  • 有机会的话，多了解⼀下操作系统

五、如何考察校招候选⼈和谈谈架构师学习— 单丹-钉钉

单丹老师的分享我也没听到，小圆脸儿恰饭时间太久错过了优秀的演讲，不过整理如下：

校招流程（阿里-钉钉）

校招春招流程

前端面试技巧_第20张图片

面试准备

了解岗位、考察维度、准备简历、准备⾯试问题、总结复盘校招和社招差异

  • 准备简历
    • 职位信息
    • 考察维度
  • 准备⾯试
    • 考察维度
    • 总结复盘

职位解析

  • 团队协作

    • 在这⾥， 你将有机会与设计师和产品⼀起，完成产品Web功能的设计与实现；

  • 技术能⼒

    • 有机会做全栈式开发；
    • 有机会做移动端开发；
    • 有机会做性能、架构等⽅⾯的改进与优化；

  • 技术热情

    • 有机会⾃⼰亲⼿打造⼀个产品的从设计到发布； 你还将加⼊到我们业内最前沿Web技术的研究与开发中。

  • 基础扎实，涉猎⼴泛

    • 我们希望你，熟练使⽤各种Web前端技术，包括HTML(5)/CSS(3)/Javascript等，并有相关的项⽬开发经验或成果；

  • 理论+实践

    • 我们希望你，熟悉前端⼯程化，⽤过git，gulp或webpack等⼯具，最好有⾃⼰的github仓库；
    • 我们希望你，深刻理解Web标准，对可⽤性、可访问性等相关知识有实际的了解；

  • 服务端开发经验

    • 我们希望你，有基于Ajax应⽤的开发经验，有NodeJS/Java开发经验，或者有移动端开发经验；

  • 计算机基础

    • 我们希望你，对算法、数据结构、建模有⼀定了解；

  • ⾮凡⼈平常⼼ 做⾮凡事

    • 同时，我们还希望你： 学习能⼒强，对新事物保有好奇⼼，并能快速适应新环境

  • ⼀起拼⼀起赢

    • 良好的沟通能⼒和团队协同能⼒；能与他⼈合作，共同完成⽬标

  • 梦想永在，⾃证预⾔

    • 对所在领域有热情，相信⽅法总⽐困难多，善于独⽴思考并反思总结

准备简历

  • 信息简洁且完整
    • 教育背景、专业技能、实习经历、项⽬经验
    • 荣誉成果、使⽤短句、简洁排版
  • 内容真实且客观
    • 数据或实例、真实不造假、不过度包装
  • 突出亮点
    • 关键词抽象

简历案例

前端面试技巧_第21张图片

前端面试技巧_第22张图片

考察维度

  • 基础
    • 计算机相关专业，学业课程优秀
    • 数据结构、算法等基础扎实
    • 前端基础、编码能⼒
    • 加分项：
      • 后端开发经验、算法
      • A+参考项:
        • 前端标准或主流框架深⼊理解并参与贡献
        • 国际Top院校和实验室相关领域
        • 国际⼤赛奖项
  • 成果
    • 专注前端领域，具有前端项⽬经验
    • 深⼊了解技术在实际场景中的运⽤
    • 钻研能⼒，运⽤技术解决实际问题
    • 加分项：
      • 重要产品中担当主要⻆⾊
      • ⽜博、出书或译书经验
      • A+参考:
        • 在开源社区中有突出影响⼒的技术项⽬或有价值的商业项⽬
        • 业界影响⼒的发明专利
        • 顶级期刊会议发表论⽂演讲或其他有影响⼒的学术成果
  • 热情
    • 了解前端相关领域或扩展领域的技术
    • 有⾃⼰学习技术信息获取途径
    • 对前端有强烈好奇⼼，愿意额外投⼊精⼒
    • 加分项：
      • 具体事例⽀撑对技术上有狂热的追求
      • A+参考:
        • 对前端领域有充分了解
        • 对领域问题有⾃⼰的⻅解
        • 愿意持续投身其中解决问题

人才观

  1. **聪明：**IQ、EQ、LQ
  2. **⽪实：**⼼智成熟、能屈能伸
  3. **乐观：**有理性地充满希望
  4. **⾃省：**经得住表扬也经得住批评

⾯试⽅法**-STAR**

“可以分享⼀个你参与过 并认为很成功的项⽬么？”

  • 你在项⽬中的⻆⾊是什么，遇到什么挑战，怎么应对的
  • 这个⽅案的核⼼思路是什么，这么设计是基于什么考虑
  • 最后取得了什么样的结果，为什么你认为它是成功的
  • 你作为团队成员所遇到的最困难的事情，是怎么解决这个困难的?

⼀个问题，它不仅仅是⼀个问题

切忌：⼀问⼀答、不问不答

前端面试技巧_第23张图片

准备⾯试

  • 复习基础知识
    • 笔试 算法 框架 体系化
  • 梳理项⽬经验
    • 难点 亮点 业务思考 STAR⽅法
  • ⾃我认知
    • 优点不⾜ 职业⽅向 未来规划

总结复盘

  • 总结⾯试中的技术问题
    • 查缺补漏，弥补短板
  • 总结⾯试中的⾏为表现
    • ⻓处和不⾜，调整⼼态
  • 模拟⾯试
    • 刻意练习

架构师学习

架构的理解、业务的关系、⼼态

  • 架构的理解
    • 模块 + 关系 + 约束
    • 指导软件的设计 沟通
  • 架构设计的⽅法
    • ⽅法论 + 标准 + 业务理解
    • 归纳演绎 分层分块 划清边界
    • 软件设计原则 设计模式
    • 业务 组织⽬标 ⼈性
  • 业务开发中同样有架构！
    • 业务架构 ⇄ 应⽤逻辑架构
    • 研发同学之间 ⇄ 产品和研发同学
  • 进阶之路
    • 独⽴完成 →独挡⼀⾯ → ⾃有⼀套 → 进阶之路 → ⽆中⽣有

本分享涉及的资料链接：

  • 写给应届⽣的前端⾯试经验总结（https://blog.lenconda.top/posts/2021/03/07/60438ad2e846cb00014395b7/）
  • Ding！你距离春招offffer只差⼀篇⾯经的距离 - 知乎（https://zhuanlan.zhihu.com/p/354113965）

六、如何在团队和项⽬中做出成果和亮点—睿澜-蚂蚁

团队⿎励什么

  • 提效⼯具型
  • 技术创新型
  • 业务辅助型

好结果的要素

  • ⼈
    • 认知能⼒：硬技能+软素质
  • 事
    • ⽬标→结果→过程
  • 团队
    • 包容、开放的环境
    • 共同⽬标
    • Leader 识别能⼒

分享中的相关资料

官⽹： https://richlab.design/ （建设中）

知乎： https://zhuanlan.zhihu.com/richlab

语雀： https://www.yuque.com/richlab

GITHUB：https://github.com/rich-lab

七、蚂蚁体验技术部如何面试候选人— 偏右-蚂蚁

偏右的演讲干货满满，从头听到尾，他演讲中面试各个环节的注意点讲的非常好，听的过程中我也把这些技巧分享给了我正在面试的朋友，而且我觉得这个技巧不止前端试用，其他面试同样试用这些技巧和注意点

简历评估

内容精简，层次清晰，重点突出

提倡建议：

  • PDF
  • 在校成绩好
  • 高质博客
  • 项目总结
  • 直接成就

切记不可：

  • 频繁跳槽

  • 无关信息

  • 日期断档

  • 页数太多

  • 花里胡哨

    前端面试技巧_第24张图片

笔试

一般流程：将2~3道笔试题发给候选人，异步进行，允许查阅资料，约定时间上交

  • **代码能力：**思路、规范、性能、封装、拆分
  • **算法能力：**数据结构和算法的应用能力
  • **态度：**是否认证诚实（代码风格、注释、细节）
  • **加分项：**是否有惊喜（TS、测试用例、性能、工程化）

**测试题目1demo：**通过TypeScript + React Hooks 实现一个 useFetchData

**测试题目2demo：**在我们业务中经常会遇到列表或者表格页面，需要支持翻页，加载更多，错误处理，loading的功能，希望能够实现一个Hook来抽象这部分逻辑。

比如接口的返回格式是：

// api/getlist?page=1&pageSize=10
{
     
  data:{
     
    list:[
      {
     
        name:"name",
        id:'id'
      }
    ]
    total:23
  },
  success:true,
  message:'成功'
}

**测试题目3demo：**交通信号灯，用React实现一个交通信号灯控制器。

答案链接：用React实现一个红绿灯（https://juejin.cn/post/6938022201933168654）

要求：

1.默认情况下

红灯亮20秒，并且最后5秒闪烁；

绿灯亮20秒，并且最后5秒闪烁；

黄灯亮10秒；

次序为：红绿黄红绿黄

可随时暂停开启

2.灯的个数、颜色、持续时间、灯光次序都可配置，如：

lights=[{color:’#fff’,duration:10000, twinkleDuration:5000}, …]

3.样式代码内置到 props内

初面（一线P7同学，技术面）

基础关，不聊人生，无关风月，只聊技术

  • **技术广度：**技术点遍历，考察候选人对前端相关技术视野，涉猎程度，挖掘转经技术方向
  • **技术深度：**考察候选人在某个技术领域/方向的下探深度
  • **代码解决问题的能力：**扩展题目，现场设置层层深入的问题，考察临场解决问题的能力

常见问题

广度问题都在网上，深度和临场类问题会大多数从候选人熟悉的领域下手

  • 实现布局有哪些方式？
  • 如何防范CSRF攻击？
  • Web Worker/Service Worker 咳哟用于哪些场景？
  • SPA 做 SEO 有哪些方式？
  • GitRebase 和 Git Merge 之间的区别？
  • 基础：CSS新特性、TS高级特性、Event Loop、张鑫旭博客、CSS-TRICKS
  • React: 受控/非受控、性能优化、数据流方案/原理、Dan Abramov博客
  • Vue：computed/watch、双向绑定2/3原理、Composition优点
  • 小程序：静态转译、运行时渲染、底层架构、AST、reconciliation
  • 潮流：vite、Sevlte、Flutter

复面(部门主管，匹配度)

考察过往工作经验，复盘重点项目

  • **工作成果：**考察参与项目/产品的贡献度
  • **解决问题的能力：**项目中遇到的问题，解决过程，过程中的思考
  • **业务Sense：**对参与业务的参与和熟悉程度

前端面试技巧_第25张图片

常见问题：

  • 请列举你工作至今自己评价最好、最亮的1~2项业务成果。
    • 追问上面的技术细节、过程和结果
  • 有没有遇到过线上问题、突发情况、疑问难题？能具体讲一讲么
  • 你所参与得XXX项目竞品有哪些？与竞品有什么最大的不同？

终面（大部门主管/HR）

互相对其需求，考察潜力和定力

  • **稳定性：**成熟的职业态度，清晰的职业规划
  • **软素质：**交流能力，协作能力，学习能力，抗压性，可能性（年轻有潜力，年老有定力）
  • **地点和薪资：**地域优势吸引，邻里有竞争的薪资
  • **双向选择：**介绍团队和工作内容，对齐需求和期望，帮助候选人确认是否合适

常见问题：

  • 离职和找工作的原因？（稳定性）

  • 平时获得技术资讯的渠道有哪些？如何进行知识管理？（学习能力）

  • 工作以来经历过的最大挫折是什么，如何应对？（皮实）

  • 为什么要来我们公司？对公司有什么期待？（期待对齐）

  • 团队中有哪些你佩服的同学？你佩服他哪里？（自省）

人才特质

前端面试技巧_第26张图片

经典案例

前端面试技巧_第27张图片

前端面试技巧_第28张图片

如何做好准备？

  • 刷题？→不建议刷，适当做一些准备
  • 选好每一份工作→珍惜职业生涯前几年
  • 认真对待每一个项目→尽力在每一个项目都有所收获
  • 从独当一面到推动事成→两个区别于人的关键
  • 刻意练习→坚持学习，坚持输出，客服短板

八、HR是如何评估及安排候选人流程的— 梦婷-有赞

简历筛选

前端面试技巧_第29张图片

正式面试

前端面试技巧_第30张图片

HR严重的可靠应聘渠道

前端面试技巧_第31张图片

OFFER

前端面试技巧_第32张图片

正式入职

前端面试技巧_第33张图片

忌讳

前端面试技巧_第34张图片

九、如何判断候选人的前端基础和培养成本— CC-有赞

个人特质

前端面试技巧_第35张图片

前端面试技巧_第36张图片

前端面试技巧_第37张图片

十、总结

听完这个我发现自己有很多不足，这篇文章也是为了自己以后拿出来用更方便，前端搞面试的笔记就分享到这里了

关于前端常考察的面试题，给大家推荐几个链接：

  1. 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上中下)（https://juejin.cn/post/6844903776512393224#heading-3）
  2. 校招社招必备核心前端面试问题与详细解答（https://segmentfault.com/a/1190000019758067#articleHeader2）
  3. 头条面试题你接住了吗 — 回调地狱引出的深度考察
  4. 前端真题（https://bitable.feishu.cn/app8Ok6k9qafpMkgyRbfgxeEnet?table=tblzZHf2Ix3YtxPM&view=vew9iquA45）
  5. 2021腾讯华为前端面试题.pdf 、字节前端面试题(第一期).pdf (需要的请关注公众号，回复’面试’获取)

微信公众号：xiaoyuanlianer666

你可能感兴趣的:(前端行业新资讯,前端)

  • 5月8日盘前提示：维持短期可以操作到下周二左右的判断，重个股轻指数 九命_猫妖
    大盘：消息面。取消境外投资者额度限制，这个长线利好股市，短期影响不大，因为3000亿额度只用了1/3。额度本来就够用。走势看，昨天缩量横盘，走的还算中规中矩，近期一直弱势的次新股走势较强，前期强势股京威股份、光大嘉宝等跌停，由此判断市场还是存量博弈的市场，震荡是市场的主基调。维持短期可以操作到下周二左右的判断。下周后半段震荡回调的概率较高。思路：短期重个股轻指数行业和个股：物联网行业有利好，关注下
  • 美团自动配送车2024春季招聘 | 社招专场 美团技术团队
    关于美团自动配送团队美团自动配送以自研L4级自动驾驶软硬件技术为核心，与美团即时零售业务结合，形成满足公开道路、校园、社区、工业园区等室外全场景下的自动配送整体解决方案。美团自动配送团队成立于2016年，团队成员来自于Waymo、Cruise、Pony.ai、泛亚等自动驾驶行业头部公司，自动驾驶技术团队博士占比高达30%，依靠视觉、激光等传感器，实时感知预测周围环境，通过高精地图定位和智能决策规划
  • 自律计划：从早睡早起开始 犀首公孫衍
    今天天气十分不错，阳光明媚。下午趁着阳光充足，想去田野里走一走。两个多月了，几乎都是在家待着，大门不出二门不迈。上大学以来，可几乎不怎么去到田间地头看一看。3月正是油菜花开放的季节，满地的金黄色，草木也开始生出了绿色的芽儿。眼前的景儿，让人眼明心亮。一年之计在于春，春天是最美好的季节。这样一个特殊的春天，让我暂时脱离了学校，也算有了一些新的收获吧。开始有了一些好的改变，开始坚持每天读书，保持较好的
  • 淘宝天猫38节活动时间和玩法，2024年焕新周满减优惠多少 小小编007
    在2024年，淘宝天猫平台即将迎来一年一度的38节活动，这是广大消费者们翘首以待的购物狂欢节。在这篇文章中，我们将为您详细解读淘宝天猫38节活动的时间安排和玩法，以及2024年焕新周的满减优惠力度。一、淘宝天猫38节活动时间2024年淘宝天猫38节活动将于2月28日正式启动，持续至3月8日，为期10天。活动期间，消费者们可以尽情享受各种优惠折扣、满减活动以及限时秒杀，尽情释放购物热情。2024淘宝
  • python 推导式(派生、衍生) sanduo112 人工智能pythonwindows开发语言
    python推导式一、推导式(派生、衍生)1.Python推导式是一种独特的数据处理方式，可以从一个数据序列构建另一个新的数据序列的结构体。2.列表(list)推导式3.字典(dict)推导式4.集合(set)推导式5.元组(tuple)推导式二、代码概述一、推导式(派生、衍生)1.Python推导式是一种独特的数据处理方式，可以从一个数据序列构建另一个新的数据序列的结构体。Python支持各种数
  • 12-25 yummy0632
    72.4kg早饭：一碗面条，俩鸡蛋，三个砂糖桔。五天过去了，这本书我听完了。哈哈简直了。真兴奋，我准备好了，迎接新的自己。午饭：一个花卷，一碗汤，一份油菜，一份冬瓜粉条，一份红烧肉。晚饭：一个花卷，一份芹菜，一份土豆，一份鸭子。很咸。
  • 数据分析：低代码平台助力大数据时代的飞跃发展 快乐非自愿 数据分析低代码大数据
    随着信息技术的突飞猛进，我们身处于一个数据量空前增长的时代——大数据时代。在这个时代背景下，数据分析已经成为企业决策、政策制定、科学研究等众多领域不可或缺的重要工具。然而，面对海量的数据和日益复杂多变的分析需求，传统的数据分析方法往往捉襟见肘，难以应对。幸运的是，低代码平台的兴起为大数据分析注入了新的活力，成为推动大数据时代发展的重要力量。低代码平台，顾名思义，是一种通过少量甚至无需编写代码，就能
  • 以前开发MFC界面如何快速转成QT界面 广州视觉芯软件有限公司 mfcqtc++
    将MFC界面快速转换为Qt界面可能需要进行一些手动工作，因为MFC和Qt是两个不同的界面框架，它们具有不同的设计和实现原理。但是，以下步骤可以帮助你快速进行转换：创建一个新的Qt项目：使用QtCreator创建一个新的Qt项目。分析MFC界面：仔细分析你的MFC界面，包括窗口、对话框、控件等的布局、样式和行为。重新设计界面：使用Qt的可视化设计器重新设计界面。在QtCreator的设计器中，你可以
  • 2022-10-02 朗月斋主
    肿瘤溶解病毒（OVs）作为一种新型的免疫治疗和治疗辅助剂，在制药行业中越来越受到关注，因为它们能够通过多种机制诱导和提高抗肿瘤免疫力。首先，OVs能够利用宿主免疫系统的内在机制（例如，逃避免疫检测）可以使肿瘤的免疫逃逸机制失效。第二，许多类型的OVs已被证明可以直接裂解肿瘤细胞，从而诱导出由肿瘤相关抗原和危险信号分子释放介导的肿瘤特异性T细胞反应。第三，表达免疫刺激治疗基因的武装OV可以在肿瘤组织
  • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
    PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
  • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers
    ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
  • 4.24 使用计算命令制作图像合成艺术效果 [Ps教程] 互动教程网
    1.本节课程将为您演示，如何使用[计算]命令，将两张示例图片，制作成超酷的图像合成特效。首先点击顶部的文档标签，切换至另一张示例图片。image2.接着依次点击[图像>计算]命令，弹出[计算]窗口。image3.[计算]命令，用于混合两个来自一个或多个源图像的单个通道。然后可以将结果应用到新图像、新通道或当前图像的选区中。image4.在弹出的计算窗口中，点击下拉箭头，选择[计算]命令的源图片。i
  • 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言
    虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
  • 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架
    P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
  • 新注册的阿里云账号有哪些优惠？阿里云新用户必看优惠大合集 阿里云最新优惠和活动汇总
    很多用户看到阿里云各种活动中的云服务器、云数据库、企业邮箱等云产品都仅限新用户购买之后，都纷纷直接注册了阿里云新账号之后购买，其实，阿里云新用户不仅可以优惠购买活动中的各种云产品，还有很多优惠，下面是“阿里云最新优惠和活动汇总”整理汇总的阿里云新用户必看优惠大合集。新注册的阿里云账号在购买活动中的云产品之前，还有免费领云产品通用代金券、抽取无门槛代金券、免费试用云服务器和正式购买云服务器等阿里云产
  • 倒贴服传奇在什么平台下载 2024最火的倒贴服传奇平台排行榜 诸葛村夫一游戏频道
    2024游戏盒子网站排行榜大全随着数位科技的发展，2024年手游市场持续火爆，各种新开手游持续涌现。本文为广大手游爱好者带来巅峰推荐，总结五个最具实力的手游新服发布网站，为您提供最全面的游戏资讯以及专业的游戏攻略。▶2024最火的倒贴服传奇平台排行榜TOP1：游戏豹官网特点：内部特权游戏类型：多类型推荐日活跃人数：15万网址链接：www.ystt88.cn游戏介绍：游戏豹官网以快速获取新开手游的特
  • 【真诚子】通晓鬼谷第七篇读书日记。 真诚子l通晓鬼谷
    今天把个人品牌，从193读到208页，书的内容质量出奇的高，尤其是这一段。对标学习法，找一个比自己强，或者你期望成为的人进行模仿性学习，对标学习，不是到处，去找人对标兵学习很多人的优点，或是学习自己认为好的方面，而是找准一个对标高手，然后全方位的学习这个人。我在做品牌咨询时就对标，学习了一个在国内很有名的行业顶尖大咖。我先找到他公司的方案，进行完全模仿，连PPT的排版都一样，而且我只参照他一个人的
  • 石墨烯薄膜行业调研报告（一） 方象知产研究院
    01石墨烯类别（一）按厚度1.单碳层石墨烯（singlelayergraphene）：由单个碳原子层构成的大平面共轭结构材料，目前石墨烯的大多数奇特性质都是基于此材料2.多层石墨烯或少数碳层石墨烯（afewlayergraphene）：厚度在2~10碳层的石墨薄片材料，研究表明，其层内电子运动行为有别于石墨烯材料3.石墨烯微片（graphenenonaplatelets）：厚度在10~100纳米厚
  • SQLite版本3中的文件锁定和并发(七） 代码工匠云 数据库SQLiteC与c++sqlitec++数据库
    返回：SQLite—系列文章目录上一篇：自己编译SQLite或将SQLite移植到新的操作系统（六）下一篇：SQLite—系列文章目录正文：1.0SQLite版本3中的文件锁定和并发SQLite版本3.0.0引入了新的锁定和日志功能旨在提高SQLite版本2的并发性的机制并减少作家的饥饿问题。新机制还允许交易的原子提交涉及多个数据库文件。本文档介绍新的锁定机制。目标受众是想要理解和/或修改的程序员
  • Acrobat Pro DC ----专业PDF编辑与管理 *橙子 officepdfmacos
    AcrobatProDC2023是一款功能强大的PDF处理软件，它提供了丰富的编辑工具，支持创建、编辑、合并、分割PDF文件，以及高质量的PDF到其他格式的转换功能。同时，该软件集成了最新的OCR技术，可将扫描文档或图片转换成可编辑的PDF。AcrobatProDC2023还具备电子签名功能，支持多人协作和云端同步共享，大大提高了工作效率和团队协作效率。无论是设计、建筑、金融还是法律等行业，Acr
  • 『阅读•思考•灵性新苑‖第九辑/358/1001』《冥想》2作者：[印]斯瓦米·拉玛（Swami Rama） 译者：刘海凝 景熙惟
    部分节选当我们仔细审视生活，就会意识到：从幼年开始，我们接受的教育就仅仅止于观察和了解外部世界。从来没人教导过我们，应当如何向内看、发现和了解内在。因此我们在渴望了解别人的同时，对自己而言却依然是一个陌生人。由于缺乏自我了解，我们的人际关系并不那么称心如意，生活中也常常充满了困惑与失望。事实上，常规教育体系只开发了我们大脑的一小部分。而另外负责做梦、睡眠以及用于存储所有经历的无意识领域，仍不为人知
  • 2021-02-01 木双夕
    1、人世间，什么是爱，什么是恨呢？这个世界，究竟有什么是永久的，又有什么是值得认真的呢？----《髻》2、人生各在烦恼中过活，但必须极肯定人生，乃能承受一切幻灭转变，不为所动，随时赋予环境以新意义，新追求，超脱命运，不为命运所玩侮。----《爱与孤独》3、如果我一直不长大，就可以永远沉浸在雨的观乐中。然而谁能不长大呢？到杭州念中学了，下雨天，我有一股凄凉寂寞之感。----《琦君散文》4、我把手指头
  • 数据管理知识体系指南（第二版）-第五章——数据建模和设计-学习笔记 键盘上的五花肉 数据治理数据库数据仓库数据治理
    目录5.1引言5.1.1业务驱动因素5.1.2目标和原则5.1.3基本概念5.2活动5.2.1规划数据建模5.2.2建立数据模型5.2.3审核数据模型5.2.4维护数据模型5.3工具5.3.1数据建模工具5.3.2数据血缘工具5.3.3数据分析工具5.3.4元数据资料库5.3.5数据模型模式5.3.6行业数据模型5.4方法5.4.1命名约定的最佳实践5.4.2数据库设计中的最佳实践5.5数据建模和
  • 边缘计算网关在机械制造企业的应用效果和价值-天拓四方 北京天拓四方科技股份有限公司 边缘计算其他物联网
    随着智能制造行业的飞速发展，数据量的激增和实时性要求的提高，传统的数据处理方式已经难以满足生产需求。而边缘计算网关的出现，为智能制造行业带来了革命性的变化。下面，我们将通过一个具体案例展示边缘计算网关在智能制造行业的应用效果和价值。一、案例背景某大型机械制造企业，拥有多条生产线，涉及众多设备和传感器。在生产过程中，企业需要实时监控设备的运行状态，收集生产数据，以便进行生产优化和决策支持。然而，传统
  • Numpy、Pandas库的使用 貮叁 量化投资分析pythonpython数据分析
    目录Numpy1、概述2、基础操作2.1生成一个numpy的array数组：2.2自定义一个新的数据类型：np.dtype()3、并行化思想4、量化分析应用4.1索引选取和切片选择4.2数据转换与规整4.3逻辑条件进行数据筛选4.4通用序列函数4.5文件保存与读取Pandas1、简介2、Series和DataFrame的使用2.1Series2.2DataFrame3、量化分析应用3.1形成一个p
  • 《我的爷爷》第65章 怀孕 赵同小异
    作者：赵同六十五怀孕到了5月底，天气逐渐热了起来。学生们有的趁课间来到湖边散步，有的带着随身听插上磁带练起了英语听力。研究所是新建的，环境幽静，离湖水较远，因此也鲜有学生到这边来。程学鹏的办公室窗户朝着阴面，对面就是学校里新盖的一片教师公寓，里面没有住人，一点儿人声没有，就显得更加安静了。程学鹏被石主任叫去谈话。“老程啊，咱们学校要办公司了。”石主任开了头。“什么公司？”程学鹏问。“高科技公司，上
  • java实体中返回前端的double类型四舍五入（格式化） 婲落ヽ紅顏誶 java
    根据业务，需要通过后端给前端返回部分double类型的数值，一般需要保留两位小数，使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f
  • Django forms组件 在飞行-米龙 Djangodjangopython后端
    【一】引入【1】实现登陆验证功能（1）需求分析登陆验证需要前后端交互，采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容（2）后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict
  • 没有任何人可以让爱情历久弥新，但你可以让自己不断迭代更新。 中国嘉嘉
    喜新厌旧是人性本能。就像有人说的那样，熟悉的地方没有风景。人也一样。不管你多么帅多么美，用不了多久，都会没有最初的心动和悸动不已的情绪了。很多人开始跟爱情叫亲情。割舍不了的利益和彼此渗入太深的生活习惯。冠以“亲情”开脱自己的不得已和一声叹息。似乎有些悲观。正因为悲观，才会思考。一句“我爱你”，听上千遍，最想让他闭嘴。开始有更多的欲望和要求，“不要只是说，要看你怎么做”。谁也无法逃脱不断追求新鲜和刺
  • 《老子》笔记19 2018-10-28 海上明月共
    第二十二章[原文]曲则全，枉则直，洼则盈，敝则新，少则得，多则惑。是以圣人抱一为天下式。不自见，故明；不自是，故彰，不自伐，故有功；不自矜，故长。夫唯不争，故天下莫能与之争。古之所谓"曲则全"者，岂虚言哉？诚全而归之。[译文]委曲便会保全，屈枉便会直伸；低洼便会充盈，陈旧便会更新；少取便会获得，贪多便会迷惑。所以有道的人坚守这一原则作为天下事理的范式，不自我表扬，反能显明；不自以为是，反能是非彰明
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他