- 博客(43)
- 资源 (1)
- 收藏
- 关注
原创 vue进阶
优势一:模板化1、插槽 - 模板更加灵活2、模板数据的二次加工上:过滤器、v-html、jsx优势二: 组件化1、传统模板化组件2、混入 mixin3、继承拓展extends4、整体拓展 —— extend5、插件 - Vue.use(plugin)
2022-05-25 13:26:38 284
原创 ES next相关
发展历史脚本语言:浏览器脚本:JavaScript作为一个脚本语言出现。服务器脚本:PHP / ASP / JSP。JavaScript相关知识:ECMAScript是一个标准,JavaScript是标准的实现;ECMAScript是JavaScript的规格;JavaScript实际上就是ECMAScript的一个方言,还有其他方言如JScript,ActionScript;浏览器端对于语言特性的实现,有一些滞后,即语言方面实现了,浏览器端不一定实现了;浏览器在用户端的升级也有一些
2022-04-19 19:57:46 583
原创 TypeScript
什么是TS?定义:是JS的一个超集,在原有的语法基础上,添加强类型并切换为基于类的面向对象语言。关于TS与JS的对比:面向项目:TS:面向解决大型复杂项目、架构,可解决代码复杂难以维护的场景。JS:是一个脚本化语言,面向简单页面等使用。自主检测:TS:编译时主动发现并提示错误。JS:运行时才发现错误。类型检测:TS:强类型语言,支持动态和静态类型检测。JS:弱类型语言,无静态类型选项。运行流程:TS:依赖编译,依靠编译打包实现在浏览器端的运行。JS:可直接在浏览器端运行。复杂
2022-04-18 23:14:03 325
原创 浏览器体系
浏览器运行态下的JS浏览器 = 可执行环境 + 用户可操作的APP。浏览器需提供 = 脚本语言所需的执行环境 + API + 用户本身所具有的操作(调用本地键盘、蓝牙等)。所以浏览器运行态下的JS包括BOM、DOM、ECMAScript。问:由我们可以操作BOM、DOM,使用ECMAScript语法的场景,面试官询问浏览器JS的执行态是怎么样的?答:ECMAScript:是一个规范,主要提供基础逻辑、数据处理等方面,有纯正的JS语法。DOM:对于浏览器视窗内,对文本有相应的操作方面。B
2022-04-15 01:40:43 490
原创 JS模块化
JS 模块化1. 背景:前端复杂度的提升 => 前端的变迁 => 工程化的推进(grunt、gulp、webpack)=> 服务化 => nodejs2. 语法基础:IIFE(立即调用函数表达式),作用域范围相关。3. 模块化分类:(1)传统型:无模块化、CommonJS、CMD、AMD、ESM(面试主要考察这几种的对比区分);(2)现代型:拓扑组合,webpack。
2022-04-09 18:53:22 951
原创 promise背景、规范、手写
Promise出现的原因:1. 为何会出现同步&异步问题?2. 浏览器处理机制,如何解决异步问题 – callback3. 面试题中的异步Promise解决上述同步异步问题。Promise相关简介:1. 是什么?2. 使用场景?3. 状态及其状态的流转?Promise/A+规范:1. 概念2. 术语3. 规范面试题Promise常用方法:all、race手写简单PromiseESNext 时代的新解法:1. Generator2. Async / Await
2022-04-01 15:34:48 322
原创 localStorage,sessionStorage和cookie的区别
只能说是面试常考题了,特别是在项目中使用到这几个的任何一个,基本都会进行提问区别。于是决定进行好好总结。共同点:都是用于数据存储,将数据存储在浏览器端,满足同源策略。(同源策略是用于限制一个源和另一个源进行交互的安全策略,同源:协议、端口号、主机都相同)区别:保存方式区别:cookie数据始终在同源的http请求中携带,即cookie会在浏览器和服务器之间来回传递,但可以通过路径限制其只属于某个路径下有效。而sessionStorage和localStorage不会把数据发给服务器,仅在本地保存。
2022-03-23 09:20:20 1964
原创 JS实现vue的双向数据绑定基本原理
<input type="text" oninput="inputFn()"/><script> //data对象 let data = { msg: "msg", }; //vm实例:此处的vm实例其实相当于一个中介,将DOM视图的input输入框与data对象连接起来 let vm = {}; //1.变量改变视图:使用Object.defineProperty劫持对象属性的值改变,set方法里影响视图,表明vm发生了改变,在里面改变data对象 Object
2022-02-27 10:00:04 298
原创 vue组件之间的数据共享
父—子共享数据:使用自定义属性。//父组件<Son :msg="message" :user="userInfo"/>data() { return { message: "hello", userInfo: { name: "zs", age: 12 } }}//子组件props: ['msg', 'user']子—父共享数据:使用自定义事件。//子组件export default { data() { return { count
2022-02-26 18:33:42 400
原创 JavaScript的深浅拷贝
首先,要知道基本类型是没有深浅拷贝之分的,因为基本类型在进行复制时,就是将值直接复制给另一个;而引用类型在进行复制时,由于占用内存比较大,只会复制引用地址,相当于复制只是共用了同一个对象/数组。这样我们在更改一个时,另一个对象/数组就会跟着发生变化,如果我们不想要这种效果,就需要对其进行完全复制,使两个对象不再共用同一个对象/数组,相当于只是把一个对象/数组的值赋值给另一个对象/数组。浅拷贝:只进行浅层的复制,只复制一层,更深层的数据发生改变另一个对象还是会发生改变。使用for/in方式。le
2022-01-31 16:37:13 784
原创 原生JavaScript全选、全不选、反选实例
全选:用户点击,在标签上添加已选中的属性,即checked = true。全不选:用户点击,在标签上移除checked的属性,即checked=false。反选:用户点击,使用户原先点击的变为不点击的,用户原先不点击的变为点击的,即checked=!checked。三者所做操作基本一致,考虑封装为函数作为后续使用。页面布局:后续可换成任何自己需要的布局。<form> <div><input type="checkbox">多选1</div> &l
2022-01-31 16:05:33 352
原创 原生JavaScript随机抽奖案例
案例需求:抽奖机中有多个不同的奖项,点击按钮开始进行随机抽奖,默认所有的奖项得到的概率是一致的。页面布局:大致布一下,可根据喜好进行调整。<div> <div class="awards">特等奖</div> <div class="awards">一等奖</div> <div class="awards">二等奖</div> <div class="awards">三等奖</div>
2022-01-27 14:10:16 1728
原创 原生JS实现放大镜效果(HTML、CSS、JavaScript)
效果如下:首先分析一下布局。如下图所示,先有一个红色的大盒子作为整体的容器;蓝色为红色大盒子里的容器,左边为一开始的图片放置的容器,右边为经过放大后的处理效果图片的放置容器;左右蓝色容器里,绿色代表放置的图片;黄色盒子是滑块的盒子,应与图片是属于同一级的。<!--外层容器--><div id="box"> <!--左侧图片容器--> <div class="small"> <!--滑块--> <div class="sl
2022-01-21 18:31:43 1451
原创 排序算法(JavaScript语言)
排序:对一序列对象根据某个规则进行排序。如从小到大的规则、从大到小的规则。排序的稳定性:如果a原本在b前面,且a=b,经过排序后a仍在b前面,则排序稳定。否则排序不稳定。时间复杂度:一个算法执行时所耗费的时间;空间复杂度:一个算法执行时所需要的内存空间大小。排序算法对比:(图源于网络)排序分类:PS:以下均以从小到大排序为例。部分借鉴网络上。冒泡排序(Bubble Sort)算法思想:两个数比较大小,较大的数下沉,较小的数上浮。算法描述:比较相邻的元素。如果第一个数比第二个数大,就交
2021-12-30 16:17:23 201
原创 计算机网络期末复习题
第一份:互联网能够提供许多服务,具有两个重要的基本特点,即连通性和共享。电路交换:整个报文的比特流连续地从源点直达终点,好像在一个管道中传送。优点:通信时延小(因为通信线路为通信双方专用,数据直达,因此通信时延小。当传输大量数据时,优势非常明显);有序传输(因为通信双方之间只有一条专用的通信线路,数据只在这一条线路上传输,因此不存在失序问题);没有冲突(不同的通信双方拥有不同的信道,不会出现争用物理信道的问题);适用范围广(电路交换既适用于传输模拟信号,也适用于传输数字信号);实时性强(得益于通信
2021-12-20 12:19:12 4728
原创 计算机网络期末总复习知识点
概述互联网的2个重要基本特点:连通性(connectivity)和资源共享(sharing)。端系统之间的两种通信方式:客户/服务器方式(Client/Server方式、C/S方式)、对等方式(Peer to Peer方式、P2P方式)。客户/服务器方式:进程之间服务和被服务的关系。客户是服务的请求方,服务器是服务的提供方。客户与服务器的通信关系建立后,通信可以是双向的,客户和服务器都可发送和接收数据。客户程序和服务器程序的主要特点:客户程序被用户调用后运行,需主动向远地服务器发起通信(请求服务
2021-12-19 09:05:47 8017
原创 vue的组件及其传值
定义:组件是vue中最强的功能,可以扩展HTML,封装重用的代码。重要性:vue的核心之一,所有的页面基本都是通过组件来管理的。组件传值:当组件过多时如何进行参数的传递很重要。父组件传参到子组件不同的页面有多个按钮,各个按钮的名称可能是不一样的,样式也可能是不一样的,调用的函数也会是不一样的。写一个组件,根据传入不同来实现上述效果。传入不同的名称index.vue<Btn :title="'修改'"/>Btn.vue<button>{{title}}</b
2021-12-05 16:14:56 280
原创 计算机网络——应用层
应用层的作用通过位于不同主机中的多个应用进程之间的通信和协同工作来完成。应用层的内容就是具体定义通信规则。应用层中常见的协议域名系统DNS:域名结构:每一个域名用标号隔开。如www.baidu.com。三级域名.二级域名.顶级域名。域名服务器:迭代、递归。文件传输协议FTP:使用TCP连接,传输数据。端口号是21/20,20是发送数据的。远程终端协议TELNET:使用TCP连接,远程登录到远地的另一台主机上。端口号是23。万维网和HTTP协议:超文本传输协议,
2021-12-03 09:41:16 2538
原创 计算机网络——传输层
传输层概论传输层:核心任务:为应用进程之间提供端到端的逻辑通信服务(端到端:应用进程与应用进程之间;网络层的点到点:主机与主机之间)。从通信和信息处理的角度看,传输层向上层,即应用层提供通信服务。主要的功能:传输层寻址;应用层报文的分段和重组;报文的差错检测;进程之间的可靠数据传输控制;面向应用层实现复用和分解;端到端的流量控制;拥塞控制。注意点:传输层协议提供逻辑通信服务;传输层协议只需在端系统中实现;通信的真正端点并不是主机,而是主机中运行的应用进程。端口号:客户端(网络层)可以通过IP
2021-11-18 12:05:19 867
原创 计算机网络——物理层
物理层的基本概念四大特性:机械特性:接口是怎样的;电气特性:用多少伏的电;功能特性:线路上电平电压的特性;过程特性:实现不同功能所发射信号的顺序。两种信号:模拟信号:特定频段的信号,有更加丰富的表现形式;数字信号:不是1就是0。调制与编码:调制:模拟信号转换。编码:数字信号转换。采样+量化+编码。区别:数据可以通过编码手段转成数字信号,也可以通过调制手段将数据转为模拟信号 。数字数据可以通过数字发送器转化为数字信号 (编码),也可以通过调制器转化为模拟信号(调)。模.
2021-11-12 01:17:50 1934
原创 计算机网络——数据链路层
数据链路层基础概论:数据链路层的概念:数据链路层是在物理层和网络层之间的协议,提供相邻结点的可靠数据传输。帧的概念:数据链路层的协议数据单元。帧头(源MAC地址+目的MAC地址+类型)+数据+帧尾(校验)。以太网数据帧中的MAC和LLC:MAC:MAC介质访问控制。作用:数据帧的封装/卸装,帧的寻址和识别,帧的接收与发送,链路的管理,帧的差错控制等。MAC子层的存在屏蔽了不同链路种类的差异性。LLC:LLC逻辑控制访问。作用:LLC子层的主要功能为传输可靠性保障和控制,数据报的分段与重组,数.
2021-11-12 00:41:11 2108
原创 计算机网络——概述
计算机网络的概念计算机网络的定义:计算机网络主要是由一些通用的、可编程的硬件互连而成的,而这些硬件并非专门用来实现某一特定目的(如,传送数据或视频信号)。这些可编程的硬件能够用来传送多种不同类型的数据,并能支持广泛的和日益增长的应用。互联网的2个重要的基本特点:连通性和资源共享。计算机网络的组成:终端系统/资源子网(提供共享的软件资源和硬件资源);通信子网(提供信息交换的网络结点和通信线路)。计算机网络的类型:按拓扑分类:星型结构、树形结构、总线型结构、环形结构、网状结构。按范围分类:局域.
2021-11-11 13:32:39 908
原创 计算机网络——网络层
网路层的作用:网络层的目的:实现两个端系统之间的数据透明传送。具体功能:寻址和路由选择、连接的建立、保持和终止等。它提供的服务使传输层不需要了解网络中的数据传输和交换技术。作用:提供点到点的服务。网际层协议IPARP地址解析协议:根据IP地址获取物理地址。ICMP网际控制报文协议:通过ICMP传输控制消息。分为ICMP差错报告报文(终点不可达、源点抑制、时间超时、参数问题、路由重定向等)和ICMP询问报文(回声请求/应答(如ping命令检查网络通不通)、时间戳请求/应答)。即,控制的消.
2021-11-11 10:46:13 1086
原创 JavaScript内存机制
内存模型:JS内存空间分为栈(stack)、堆(heap)、池(一般也会归类为栈中)。其中栈存放变量,堆存放复杂对象,池存放常量。内存的生命周期:内存分配:当我们申明变量、函数、对象的时候,系统会自动为他 们分配内存。内存使用:即读写内存,也就是使用变量、函数等。内存回收:使用完毕,由垃圾回收机制自动回收不再使用的内存。var a = 20;//内存分配console(a);//内存使用a = null;//内存回收...
2021-10-31 16:37:02 367
原创 动态路由简单示例
路由router.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//常规路由,一开始即可访问的路由export const constantRoutes = [ { path: '/login', component: ()=>import('../views/Login.vue') }, { path: '/register', component: ()=>
2021-10-07 21:24:57 251
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人