个人简历书写指南
个人信息 姓名 性别 邮箱：使用 gmail 邮箱，表明自己具备科学上网的能力 年龄 教育经历入学-毕业时间 技术能力前端基础能力 熟练掌握 HTML5, CSS3, JavaScript(ES6+), TypeScript, less, sass. 熟练使用原生 H5 完成 WebApp 熟练使用 CSS3 的媒介查询完成响应式布局 深入理解原型原型链，异步，作用域链，this 指向，闭包，垃圾回收，事件循环等 JS 相关知识 深入理解浏览器的工作原理 网络 熟悉网络通信，并深入理解 HTTP, HTTP2, HTTPS, WebSocket 等常见应用层协议 熟练使用 apifox 进行接口测试等 熟练使用 AJAX 的 XHR 和 Fetch API 完成前后端通信 熟悉 JWT, CORS, HTTP Cache, cookie, XSS, CSRF 等网络中常见的应用和安全相关知识 能利用网络实现文件上传，分片，鉴权，缓存等各种网络应用需求 效率和工具 熟练掌握诸多常用第三方库，包括: JQuery, layui,...
新机装机流程
前言最近在公司实习，想到刚拿到新电脑时候的处理，决定写一个流程，记录拿到一个新电脑后如何快速安装自己的工具链 梳理所需工具即时通讯类 QQ 下载链接 微信 下载链接 飞书 下载链接 科学上网 clash 见 quark 网盘 日常办公类 Google Chrome 下载链接 夸克 下载链接 Xmind 下载链接 Typora 下载方式见后文 Office 套件 参考链接,安装包见 quark. winRar 下载链接 实用工具类 Snipaste 下载链接 ZoomIt 下载链接 PowerToys [下载链接] (https://learn.microsoft.com/zh-tw/windows/powertoys/) 自媒体类 OBS下载链接 Adobe 系列 quark 直接安装 核心生产力IDE VSCode 下载链接 JetBrains 全家桶 下载方式见后文 版本控制 Git 下载链接 终端 nvm 下载链接 powershell 下载链接 操作系统 WSL 下载链接 VMware 下载链接 数据库 MySQL...
微嵌
...
模块化
JavaScript 模块化发展史第一阶段在JavaScript语言刚刚诞生的时候，它仅仅用于实现页面中一些小效果，那个时候，一个页面所用到的 JS 可能只有区区几百行的代码在这种情况下，语言本身所存在的一些缺陷往往被大家有意地忽略，因为程序的规模实在太小，只要开发人员小心谨慎，往往不会造成什么问题在这个阶段，也不存在专业的前端工程师，由于前端要做的事情实在太少，因此这一部分工作往往由后端工程师顺带完成第一阶段发生的大事 1996 年，NetScape将JavaScript语言提交给欧洲的一个标准指定组织 ECMA(欧洲计算机制造商协会) 1998 年,NetScape在与微软浏览器 IE 的竞争中失利,宣布破产 第二阶段ajax的出现,逐渐改变了JavaScript在浏览器中扮演的角色.现在,它不仅可以实现小的效果,还可以和服务器之间进行交互,以更好的体验来改变数据.JS...
webpack学习
课程简介本门课需要的前置知识: ES6, 模块化, 包管理器, git 本门课程的讲解特点: 合适的深度: webpack 使用层面很简单,但原理层面非常复杂 合适的广度: webpack 生态圈极其繁荣,有海量的第三方库可以融入到 webpack 浏览器端的模块化问题: 效率问题: 精细的模块划分带来了更多的 JS 文件,更多的 JS 文件带来了更多的请求,降低了页面访问效率 兼容性问题: 浏览器目前仅支持 ES6 的模块化标准,并且还存在在兼容性问题 工具问题: 浏览器不支持 npm 下载的第三方包 这些仅仅是前端工程化的一个缩影 当开发一个就具有规模的程序，你将遇到非常多的非业务问题，这些问题包括：执行效率，兼容性，代码的可维护性和可扩展性，团队协作，测试等等。我们将这些问题称之为工程问题.工程问题于业务无关,但他深刻地影响到开发进度,如果没有一个好的工具解决这些问题,将使得开发进度变得极其缓慢,同时也让开发者陷入技术泥潭. 根本原因思考:上面提到的问题,为什么在 node 端没有那么明显,反而到了浏览器端变得如此严重呢? 答:在 node 端,运行的 JS...
浏览器
...
ES6
概述 ECMAScript, JavaScript, NodeJS, 它们的区别是什么？ ECMAScript：简称ES，是一个语言标准(循环，判断，变量，数组等数据类型) JavaScript: 运行再浏览器端的语言，该语言使用ES标准.ES + Web api = JavaScript Nodejs: 运行在服务器端的语言,该语言使用ES标准. ES + node api = JavaScript 无论JavaScript,还是Nodejs,它们都是ES的超集 ECMAScript有哪些关键版本 ES3.0: 1993 ES5.0: 2009 ES6.0: 2015, 从该版本之后,不再使用数字作为编号,而使用年份,每年发布一个新版本 ES7.0: 2016 为什么ES6如此重要 ES6解决了JS无法开发大型应用的语言层面的问题. 如何应对兼容性问题 之后的课程会介绍如何解决 学习本课程需要哪些前置知识 HTML, CSS, JavaScript 这套课程难不难? 块级绑定使用var声明变量 允许重复声明导致数据被覆盖 12345678910var a =...
随笔小记
JS关于矩阵的创建今天做了一个 leetcode 的 59 螺旋矩阵题目，该题在最开始需要创建一个矩阵。GPT 给的方式如下 1const matrix = Array.from({ length: n }, () => Array(n).fill(0)); 这个代码片段使用了 ES6 的 Array.from()方法，该方法接受一个可迭代对象（通常是一个类数组对象）作为参数，并返回一个新数组。其中第二个参数是一个映射函数，用于将每个元素映射到新数组中的元素。 这个代码片段中，{ length: n }是一个对象，它表示创建一个长度为 n 的数组。然后，Array(n)是一个数组，它表示创建一个包含 n 个 0 的数组。最后，fill(0)是一个数组方法，它将数组中的每个元素设置为 0。 我过去创建矩阵通常使用如下方法 1const matrix = new Array(n).fill(0).map(() => new Array(n).fill(0)); 这个代码片段首先创建了一个长度为 n 的数组，每个元素都被设置为 0。然后，它使用...
OPPO23秋
考情分析真题地址 题目解析1.下述代码的执行结果为12345678910111213141516let obj1 = { name: '张三', getName() { return this.name; },};let obj2 = { name: '李四', getName() { return super.getName(); },};Object.setPrototypeOf(obj2, obj1);console.log(obj2.getName()); A. undefined B. “张三” C. “李四” D. null 正确答案 C 考点：super关键字，...