基于TypeScript常见手写题
深拷贝12345678910111213141516function deepClone<T extends Array<T> | any>(obj: T): T { if (typeof obj !== "object" || obj === null) { return obj; } if (obj instanceof Date) return new Date(obj); if (obj instanceof RegExp) return new RegExp(obj); const result: T = new obj.constructor(); for (const key in obj) { if (obj.hasOwnProperty(key)) { result[key] = deepClone(obj[key]); } } return result;}
Promise1234567891011 ...
Css3 nth 选择器
nth选择器也称为CSS3 结构类平时偶尔会用到,但是记不清楚,所以整理一下便于记忆。
nth 方法123456789101112131415161718192021:first-child:last-child:nth-child():nth-last-child():nth-of-type():nth-last-of-type():first-of-type:last-of-type:only-child():only-of-type():empty()
:first-child概念:选择其父元素的首个子元素的每个Element元素
1li:first-child 表示选取第一个标签li
:last-child概念:指定属于其父元素的最后一个子元素的Element元素
1li:last-child 表示选取最后一个标签li
:nth-child(n)概念:选择器匹配属于其父级元素的第n和子元素,不论元素类型
12345li:nth-child(n + 4)选取大于等于4的标签li,其中"n"为整数li:nth-child(-n + 4)选取小于等于4的标签 ...
YAML配置文件基本用法总结
简介
YAML 是 “YAML Ain’t a Markup Language”(YAML 不是一种标记语言)的递归缩写。在开发的这种语言时, YAML 的意思其实是:“Yet Another Markup Language”(仍是一种标记语言)
它非常适合用来做以数据为中心的配置文件
YAML 的配置文件后缀为 .yml,如: runoob.yml
基本的语法结构
key: value; key: 与value之间有空格
大小写敏感
使用缩进表示层级关系
缩进不允许使用tab, 只允许空格
缩进的空格数不重要, 只要相同层级的元素左对齐即可
‘#’表示注释
字符串无需加引号, 如果要加, “”与 ‘’表示字符串内容会被转义或不转义
其中单引号 '' 字符串内容不会被转义,举个例子'\n'会输出\n这个字符串
双引号 " " 字符串内容会被转义,举个例子"\n "会把\n进行转义输出换行回车
当数据类型是字面量
字面量:单个的、不可再分的值date、boolean、string、number、null
...
2022年终总结
年终总结
前言
2022年, 不平凡的一年, 终究是人生中浓墨重笔, 记忆深刻的一年。
3月中-6月中, 上海封城一百多天, 自己也是其中一员。
7月-11月, 多次楼栋密接被封在家中。
11月底-12月, 全国各地宣布“解封”, 个人成为了自己健康的第一负责人。
工作
1.0产品优化和产品迭代
系统三权分离、日志安全审计等模块从设计到实现迭代(符合安全评测)
195服务器环境1.0产品稳定优化(基于Angular框架)
南网、河北、湖北、江西等项目修改迭代
5G终端攻击
资产中心、任务中心、主站欺骗、爆破攻击等功能
sAudit安全审计系统
进行权限日志改造和加密(符合安全评测)
2.0项目物安盾开发迭代
在团队的努力下, 实现2.0物安盾从0 => 1的搭建(基于React框架)
平台和子应用分别开发串联(Qiankun微应用)
Webpack打包, Gitlab CI部署
其他
前端团队迎来的新的成员,为平静的湖水注入了新的活力源泉
学习
空闲时间在掘金查看前端的一些知识点,主要是查缺补漏,加强基础知识的掌握。
学习React, R ...
webpack系统回顾学习————打包组件和基础库
webpack打包组件和基础库webpack除了打包应用,也可以用来打包js库
一个示例: 实现一个大整数加法库的打包要求:
需要打包压缩版本和非压缩版本
支持AMD/CJS/ESM模块引入
预想中实现目录
1234567891011121314151617|-/dist |- large-number.js |- large-number-min.js|- webapck.config.js|- package.json|- index.js|- /src |- index.js支持的使用方式- 支持ESM: import * as largeNumber from 'large-number'- 支持CJS: const largeNumber = require('large-number')- 支持AMD: require(['large-number'], function(large-number) {...})largeNumber.add('999', ...
计算机软件测试员(三级)真题———判断题75道
员工的文化素质是在上学期间习得的,与企业文化无关参考答案: False
职业道德规范——“诚信”的特征包括通识性、止损性、智慧性和资质性参考答案: True
加强职业道德只是经营之外的事务,往往会加大企业的负担参考答案: False
社会主义道德由社会公德、职业道德和家庭美德的具体形式体现参考答案: True
在 Windows 10 中,为结束陷入死循环的程序,应首先按 Ctrl+Alt+ESC 键,然后结束该程序的进程参考答案: False
服务是一种应用程序类型,它既可以在前台也可以在后台运行参考答案: False
Windows 下加载 ISAPI 过滤器失败,欲对其失败原因进行分析,应在系统日志中查找相关信息参考答案: False
局域网中的计算机在判断所收到的广播帧是否为自己应该接收的方法是,判断帧的 MAC 地址是否与本机的硬件地址相同参考答案: False
计算机网络在逻辑功能上可以划分为资源子网和通信子网两个部份参考答案: True
Windows 10 中快速启动图标是由系统设置的,用户不能改变参考答案: False
Windows 10 2 ...
计算机软件测试员(三级)真题———多选题75道
( )符合为人民服务要求
A. 追求合理的社会效益
B. 克服困难满足顾客的需要
C. 以个人利益为中心做事
D. 提高商品的质量
E. 一切为了民主
参考答案: A,B,D
从业人员践行职业道德规范——“奉献”的要求包括( )
A. 明确岗位职责
B. 培养职责情感
C. 全力以赴工作
D. 不计任何报酬
E. 未来企业的竞争是学习能力的竞争
参考答案: A,B,C
关于敬业,正确的说法是( )
A. 以尊敬、虔诚的心灵对待职业
B. 那种把工作作为一种生活享受的想法是完全错误的
C. 对职业怀有敬畏之心
D. 敬业的本质是按上司要求做
E. 敬业的核心表现是文明礼貌
参考答案: A,C
( )属于职业道德特征
A. 职业性
B. 实践性
C. 继承性
D. 合法性
E. 集中性
参考答案: A,B,C
Windows 10 支持( )登录类型
A. 交互式
B. 网络
C. 物理开锁
D. 解锁
E. 电话唤醒
参考答案: A,B,D
Windows 10 支持的登录认证方式包括( )
A. 密码
B. PIN
C. 生物识别
D. 位置识别
E ...
计算机软件测试员(三级)真题———单选题150道
关于职业道德,( )说法不正确
A. 职业道德有利于协调职工与领导之间的关系
B. 职业道德有利于协调职工与企业之间的关系
C. 如果企业职工不遵守企业规章制度,都是因为规章制度不合理
D. 职业道德是企业文化的重要组成部分
参考答案: C
职业道德的特征是( )
A. 行业性
B. 规范制定上的任意性
C. 内容上的多变形
D. 形式上的单一性
参考答案: A
在社会主义核心价值体系中,时代精神的核心是( )
A. 改革创新
B. 爱岗敬业
C. 民主科学
D. 以人为本
参考答案: A
( )是贯通社会主义道德和共产主义道德的统一原则
A. 个人主义原则
B. 集体主义原则
C. 马克思主义原则
D. 为人民服务原则
参考答案: B
( )是指个人的某种道德行为已成为反复持久的、习以为常的生活惯例 )
A. 道德意志
B. 道德习惯
C. 道德修养
D. 道德情感
参考答案: B
( )是社会主义职业道德的重要规范,是职业道德的基础和基本精神
A. 诚实守信
B. 爱岗敬业
C. 服务群众
D. 奉献社会
参考答案: B
在社会主义市场经济条 ...
webpack系统回顾学习
Webpackwebpack 是代码编译工具, 主要包括有mode、entry、output、loader、plugins。
webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。
间断性使用和学习,却没有系统性梳理一遍,这不小组内准备完整过一遍,卷起来。
极客时间webpack课程,你值得拥有玩转webpack
掘金好文, 一篇基本概括全部内容,这里就不赘述了🔥【万字】透过分析 webpack 面试题,构建 webpack5.x 知识体系
2022前端面试手册——JavaScript相关
JavaScript的基本数据类型有哪些
String
Number
Boolean
Symbol
Undefined
Null
Object
Ajax 如何使用一个完整的AJAX请求包括五个步骤:
创建XMLHTTPRequest对象
使用open方法创建http请求,并设置请求地址, xhr.open(get/post,url,async,true(异步),false(同步))经常使用前三个参数
设置发送的数据,用send发送请求
注册事件(给 ajax 设置事件)
获取响应并更新页面
如何判断一个数据是NaNNaN 非数字 但是用 typeof 检测是 number 类型利用 NaN 的定义, 用 typeof 判断是否为 number 类型并且判断是否满足 isNaN利用 NaN 是唯一一个不等于任何自身的特点 n!==nJs 中 null 与 undefined 区别
相同点: 用 if 判断时,两者都会被转换成 false
不同点: number 转换的值不同 number(null)为 0 number(undefined)为NaN
Null 表示一个 ...