巨龙王-CSDN博客

原创 TypeScript基础

TypeScript 详解一、TS的基础概念1. 什么是TS1.1 对比原理他是JS的一个超集，在原有的语法基础上，添加强类型并切换为基于类的面向对象语言面向项目：TS - 面向解决大型的复杂项目、架构、代码维护复杂场景JS - 脚本化语言，用于面向简单页面场景自主检测：TS - 编译时，主动发现并纠正错误JS - 运行时，执行报错类型检测TS - 强类型语言，支持动态和静态的类型检测JS - 弱类型语言，无静态类型选项运行流程sdfTS - 依赖编译，依靠编译打包实现在浏

2022-04-27 13:17:16 192

原创函数式编程

函数式一、函数式编程的出现发展历程：命令（脚本）式 -> 面向对象式 -> 函数式编程使用：lodash ramda1. 问题的出现 - 从一道面试题开始面试题：上接浏览器原理 —— 参数 parse题目：数组在url中展示形式location.search=>‘?name[]=progressive%coding&name[]=objective%coding&name[]=functional$%coding’要求：参数提取拼接成数组[‘pr

2022-04-22 14:56:55 793

原创 js性能优化

性能优化一、相关协议输入 URL: url - 资源定位符http协议https协议本地文件目录 // file:///C:/Users/class/zhaowa/document 本地文件目录地址，只在本机打开1. http协议追问： http 与 TCPhttp - 应用层 < = > TCP - 传输层关联 http 基于 TCP实现连接 => http请求、发送、断开http:1.0浏览器每次请求都与服务器建立一次TCP连接http:1.1

2022-04-20 16:39:39 267

原创浏览器相关知识

浏览器体系一、认识在浏览器运行态下的JS包含：BOM、DOM、ECMAScript (function(context, undefined){ const _class = ['js', 'browser', 'vue'] // 向全局中挂载 window.classArr = _class.map(item => item) // 获取当前页面地址 const _url = location.hr

2022-04-20 16:35:40 98

原创 Promise规范及应用

promise一、什么是Promisepromise对象用于表示一个异步操作的最终状态（完成或失败）改善了传统回调造成的代码难维护，控制反转等问题二、Promise简单用法用于请求数据 function f(){ return new Promise(resolve =>{ //resolve代表成功时候做的事情 setTimeout(function(){ resolve();

2022-03-28 11:21:38 552

原创 this指针作用域、闭包

this指针作用域、闭包一、作用域 + 上下文1. 作用域链面试题： let a = 'global'; console.log(a); function course() { let b = 'zhaowa'; console.log(b); session(); function session() { let c = 'this'; console.lo

2022-03-19 17:21:32 342

原创 js模块化

模块化一、模块化的理解1.什么是模块化？将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信2.一个模块的组成数据—>内部的属性操作数据的行为—>内部的函数3.模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目二、JS模块发展背景1. 幼年期(也就是无模块化)开始需要在页面中增加一些不同的js：动画、表单、格式化多种js

2022-03-12 20:47:46 79

转载 vue3快速上手

Vue3一、Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.01.Vue3带来了什么1.1 性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…1.2 源码的升级使用Proxy

2022-03-12 17:27:33 88

原创关于Sass

Sass世界上最成熟最稳定最强大的专业级CSS扩展语言CSS的预处理工具.sass .scss预处理后缀一、帮助我们解决的问题1.嵌套规则通过花括号的方式解决复杂的css父子样式嵌套问题2.变量规则通过变量将公共样式抽离,减少冗余css代码3.条件逻辑像高级语言一样编写逻辑性的css代码二、Sass安装sass中文网 ruby3.x安装按照安装步骤进行安装即可在vscode中 F1输入live sass:watch sass三、基础语法3.1

2022-03-12 17:26:46 232

原创 Vue2.x

笔记一、脚手架1.1 配置Vue脚手架若下载缓慢配置npm淘宝镜像 npm config set registry https://registry.npm.taobao.org全局安装@vue/cli。 npm install -g @vue/cli (安装完输入VUE就有一堆目录了)切换到你要创建项目的目录，然后使用命令创建项目 vue create xxxx1)在cmd中转到Desktop中输入 vue create(创建vue文件) xxx2)用哪个版本的vue就选哪个版本

2022-03-12 14:50:16 172

原创面向对象、原型及原型链

面向对象、原型及原型链一、面向对象1.1 对象是什么?对象是对于单个物体的简单抽象对象是一个容器,封装了属性和方法属性：对象的状态方法：对象的行为 // 简单对象 const school = { teacher: '张三', student: '李四', startCourse: function(name) { return `开始${name}课`; } }

2022-03-12 14:48:40 211

原创我的Vue(1)

Vue一、初识Vue1.1 Vue配置在vue.js官网的学习目录中安装开发版本的vue.js 然后拖动至相对应的文件夹中即可因为国内无法方便访问chrome网上应用商店,所以在chrome浏览器中放置相对应的插件. vue_dev_tools.crx1.2 初次使用Vue1.2.1 创建html文件,在head文件中引入vue.js<head> <script src="../vue.js"></script> <!-- 并行文件夹的位置

2022-02-15 14:21:23 512

原创 Ajax知识

AJAX概念Ajax是异步的JS和XML 它不是一种新的编程语言,而是几种原有技术的结合体Ajax是一种在无需重新加载整个页面的情况下能够更新部分网页的技术给用户体验优点:1.通过异步模式,提升了用户体验 2.优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3.Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载缺点:1.不支持浏览器back回退按钮 2.安全问题 AJA

2022-01-26 17:57:21 1189

原创 ES6基本知识及API

letlet 和 var 的主要区别let声明的变量只在当前（块级）作用域内有效let声明的变量不能被重复声明var还能再次声明修改ES6 块级作用域通俗讲就是一对花括号中的区域{…} 但在声明对象除外可以嵌套const声明常量声明的时候必须赋值声明后不能被修改与let类似的特性不存在提升不能重复声明只在当前作用域内有效常量为引用类型的时候可以修改该引用类型const xiaoming={ age:14, name:'小明'}xiaoming.

2022-01-26 17:55:12 1548

qq_45812558的博客