- 博客(54)
- 收藏
- 关注
原创 【TypeScript】---项目打包
步骤一、初始化项目进入项目根目录,执行命令npm init -y,创建package.json文件下载工具二、下载配置工具npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin安装了以下七个包:webpack:制造工具webpack webpack的高级工具-cli:webpack的高级工具 webpack-dev-server:webpack...
2022-05-30 17:31:20
1680
1
原创 【TypeScript】---配置选项
目录一、编译自动编译文件自动编译整个项目二、配置选项的介绍1. include(包含)2. exclude(排除)3.extends(延伸)4. files(文件)5. compilerOptions (编译器选项) target(项目编译)lib(库)module (模块)outDir(输出目录)outFile(输出文件)rootDir(根目录)checkJs其他配置严格检查额外检查一、编译自动编译文件...
2022-05-30 17:18:46
9807
原创 【TypeScript】---基础类型
目录类型声明语法:类型:numberbooleanstringanyunknownvoidneverobjectarraytupleenum类型断言函数数组元组 TupleTypeScript中的基本类型之前学习得js的数据类型有boolean、number、string、undefined、null、symbol、bigint、object在TS中新增void、any、unknown、never类型声明
2022-05-30 16:45:41
1424
原创 【八股文】---前端面试经验总结
前言一、HTML+CSS基础知识https://zhuanlan.zhihu.com/p/28415923HTML与CSS基础总结 一. 认识WEB 1.浏览器的分类和内核 2.图解web标准 二. HTML基础 1.文档类型 2.页面语言lang 3. 字符集 4.标签语义化 5.锚点定位 6.base 标签 7.特殊符号 三. CSS选择器 1.三种样式表总结 2.CSS基础选择器 3.font字体 4.CSS外观属性总结
2022-05-29 13:41:02
1395
2
原创 【vue-router】---原生js实现两种路由模式
目录一、hash模式二、history模式三、hash模式和history模式的区别我们在vue中用的路由其实也是用原生的js封装的,本文总结两种路由模式的原生写法,总结两者的实现的原理和区别Vue两种前端路由(hash模式和history模式)实现原理解析及区别一、hash模式hash值变化浏览器不会重新发起请求,但是会触发window.hashChange事件,假如我们在hashChange事件中获取当前的hash值,并根据hash值来修改页面内容,则达到了前端路由的目的
2022-05-28 15:15:18
9955
原创 【git】---协同开发常用指令
一、安装参考官方文档的安装步骤https://link.zhihu.com/?target=https%3A//git-scm.com/book/zh/v2/%25E8%25B5%25B7%25E6%25AD%25A5-%25E5%25AE%2589%25E8%25A3%2585-Git配置git的用户名和邮箱git config --global user.name "你的名字或昵称"git config --global user.email "你的邮箱"创建SSH密钥 ss.
2022-05-28 15:03:36
1162
原创 【Ajax】---异步的JavaScript和XML
介绍Ajax 的核心是 XMLHttpRequest 对象。方法 描述 new XMLHttpRequest() 创建新的 XMLHttpRequest 对象 abort() 取消当前请求 getAllResponseHeaders() 返回头部信息 getResponseHeader() 返回特定的头部信息 open(method,url,async,user,psw) 规定请求 method:请求类型 GET 或...
2022-05-28 13:18:17
8772
原创 【vue】---面试经验总结
一、vue的原理1. 双向绑定原理vue的底层原理是怎么实现的,这是一道必考题,所以一定要掌握,一句话总结:vue.js 采用数据劫持结合发布-订阅模式,通过 Object.defineproperty 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发响应的监听回调原理当创建 Vue 实例时,vue 会遍历 data 选项的属性,利用 Object.defineProperty 为属性添加 getter 和 setter 对数据的读取进行劫持(getter 用
2022-05-28 11:38:19
9812
原创 【网络安全】---web网络安全总结
我们页面常见的web安全问题有:一、保证我们的前端页面没有漏洞可循xss跨站点脚本攻击: 不要新人任何用户的输入, 能跟用户产生交互的地方都需要对参数进行转译或者过滤 文件上传漏洞攻击: 校验文件格式, 后端限制存放文件路径的权限,限制运行脚本 SQL注入攻击: 对用户输入进行转译, 后端采用预编译的sql,不要直接使用前端参数 CSRF 跨站请求伪造anti CSRF token: 原理是从后端拿过来的html文件会在session存储一个随机的验证信息, 每次请求都发送这个验证信息进行校
2022-05-28 00:33:04
10898
原创 模块化的演进
Script标签 <script src = "module1.js"></script> <script src = "module2.js"></script> <script src = "module3.js"></script>这是最原始的JavaScript文件加载方式,如果把每一个文件看做是一个模块,那么他们的接口通常是暴露在全局作用域下,也就是定义在window对象中,不同模块的调用都是一个作用域。
2022-05-27 15:38:55
106
原创 HTML+CSS+JavaScript基础知识总结
目录一、HTML+CSS1. 如何理解HTML的语义化2. 从浏览器地址栏输入url回车会发生什么3. 溢出的文字显示省略号4. css选择器和优先级css选择器5. BFC6. 水平垂直居中的方法二、JavaScript1. 基本数据类型2. 数组的使用一、数组序列化二、栈和队列方法三、排列方法四、操作方法五、位置方法六、迭代方法2.1 利用函数求任意个数的最大值2.2 利用函数翻转任意数组 reverse ......
2022-05-27 13:38:20
10508
1
原创 [ES6]--symbol类型
基本用法根据规范,对象的属性键只能是字符串类型或者 Symbol 类型。不是 Number,也不是 Boolean,只有字符串或 Symbol 这两种类型。常用的场景:创建唯一记号。初始化let sym = Symbol();// 支持传递参数let bsym = Symbol('BBB');创建时,我们可以给 Symbol 一个描述(也称为 Symbol 名),这在代码调试时非常有用:let asym = Symbol('nanlv')let bsym = Symbol('.
2022-05-27 13:06:52
8676
原创 JavaScript数组方法总结
在准备面试的同时,复习之前的知识点,顺便做一个小总结,希望对读者有所帮助,近期会连续更新ES6和算法知识,感兴趣的朋友记得点赞收藏哦一、ES6新增构造方法1. Array.form()将类数组和可迭代对象转化为数组Array.from(arrayLike[, mapFn[, thisArg]])参数:arrayLike 想要转换成数组的伪数组对象或可迭代对象。 mapFn可选 如果指定了该参数,新数组中的每个元素会执行该回调函数。 thisArg可选 可选参数,执行回调...
2022-05-27 12:51:51
9521
1
原创 【JavaScript数据结构】--- 队列
队列是一种受限的线性表,特点为**先进先出**(**FIFO**:first in first out)。在 FIFO 数据结构中,将`首先处理添加到队列中的第一个元素`。如上图所示,插入(insert)操作也称作入队(enque....
2022-05-26 23:40:31
1304
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅