零基础学前端学习笔记
文章平均质量分 63
D之光
这个作者很懒,什么都没留下…
展开
-
零基础学前端之网络工作原理--计算机网络原理【学习笔记】
文章目录计算机网络原理1.计算机网络概述2.网络应用3.传输层4.网络层5.数据链路层与局域网6.物理层7.无线与移动网络8.网络安全基础计算机网络原理1.计算机网络概述计算机网络基本概念*计算机网络结构数据交换技术*计算机网络性能计算机网络体系结构**计算机网络与因特网发展简史2.网络应用3.传输层4.网络层5.数据链路层与局域网6.物理层7.无线与移动网络8.网络安全基础...原创 2021-12-25 21:37:39 · 1437 阅读 · 0 评论 -
nodejs学习笔记
文章目录nodejs学习笔记一、初识nodejs与内置模块1.浏览器中的JavaScript 的组成部分2.nodejs简介1).什么是node.js2).Node.js 中的 JavaScript 运行环境3).Node.js 可以做什么4).Node.js 环境的安装5).查看已安装的 Node.js 的版本号6).**什么是终端**7).在 Node.js 环境中执行 JavaScript 代码3. fs文件系统模块1).什么是 fs 文件系统模块2).fs.readFile() 的语法格式3).fs原创 2022-05-16 13:42:31 · 109 阅读 · 0 评论 -
前端面试重点--promise
文章目录ES6-promise1.Promise 是什么2.promise 的状态改变3.promise 的基本流程4.为什么要用 Promise5.Promise的API6.一些关键问题7.promise基本使用代码1)初体验_抽奖2)fs读取3).Ajax4).读取文件函数封装5).util.promisify 方法6).封装AJAX操作8.手写promise构造函数版本class版本9.async 与 awaitES6-promise1.Promise 是什么Promise 是一门新的技术(原创 2022-04-19 18:51:30 · 604 阅读 · 0 评论 -
uni-app入门学习
uni-appuni-app的基本使用介绍:基础部分:环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯,及组件的生命周期uni-app中使用uni-ui库项目:黑马商城项目1.uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5转载 2022-04-07 22:24:59 · 3636 阅读 · 1 评论 -
html+css移动端布局
文章目录移动端一、移动端基础**1 .浏览器现状****2 .手机屏幕现状****3.常见移动端屏幕尺寸****4.移动端调试方法**5.总结二、视口**1.布局视口** `layout viewport`**2.视觉视口**`visual viewport`**3.理想视口** `ideal viewport`4.meta视口标签三、二倍图**1.物理像素&物理像素比**2.**多倍图**3.**背景缩放 background-size****4.多倍图切图 cutterman**四、移动端开发选原创 2022-03-21 16:59:03 · 6334 阅读 · 2 评论 -
学习 HTML+CSS 这一篇就够了
文章目录学习 HTML+CSS 这一篇就够了 !HTML 简介一、网页1 .什么是网页2. 什么是 HTML3.网页的形成4.网页总结二、浏览器1. 常用浏览器2.浏览器内核三、 Web 标准(重点)1. 为什么需要 Web 标准2. Web 标准的构成HTML标签一、HTML 语法规范1. 基本语法概述2.标签关系二、HTML 基本结构标签1. 第一个 HTML2. 基本结构标签总结三、开发工具1. 网页开发工具2. VSCode 工具生成骨架标签新增代码4.1 文档类型声明标签4.2 lang 语言种原创 2022-03-17 23:25:14 · 2852 阅读 · 1 评论 -
javascript学习笔记
【前端总路线学习笔记】文章目录javascript一、简介5.JS的特点二、基础语法1. Helloword-编写位置-基本语法-字面量和变量-标识符2.数据类型-基本数据类型(String-Number-Boolean-Null-Undefined)-类型转换3.运算符(算数运算符-一元运算符-逻辑运算符-赋值运算符-关系运算符-相等运算符-三元运算符)4.html页面和 js使用 Unicode编码5.语句 代码块6. 流程控制语句(if-else if-else ;switch-case; whil原创 2022-03-14 13:35:42 · 388 阅读 · 0 评论 -
JavaScript 的json源码
// json2.js// 2016-05-01// Public Domain.// NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.// See http://www.JSON.org/js.html// This code should be minified before deployment.// See http://javascript.crockford.com/jsmin.html// USE Y原创 2022-03-14 13:30:24 · 276 阅读 · 0 评论 -
ts项目 --- 贪吃蛇
ts项目 — 贪吃蛇querySelectorAll获取的元素是死的,页面变化需要重新获取getElementsByTagName获取的元素是活的,页面变化不需要重新获取1.项目初始化package.json设置好这个文件终端输入npm i{ "name": "part2", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error原创 2022-03-12 19:25:32 · 1193 阅读 · 0 评论 -
TypeScript入门
【前端总路线学习笔记】文章目录TypeScript一、TypeScript简介二、TypeScript 开发环境搭建三、基本类型numberbooleanstring字面量anyunknownvoidneverobject(没啥用)arraytupleenum类型断言&type类型的别名四、编译选项1.自动编译文件2.自动编译整个项目配置选项:includeexcludeextendsfilescompilerOptionstargetlibmoduleoutDiroutFilerootDiral原创 2022-03-11 23:14:32 · 178 阅读 · 0 评论 -
Vue2学习笔记
【前端总路线学习笔记】Vue3学习笔记文章目录Vue2学习笔记一、Vue 核心1. Vue 简介1). 官网2). 介绍与描述3). Vue 的特点4). 与其它 JS 框架的关联5). Vue 周边库2. 初识 Vue3. 模板语法1). 模板的理解2). 插值语法3). 指令语法4. 数据绑定1). 单向数据绑定2). 双向数据绑定5.el与data的两种写法6. MVVM 模型7.数据代理1).回顾Object.defineproperty方法2).何为数据代理3).Vue中的数据代理8. 事件处原创 2022-03-07 17:08:39 · 301 阅读 · 0 评论 -
Vue3学习笔记
Vue2学习笔记(还没学)【前端总路线学习笔记】文章目录Vue3一、Vue3简介Vue3带来了什么1.性能的提升2.源码的升级*3.拥抱TypeScript4.新的特性*二、创建Vue3.0工程1.使用 vue-cli 创建2.使用 vite 创建3.分析工程结构4.开发者工具三、常用 Composition API (组合式API)1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式5.reactive对比ref6.set原创 2022-03-01 17:38:02 · 200 阅读 · 0 评论 -
Web前端开发规范手册
Web前端开发规范手册一、规范目的1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.二、文件规范2.1 文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我原创 2022-02-13 11:12:20 · 564 阅读 · 0 评论 -
预处理器less
预处理器lessless官方网站bootstrap中less教程less是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展LESS 既可以在 客户端 上运行 ,也可以借助Node.js在服务端运行。less能干啥举个例子这是css写法,如果写的太多搞不清楚嵌套层级* { margin: 0; padding: 0;}#wrap { position: relative; width: 30原创 2022-02-01 21:14:52 · 2272 阅读 · 0 评论 -
Ajax学习笔记
【前端总路线学习笔记】文章目录Ajax1. Ajax概述1.1 AJAX 简介1.2 XML 简介1.3 AJAX 的特点1.3.1 AJAX 的优点1.3.2 AJAX 的缺点2. HTTP相关问题2.1 MDN 的HTTP文档2.2 HTTP 请求交互的基本过程2.3 HTTP 请求报文2.4 HTTP 响应报文2.5 谷歌浏览器调试3. 原生AJAX 的基本使用3.1 安装node.js3.2 安装express(服务端框架)3.3 AJAX get案例3.4 AJAX GET 请求设置请求参数原创 2022-01-23 19:32:50 · 509 阅读 · 0 评论 -
git入门教程
参考博客:视频同步笔记:狂神聊Git狂神聊Git一、版本控制1. 什么是版本控制版本控制(Revision control)是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。实现跨区域多人协同开发追踪和记载一个或者多个文件的历史记录组织和保护你的源代码和文档统计工作量并行开发、提高开发效率跟踪记录整个软件的开发过程减轻开发人员的负担,节省时间,同时降低人为错误简单说就是用于管理多人协同开发项目的技术。转载 2022-01-21 19:48:01 · 211 阅读 · 0 评论 -
css插入图片和背景图片区别
css插入图片实际是一个html的img标签,占用一个盒子空间,如果有新的盒子放入,它会将其他盒子排挤开css背景图片属性 background-image: url(); 只是一个背景,其他盒子可以放在上方都什么时候使用一般情况下,背景图片适合做一些小图标使用,或特大的网页背景图产品演示一般是插入图片...原创 2022-01-14 09:05:28 · 1009 阅读 · 0 评论 -
sublime快捷方式--快速生成HTML结构语法
sublime快捷方式–快速生成HTML结构语法生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div按住滚轮往下拉可以快速选择每一行同一水平位置如果有父子级关系的标签,可以用 > 比如 ul > li就可以了 ul>li*5 也可以如果有兄弟关系的标签,用 + 就可以了 比如 div+p如果生成带有类名或者原创 2022-01-12 20:02:36 · 1028 阅读 · 0 评论 -
css基础教程【学习笔记】
文章目录css基础1. css初识2. css语法规范3. 字体属性4. CSS注释5.开发工具6. 选择器7.文本属性css基础1. css初识CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言CSS 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简原创 2022-01-12 17:28:40 · 1299 阅读 · 0 评论 -
html5设置锚点,Markdown也不服输
html5设置锚点,Markdown偷学神功原创 2022-01-12 15:55:20 · 833 阅读 · 0 评论 -
正则表达式快速掌握包括贪婪与懒惰匹配
正则表达式你可以把它当作是通配符的增强版,他所做的事情就是去帮你匹配指定规则的字符串它在计算机中的应用非常广泛平时编辑器中的词法分析器,会使用正则表达式去匹配代码中的关键字网站中注册表单会用到正则表达式去判断密码的复杂程度在爬虫中,我们同样可以使用正则表达式中提取我们需要的信息在线测试工具工具使用: 上方填写正则表达式,下方写要去匹配的文字1.限定符?:前面的字符需要出现零次或一次*:前面的字符出现0次或多次+:前面的字符出现一次以上{n} 前面的字符出现n原创 2022-01-11 22:35:53 · 224 阅读 · 0 评论 -
技术胖前端代码规范秘籍推荐
技术胖前端代码规范秘籍推荐6个文档 ,一本书籍 ,2个工具京东凹凸实验室前端代码规范腾讯前端代码规范百度前端代码规范JavaScript Standard Style :是一个个人代码规范Vue官方特有的代码风格指南阮一峰的ES6编程风格《代码整洁之道》 作者Robert,C.,MartinESLint代码规范检测工具 ESLint中文网址:是一个强类型代码规范工具Prettier代码格式化工具...原创 2022-01-11 20:53:15 · 330 阅读 · 0 评论 -
零基础学前端之SEO 基础知识学习--SEO优化学习教程【学习笔记】
【前端总路线学习笔记】本笔记的参考视频–SEO 基础知识学习视频SEO优化学习教程学习笔记SEO用到的网站1.百度指数2.站长之家1.什么是SEO – 搜索引擎优化Search Engine Optimization可以理解为网站排名SEO工作内容网站更新数据分析网站后台数据竞争对手分析网站页面价值后期规划前期后期网站推广链接推广全搜索覆盖2.SEO赚钱姿势解锁网站排名 : 流量==变现赚钱方式工作 8k平均 极端化兼职 a.原创 2022-01-11 20:22:32 · 940 阅读 · 0 评论 -
零基础学前端之HTML 速成【学习笔记】
【前端总路线学习笔记】文章目录HTML 速成【学习笔记】1. 学习准备2. 什么是HTML3. HTML编写入门4. 块级元素和内联元素5. 的使用6. 列表7. 表格8. 表单9.图片10.引用(别人说过的话)11. 按钮 button 还有 abbr 和HTML 速成【学习笔记】1. 学习准备浏览器Google ChromeMozilla FirefoxSafariEdge编辑器Visual Studio CodeSublime TextAtom.io不想下载原创 2022-01-10 00:13:57 · 637 阅读 · 0 评论 -
零基础学前端之HTML全套基础教程【学习笔记】
【前端总路线学习笔记】文章目录HTML全套基础教程【学习笔记】1.系统结构2.软件环境准备3.HTML概述4. 我的第一个HTML5. HTML的基本标签6.HTML的实体符号7. 表格*8.单元格的合并9. 表格的其他标签thead tbody tfoot10. 背景色和背景图片11. HTML图片img标签12. HTML超链接及其作用12. HTML列表13. HTML-form表单*****1. 表单form2.表单实例:用户注册的表单3.其他form 控件14. HTML中元素的id属性15.T原创 2022-01-09 22:13:44 · 355 阅读 · 0 评论 -
零基础学前端之 DNS 及其工作原理【学习笔记】
【前端总路线学习笔记】pdf学习笔记链接,提取码6666文章目录1.**DNS服务概述**∶2.域和域名3.区(Zone),资源记录4.主域名服务器与辅助域名服务器5.DNS服务器和DNS缓存6.域名解析过程7.正向解析与反向解析8.DNS资源记录安装DNS服务器配置DNS迭代和转发配置主从DNS服务器实现负载均衡配置DNS密钥认证1.DNS服务概述∶DNS ( Domain Name System )域名系统,在TCP/IP网络中有非常重要的地位,能够提供域名与IP地址的解析服务。DNS是一个原创 2022-01-09 16:22:28 · 737 阅读 · 0 评论 -
技术胖前端学习路线学习笔记【更新中】
技术胖前端学习路线学习笔记1. 网络知识网络工作原理学习视频 计算机网络原理【学习笔记】什么是HTTP学习视频 HTTP协议详解【学习笔记】原创 2022-01-08 22:20:56 · 2857 阅读 · 3 评论 -
零基础学前端之什么是HTTP--HTTP协议详解【学习笔记】
文章目录HTTP协议详解1.HTTP协议重要性(能干啥?):2. 什么是协议3. HTTP协议工作流程4. HTTP请求信息和响应信息的格式5. socket编程发送GET请求6. socket编程批量发帖7. http协议模拟登陆发帖8. referer头与防盗链9. http缓存详解10. http内容压缩11. comet反向ajaxHTTP协议详解1.HTTP协议重要性(能干啥?):(先记住吧,后面回来看也许就懂了,好多东西没听说过)无论是以后用webservice,还是用rest做大型架原创 2022-01-08 21:57:46 · 1469 阅读 · 0 评论 -
8_7.网络安全协议
7.网络安全协议安全电子邮件电子邮件安全需求机密性;完整性;身份认证性;抗抵赖性。安全电子邮件标准 – PGP安全套接字层SSLSSL是介于应用层和传输层之间的安全协议。SSL协议栈SSL握手过程协商密码组,生成密钥,服务器/客户认证与鉴别。虚拟专用网VPN和IP安全协议IPSecVPN建立在公共网络上的安全通道,实现远程用户、分支机构、业务伙伴等与机构总部网络的安全连接,从而构建针对特定组织机构的专用网络。关键技术:隧道技术,如IPSec原创 2022-01-07 00:15:39 · 3876 阅读 · 0 评论 -
8_6.防火墙与入侵检测系统
6.防火墙与入侵检测系统防火墙基本概念防火墙:能够隔离组织内部网络与公共互联网,允许某些分组通过,而阻止其他分组进入或离开内部网络的软件、硬件或者软件硬件结合的一种设施。前提:从外部到内部和从内部到外部的所有流量都经过防火墙。防火墙分类无状态分组过滤器基于特定的规则对分组是通过还是丢弃进行决策。使用访问控制列表(ACL)实现防火墙规则。有状态分组过滤器跟踪每个TCP连接建立、拆除,根据状态确定是否允许分组通过。应用网关鉴别用户身份或针对授权用户开放特定服务。入原创 2022-01-06 22:57:46 · 400 阅读 · 0 评论 -
8_5.密钥分发中心与证书认证
5.密钥分发中心与证书认证基于KDC的密钥生成和分发[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KH5xcyIq-1641480968074)(https://note.youdao.com/yws/res/7/WEBRESOURCE3b5038298e195423d157f6835b554a27)]证书认证机构认证中心CA:将公钥与特定的实体绑定证实一个实体的真实身份;为实体颁发数字证书(实体身份和公钥绑定)。...原创 2022-01-06 22:56:48 · 1192 阅读 · 0 评论 -
8_4.身份认证
4.身份认证口令:会被窃听加密口令:可能遭受回放(重放)攻击加密一次性随机数:可能遭受中间人攻击原创 2022-01-06 22:54:14 · 1263 阅读 · 0 评论 -
8_3.消息完整性与数字签名
3.消息完整性与数字签名1.消息完整性检测方法密码散列函数特性:定长输出;单向性(无法根据散列值逆推报文);抗碰撞性(无法找到具有相同散列值的两个报文)。典型散列函数MD5: 128位散列值SHA-1 : 160位散列值2. 报文认证报文认证是使消息的接收者能够检验收到的消息是否是真实的认证方法。来源真实、未被篡改。报文摘要(数字指纹)报文认证方法简单报文验证:仅使用报文摘要,无法验证来源真实性。报文认证码:使用共享认证密钥,但无法防止接收方篡改。原创 2022-01-06 22:50:41 · 409 阅读 · 0 评论 -
8_2.数据加密
2.数据加密1.数据加密基本概念明文:未加密的消息。密文:被加密的消息。加密:伪装消息以隐藏消息的过程,即明文转变为密文的过程。解密:密文转变为明文的过程。2. 传统加密方式替代密码用密文字母代替明文字母。移位密码加密函数:解密函数:换位密码根据一定的规则重新排列明文。3. 现代加密方式对称密钥加密现代密码分类:对称密钥密码:加密密钥和解密密钥相同(密钥保密)。非对称密钥密码︰加密密钥和解密密钥不同。(私钥和公钥)对称密钥密码分原创 2022-01-06 22:47:57 · 2364 阅读 · 0 评论 -
8_1.网络安全概述
1.网络安全概述基本概念网络安全通信所需要的基本属性:机密性;消息完整性;可访问与可用性;身份认证。网络安全威胁窃听;插入;假冒劫持;拒绝服务DoS和分布式拒绝服务DDoS映射;(端口扫描)嗅探;IP欺骗。...原创 2022-01-06 22:43:01 · 1425 阅读 · 0 评论 -
7_6.其他典型无线网络简介
6.其他典型无线网络简介WiMaxIEEE 802.16,城域网技术,传输距离更远,接入带宽更高。蓝牙IEEE 802.15.1,小范围,低功率,低成本,自组织。ZigBeeIEEE 802.15.4,低功率,低数据速率,低工作周期...原创 2022-01-06 17:23:05 · 163 阅读 · 0 评论 -
7_5.移动IP网络
5.移动IP网络代理发现代理通告外部代理或归属代理使用一种现有路由器发现协议的扩展协议来通告其服务。周期性地在所有连接的链路上广播一个类型字段为9(路由器发现)的ICMP报文(网络层的一个协议)。代理请求移动结点广播一个代理请求报文,该报文是一个类型值为10的ICMP报文。收到该请求的代理将直接向该移动结点单播一个代理通告。向归属代理注册移动结点和/或外部代理向一个移动结点的归属代理注册或注销COA(转交地址)所使用的协议。移动结点向外部代理发送一个移动IP注册报文;外部代理原创 2022-01-06 17:22:10 · 496 阅读 · 0 评论 -
7_4.蜂窝网络
4.蜂窝网络蜂窝网络体系结构基站系统BSS:基站控制器(BSC)、收发基站移动交换中心MSC网关MSC蜂窝网络中的移动性管理间接路由选择方法移动通信2G/3G/4G/5G网络2G网络信令和语音信道都是数字式的。3G网络无线通信与互联网等多媒体通信结合。4G网络高速率数据业务,不同频段、不同业务环境间的无缝漫游。5G网络超高容量、超可靠性、随时随地可接入性。...原创 2022-01-06 17:20:22 · 222 阅读 · 0 评论 -
7_3.无线局域网IEEE 802.11
3.无线局域网IEEE 802.11IEEE 802.11体系结构基站AP本服务集BSSAP发现:Ap发现主动扫描探测帧被动扫描信标帧IEEE 802.11的MAC协议CSMA/CA——带碰撞避免的CSMA :(CA:碰撞避免)CSMA/CA通过RTS(请求数据通信)和CTS(可以通信的数据,通报给范围内所有的设备)帧的交换,可以实现信道的预约占用,避免数据帧传输过程中的冲突。IEEE 802.11帧IEEE 802.11的帧类型:控制帧、数原创 2022-01-06 17:18:39 · 169 阅读 · 0 评论 -
7_2.移动网络
2.移动网络移动网络基本原理不同的移动性需求网络层地址保持不变的重要性有线基础设施的支持寻址永久地址和转交地址外部代理把新的地址告诉归属代理,通信着访问到归属代理后,归属代理代替通信着进行访问新的地址移动结点的路由选择间接路由选择:由归属代理转发数据给外部代理直接路由选择:由通信代理通过归属代理获得转交地址,直接发送到外部代理。...原创 2022-01-06 17:15:54 · 167 阅读 · 0 评论