马嘉路

五层网络模型分层的意义 每层相对独立,只需解决自己的问题 每层无需考虑下层的交付,只需要把自己的结果交给下层即可 每层有多种方案可供选择,选择不同的方案不会对上下层造成影响 每一层会在上一层的基础上增加一些额外信息 五层网络模型 数据的封装和解封 四层,五层,七层 面试题说说网络的五层模型 参考答案 从上到下分别为应用层,传输层,网络层,数据链路层,物理层.在发送消息时,消息从上到下进行打包,每一层会在上一层的基础之上加包,而接收消息时,会从下到上解包,最终得到原始信息. 其中:...

核心概念注入 vue 会将以下配置注入到 vue 实例: data: 和界面相关的数据 compouted: 通过已有的数据计算出来的数据 methods: 方法 模板中可以使用 vue 实例中的成员 虚拟 DOM 树直接操作真实的 DOM 会引发严重的效率问题,vue 使用虚拟 DOM(vnode)的方式来描述要渲染的内容,vnode 是一个普通的 JS 对象,用于描述界面上应该有什么,比如: 1234var vnode = { tag: 'h1', children: [{ tag: undefined, text: '第一个vue应用: Hello World' }],}; 上面的对象描述了: 1有一个标签名为h1的节点,他会有一个子节点,该子节点是一个文本,内容为"第一个vue应用: Hello World" vue 模板并不是真实的 DOM,他会被编译为虚拟 DOM 1234<div id="app"> ...

前言最近在公司实习,有一个新的需求,需要把我们的 APP 的遮罩加载 loading 效果替换为骨架屏(skeleton screen)以提升用户体验. 原来在学习 uniapp 小程序开发的时候曾经使用过骨架屏这一技术,当时是利用微信小程序开发者工具直接生成的. 但是公司的 APP 的技术栈是 Flutter, 开发的是 Android 和 IOS 的应用,所以在技术实现上可能会略有不同. 为了总结记录骨架屏的相关知识和最佳实践,决定开一篇文章记录一下. 骨架屏的背景与意义背景骨架屏(skeleton screen)是指当网络较慢时，在页面真实数据加载之前，给用户展示出页面的大致结构。...

项目准备最近准备做一个无人自习室的项目,先简单写一些想法,以后再慢慢完善. 总体上分为软硬件两大部分 软件 用户端小程序 商家端小程序 商家端PC管理后台 对于小程序端,采用技术栈: UI设计: MasterGo 框架: Uniapp支持平台微信小程序,支付宝小程序,抖音小程序 UI组件库: uview-plus 语言: typescript + scss 对于PC管理后台,采用技术栈 框架: vue3 UI组件库: ElementPlus+ Echarts 语言: typescript + scss 后端统一采用 mysql + nodejs + koa 调试工具 apifox 硬件初步功能点 我想做一个无人自习室软件,包括uniapp用户端和Vue3管理后台,后端用express,请问这个项目可以寻找哪些点作为前端技术的难点和亮点为简历添彩 这是一个很有潜力的项目！以下是前端部分可以设计为技术难点和亮点的点，以提升简历的吸引力： 技术难点与亮点1. 实时座位状态显示难点： 实现座位实时更新需要前后端协作。 使用 WebSocket...

计算机的发展 计算机系统 = 硬件 + 软件系统软件: 用来管理整个计算机系统 操作系统 数据库管理系统(DBMS) 标准程序库 网络软件 语言处理程序 服务程序 应用软件: 按任务需要编制的各种程序 硬件的发展ENIAC:...

SQL基础篇 MySQL的安装与启动启动与停止12net start <服务名>net stop <服务名> 1Win + R SQL通用语法及分类SQL通用语法 可以单行或多行书写,以分号结尾 可以使用空格/缩进来增强语句的可读性 不区分大小写,关键字建议使用大写 注释 单行注释: —注释内容 或 #注释内容(MySQL特有) 多行注释: / 注释内容 / SQL分类 分类 全称 说明 DDL Data Definition Language 数据定义语言,用来定义数据库对象(数据库,表,字段) DML Data Manipulation Language 数据操作语言,用来对数据库表中的数据进行增删改 DQL Data Query Language 数据查询语言, 用来查询数据库中表的记录 DCL Data Control Language 数据控制语言,用来创建数据库用户,控制数据库访问权限 DDL数据库操作12345678910-- 查询所有数据库SHOW DATABASES;--...

个人信息 姓名 性别 邮箱：使用 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...