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

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

  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • android系统selinux中添加新属性property 辉色投像
    1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • 店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码 说私域 人工智能小程序
    摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
  • 我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动 李蕾1229
    为促进我校教师专业发展，发挥骨干教师的引领带头作用，11月6日下午，我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动。图片发自App会议由教师发展处李蕾主任主持，首先，由范校长宣读新老教师结对名单及双方承担职责。随后，两位新调入教师陈玉萍、莫正杰分别和他们的师傅鲍元美、刘召彬老师签订了师徒结对协议书。图片发自App图片发自App师徒拥抱、握手。有了师傅就有了目标有了方向，相信两位新教师在师
  • git常用命令笔记 咩酱-小羊 git笔记
    ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
  • 腾讯云技术深度探索：构建高效云原生微服务架构 我的运维人生 云原生架构腾讯云运维开发技术共享
    腾讯云技术深度探索：构建高效云原生微服务架构在当今快速发展的技术环境中，云原生技术已成为企业数字化转型的关键驱动力。腾讯云作为行业领先的云服务提供商，不断推出创新的产品和技术，助力企业构建高效、可扩展的云原生微服务架构。本文将深入探讨腾讯云在微服务领域的最新进展，并通过一个实际案例展示如何在腾讯云平台上构建云原生应用。腾讯云微服务架构概览腾讯云微服务架构基于云原生理念，旨在帮助企业快速实现应用的容
  • linux sdl windows.h,Windows下的SDL安装 奔跑吧linux内核 linuxsdlwindows.h
    首先你要下载并安装SDL开发包。如果装在C盘下，路径为C:\SDL1.2.5如果在WINDOWS下。你可以按以下步骤：1.打开VC++，点击"Tools",Options2,点击directories选项3.选择"Includefiles"增加一个新的路径。"C:\SDL1.2.5\include"4，现在选择"Libaryfiles“增加"C:\SDL1.2.5\lib"现在你可以开始编写你的第
  • Goolge earth studio 进阶4——路径修改与平滑 陟彼高冈yu Googleearthstudio进阶教程旅游
    如果我们希望在大约中途时获得更多的城市鸟瞰视角。可以将相机拖动到这里并创建一个新的关键帧。camera_target_clip_7EarthStudio会自动平滑我们的路径，所以当我们通过这个关键帧时，不是一个生硬的角度，而是一个平滑的曲线。camera_target_clip_8路径上有贝塞尔控制手柄，允许我们调整路径的形状。右键单击，我们可以选择“平滑路径”，这是默认的自动平滑算法，或者我们可
  • 蘩漪：新女性？利己主义者 赮_红雨
    蘩漪是曹禺《雷雨》笔下的女性形象。对于她的喜爱，曹禺在之前的访谈中，就已经表达得很清楚了，蘩漪是他所倾心的女子的“代替者”。在这个女性身上有着曹禺最精心的描写，但同时她的身上又存在着一些时代的问题。图片发自App首先，繁漪是追求自由和幸福的新女性形象。她是精神悲剧的核心人物，她对周朴园的反抗，具有典型意义。她是位资产阶级家庭出身的小姐，受过五四新思潮的影响，她任性、傲慢，追求人格独立、个性自由和爱
  • 《中华小厨师》单行VS爱藏：姜是老的辣，书是新的好 cicoky
    《汉书·郦食其传》有曰：“王者以民为天，而民以食为天。”自古以来，吃饱饭是每一个人的基本要求，而吃好饭却是每一个人的最终追求。于是，厨师这一职业孕育而生，其渊源之久，甚至可追溯到4000年前的奴隶时代。职业本身无贵贱，但职业能力却有高低之分。所以一家餐馆生意好不好，厨师的水平决定一切，而站在所有厨师顶端的就被称之为“特级厨师”。今天要说的就是一个关于“特级厨师刘昴星”的故事。连载历程1995年第4
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Pythonpython开发语言大数据数据分析数据挖掘
    大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
  • 每日算法&面试题，大厂特训二十八天——第二十天（树） 肥学 ⚡算法题⚡面试题每日精进java算法数据结构
    目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
  • 展现思维导图魅力，不断挖掘人生宝藏 思维导图讲师Mandy
    第13期最强思维导图训练营已经结束一周了，但是我依旧是感觉所有学员还在努力的学习，这些学员中有教师、学生、白领、公务员、宝妈等等，只要你努力，只要你想改变自己，任何行业，任何岗位都可以参与进来，28天足以让你见成效，在这28天中，我们的学员不仅仅是收获了一枚毕业证，最重要的是让自己的思维方式得到升级，今天的你为自己投资，明天的你就会感谢你今天的付出，我们来听一听来自13期最强思维导图训练营优秀学员
  • 教育 用心灵温暖心灵
    @陈春丽长期学习班冯倩。今天一早就听到说高职合并，取消中专教育的教育信息。感觉是虽然知道，再听还是吓一跳。国家重视职业教育为何还要取消中专技术学校的教育？再听高中就要进行技术教育了，一部分人学习好继续努力学习考大学，一部分人在高中就可以进行职业教育接受职业教育了还要中专技术教育学校干什么呢！a有些职业教育学校转型升级快，不是孩子上完给找工作，而是学校帮孩子创业，我觉得是不错的方向！新闻新你得实时更
  • 舜公郑金锋书辛丑自剪扇面书法作品（四O六） 舜公郑金锋
    辛丑小阳春，新自剪扇面400品，大多为各色撒金、撒银、描金、描银、水印、彩绘、荧光等亚粉、色宣纸，以及域外包装填充纸等；王一品长锋羊毫秃笔；一得阁云头艳墨、宿墨、水等。书体有甲骨文，金文(商周金文、春秋战国金文、中山王厝器金文、汉金文……)，楚简帛书，侯马盟书，温县盟书，小篆，果蝙书等，隶书(秦简、汉简帛书、汉碑……)，草书(章草、小草、大草……)，行书(行楷、行草)，楷书(魏碑及北朝墓志、隋朝墓
  • 目前哪里有卖高仿包包，推荐十个渠道已更新 富腕表之家
    1、工厂购买，推荐微信:【76929666】目前买的人最多的渠道。2、某宝购买，价格较高，质量没有保障。3、拼夕夕，价格是便宜，但是质量不敢想象。4、专柜购买，数量较少，经常断货，价格也太高不好接受。5、批发市场购买，可遇不可求，一般生活在批发市场附近的，根本不用考虑在哪里买高仿包包分几个级别？在当今的包类市场中，广州作为一个知名的货源地，已经成为高仿包行业的一个重要标志。随着市场的需求增加，高仿
  • 下一站深圳 默琊
    昨天已经买好3/15到深圳的机票了，原本上周还有点拖延症发作，不太积极，所以昨天就直接逼迫自己买机票，然后在订房，下周就是确认行业和把具体的面谈日程定下来。行业的选择上目前没有太大的偏好，上一份工作主要是风控和客服，客服部分也算是个小组长，有负责培训和一些案件SOP流程的制定等工作。总感觉客服这个职位的职涯发展只能是垂直的往更高的管理层走，对于横向发展似乎不容易，而鉴于做客服1年的感受，我不太喜欢
  • TDengine 签约前晨汽车，解锁智能出行的无限潜力 涛思数据（TDengine） tdengine汽车大数据
    在全球汽车产业转型升级的背景下，智能网联和新能源技术正迅速成为商用车行业的重要发展方向。随着市场对环保和智能化需求的日益增强，企业必须在技术创新和数据管理上不断突破，以满足客户对高效、安全和智能出行的期待。在这一背景下，前晨汽车凭借其在新能源智能商用车领域的前瞻性布局和技术实力，成为行业中的佼佼者。前晨汽车采用整车数据采集和全车数据打通策略，能够实时将数据推送至APP端客户。然而，这导致整体写入和
  • 11月，你好 自由自在的白云
    图片发自App今天是11月的第一天阳光明媚，秋日静好。给大家分享一个情绪管理的方法。也许你学习过，也许你还不曾了解，都没有关系，现在，我们一起来温习一下。就像孔老先生说的：学而时习之，温故而知新。种下对的种子，才会结出好的果实。种下情绪良好的种子，就可以收获良好的心态。“你瞧这些白云聚了又散，散了又聚，人生离合，亦复如斯。”世事如此，情绪的变化如山型曲线，一会来了，一会去了。还有那天课堂中老师讲，
  • 最超值的Mac——Mac mini 初心么么哒
    你知道最超值的Mac是什么吗？自2005年以来，Macmini一直是Apple台式机产品线中的主要产品。最初推出是为了让对Mac好奇的Mac进入Apple生态系统的一种简单方式，现在新的AppleSiliconMacmini可能是任何寻找新Mac的人的最有吸引力的购买。什么是AppleSiliconMacmini？M1Macmini是Apple最小的台式电脑，同时也是最快的台式电脑之一。最新型号由
  • 大雄的新恐龙：养育生命，的确不易 沧浪先生
    哆啦A梦这个动画片，我小时候没有看过，长大了之后似乎对这种充满童真童趣的动画片也没有太多的喜爱，所以结果很明显，我并没有看过哆啦A梦这个动画片。但是近年来大屏幕的兴起，让各家影视剧制作者发现了电影化的好处，没错，电影不仅影响力更大，钱赚得也多。《哆啦A梦·大雄的新恐龙》是最新的一部大屏幕电影，大雄和柯南一样，都永远长不大，而且他和他的小伙伴日复一日、年复一年地和机器猫哆啦A梦在一起玩耍，永远的神奇
  • 多线程编程之存钱与取钱 周凡杨 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其他