Krismiling-CSDN博客

发展历史脚本语言：浏览器脚本：JavaScript作为一个脚本语言出现。服务器脚本：PHP / ASP / JSP。JavaScript相关知识：ECMAScript是一个标准，JavaScript是标准的实现；ECMAScript是JavaScript的规格；JavaScript实际上就是ECMAScript的一个方言，还有其他方言如JScript，ActionScript；浏览器端对于语言特性的实现，有一些滞后，即语言方面实现了，浏览器端不一定实现了；浏览器在用户端的升级也有一些

2022-04-19 19:57:46 567

原创 TypeScript+vue2项目，引入ts时项目需要的做的前置工作

项目使用TypeScript的前置工作

2022-04-19 10:44:27 825

原创 TypeScript

什么是TS？定义：是JS的一个超集，在原有的语法基础上，添加强类型并切换为基于类的面向对象语言。关于TS与JS的对比：面向项目：TS：面向解决大型复杂项目、架构，可解决代码复杂难以维护的场景。JS：是一个脚本化语言，面向简单页面等使用。自主检测：TS：编译时主动发现并提示错误。JS：运行时才发现错误。类型检测：TS：强类型语言，支持动态和静态类型检测。JS：弱类型语言，无静态类型选项。运行流程：TS：依赖编译，依靠编译打包实现在浏览器端的运行。JS：可直接在浏览器端运行。复杂

2022-04-18 23:14:03 320

原创浏览器体系

浏览器运行态下的JS浏览器 = 可执行环境 + 用户可操作的APP。浏览器需提供 = 脚本语言所需的执行环境 + API + 用户本身所具有的操作（调用本地键盘、蓝牙等）。所以浏览器运行态下的JS包括BOM、DOM、ECMAScript。问：由我们可以操作BOM、DOM，使用ECMAScript语法的场景，面试官询问浏览器JS的执行态是怎么样的？答：ECMAScript：是一个规范，主要提供基础逻辑、数据处理等方面，有纯正的JS语法。DOM：对于浏览器视窗内，对文本有相应的操作方面。B

2022-04-15 01:40:43 487

原创 JS模块化

JS 模块化1. 背景：前端复杂度的提升 => 前端的变迁 => 工程化的推进（grunt、gulp、webpack）=> 服务化 => nodejs2. 语法基础：IIFE（立即调用函数表达式），作用域范围相关。3. 模块化分类：（1）传统型：无模块化、CommonJS、CMD、AMD、ESM（面试主要考察这几种的对比区分）；（2）现代型：拓扑组合，webpack。

2022-04-09 18:53:22 934

原创 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 316

原创 localStorage，sessionStorage和cookie的区别

只能说是面试常考题了，特别是在项目中使用到这几个的任何一个，基本都会进行提问区别。于是决定进行好好总结。共同点：都是用于数据存储，将数据存储在浏览器端，满足同源策略。（同源策略是用于限制一个源和另一个源进行交互的安全策略，同源：协议、端口号、主机都相同）区别：保存方式区别：cookie数据始终在同源的http请求中携带，即cookie会在浏览器和服务器之间来回传递，但可以通过路径限制其只属于某个路径下有效。而sessionStorage和localStorage不会把数据发给服务器，仅在本地保存。

2022-03-23 09:20:20 1946

原创 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 296

原创 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 395

原创 JavaScript的深浅拷贝

首先，要知道基本类型是没有深浅拷贝之分的，因为基本类型在进行复制时，就是将值直接复制给另一个；而引用类型在进行复制时，由于占用内存比较大，只会复制引用地址，相当于复制只是共用了同一个对象/数组。这样我们在更改一个时，另一个对象/数组就会跟着发生变化，如果我们不想要这种效果，就需要对其进行完全复制，使两个对象不再共用同一个对象/数组，相当于只是把一个对象/数组的值赋值给另一个对象/数组。浅拷贝：只进行浅层的复制，只复制一层，更深层的数据发生改变另一个对象还是会发生改变。使用for/in方式。le

2022-01-31 16:37:13 783

原创原生JavaScript全选、全不选、反选实例

全选：用户点击，在标签上添加已选中的属性，即checked = true。全不选：用户点击，在标签上移除checked的属性，即checked=false。反选：用户点击，使用户原先点击的变为不点击的，用户原先不点击的变为点击的，即checked=!checked。三者所做操作基本一致，考虑封装为函数作为后续使用。页面布局：后续可换成任何自己需要的布局。<form> <div><input type="checkbox">多选1</div> &l

2022-01-31 16:05:33 347

原创原生JavaScript随机抽奖案例

案例需求：抽奖机中有多个不同的奖项，点击按钮开始进行随机抽奖，默认所有的奖项得到的概率是一致的。页面布局：大致布一下，可根据喜好进行调整。<div> <div class="awards">特等奖</div> <div class="awards">一等奖</div> <div class="awards">二等奖</div> <div class="awards">三等奖</div>

2022-01-27 14:10:16 1720

原创原生JS实现放大镜效果(HTML、CSS、JavaScript)

效果如下：首先分析一下布局。如下图所示，先有一个红色的大盒子作为整体的容器；蓝色为红色大盒子里的容器，左边为一开始的图片放置的容器，右边为经过放大后的处理效果图片的放置容器；左右蓝色容器里，绿色代表放置的图片；黄色盒子是滑块的盒子，应与图片是属于同一级的。<div id="box">  <div class="small">  <div class="sl

2022-01-21 18:31:43 1449

原创排序算法（JavaScript语言）

排序：对一序列对象根据某个规则进行排序。如从小到大的规则、从大到小的规则。排序的稳定性：如果a原本在b前面，且a=b，经过排序后a仍在b前面，则排序稳定。否则排序不稳定。时间复杂度：一个算法执行时所耗费的时间；空间复杂度：一个算法执行时所需要的内存空间大小。排序算法对比：（图源于网络）排序分类：PS：以下均以从小到大排序为例。部分借鉴网络上。冒泡排序（Bubble Sort）算法思想：两个数比较大小，较大的数下沉，较小的数上浮。算法描述：比较相邻的元素。如果第一个数比第二个数大，就交

2021-12-30 16:17:23 189

原创计算机网络期末复习题

第一份：互联网能够提供许多服务，具有两个重要的基本特点，即连通性和共享。电路交换：整个报文的比特流连续地从源点直达终点，好像在一个管道中传送。优点：通信时延小（因为通信线路为通信双方专用，数据直达，因此通信时延小。当传输大量数据时，优势非常明显）；有序传输（因为通信双方之间只有一条专用的通信线路，数据只在这一条线路上传输，因此不存在失序问题）；没有冲突（不同的通信双方拥有不同的信道，不会出现争用物理信道的问题）；适用范围广（电路交换既适用于传输模拟信号，也适用于传输数字信号）；实时性强（得益于通信

2021-12-20 12:19:12 4702

MySQL复习.rar

空空如也