HHYZBC的博客

https://xtermjs.org/使用好人总结的文档 https://blog.youkuaiyun.com/weixin_42136785/article/details/120082568 https://juejin.cn/post/7081565139187138590 配置项：内置函数响应事件禁用光标移动

在项目中遇到了一个需要jquery发送请求统一进行配置的问题，在此记录一下。

TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；

精益，UX驱动和可扩展，但它不依赖于任何库。有最小的UI，但有很多主题。丰富的公开 API 和事件系统使其适用于任何环境。是一个轻量级和强大的日期时间选择器。

createServer方法表示创建本地服务器，接受一个回调函数，该回调函数有两个参数，分别是请求对象和响应对象。响应的数据可以使用write方法和end方法发送，write方法可以使用多个，但是必须要使用一个end方法表示发送数据结束。listen方法表示启用HTTP 服务器监听连接，第一个参数表示需要监听的端口号，第二个是监听成功的回调。在响应头中加上模拟get需要注意的是，如果请求的地址使用的是https协议，则需要使用https模块发送请求。

使用计算属性的使用get和set。

webkit-line-clamp 用来限制在一个块元素显示的文本的行数,这是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中；这种方法只有-webkit内核才有作用，而移动端浏览器绝大部分是WebKit内核的，所以该方法适用于移动端；

在uniapp中，自定义了一个组件，却发现该组件是正常导入并使用了，但是该组件的onLoad回调却没有执行。onLoad是页面函数，不是组件函数，所以在页面当中引用。使用vue中的生命钩子函数即可。的时候onLoad函数不执行，因为没有钩子。

Datatables 中文网。

其原因是在连续点击跳转连接后，其返回的是一个promise对象，该对象并没有成功和失败的回调所导致的。解决问题是在router文件夹中重写push和replace方法即可。

Element.scrollIntoView() - Web API 接口参考 | MDN (mozilla.org)Window.scrollTo() - Web API 接口参考 | MDN (mozilla.org)Element.scrollTop - Web API 接口参考 | MDN (mozilla.org)表示让id为idname的元素显示在页面之中，也实现了，有滚动的情况，滚动条会滚动到相应位置。使用scrollTop属性表示将文档元素高度为0.。

目录let关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数let关键字let关键字用来声明变量，与var类似，使用let声明的变量特点：不允许重复声明 块儿级作用域 不存在变量提升 不影响作用域链应用场景：以后声明变量使用 let 就对了const 关键字const 关键字用来声明常量，const 声明有以下特点：声明必须赋初始值 标识符一般为大写（不遵守不会报错） 不允许重复声明 值不允许修改 块儿级作用域

项目场景：使用Ajax发送数据，返回数据为{'res': 1})问题描述使用Ajax发送数据返回的数据除了val，其他的数据都是undefinedsuccess: function (val) { console.log(val) console.log(val.res) },原因分析：success: function (val) { console.log(typeof val); console

初始vue想让vue工作，必须创建一共Vue实例<script type="text/javascript" >//创建Vue实例new Vue({ el:'#demo', //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。 data:{ //data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象。 name:'atguigu', address:'北京' }})上面代码中el用于指定当前Vue实例为哪个容器服务

最后即可运行django，即可看到vue脚手架中的页面了。在django项目根目录下创建vue脚手架。frontend为脚手架的名字，可以随意。mysite为项目名，可以随意自定义。创建django项目。

官网： Editor.md - 开源在线 Markdown 编辑器 (pandao.github.io)https://pandao.github.io/editor.md/index.html配置项：获取Markdown格式的文本 自定义工具栏工具栏分为三组，full, simple, mini这三个，可以选择，也可以自由的设置工具栏，自由的设置工具栏在官网中有写，在这里就只介绍3组。每一个标签表示一个工具，也可以随意使用上面的标签自定义工具栏，每个标签具体表示的工具官网上没有，所以只能

目录vuex 是什么什么时候使用 VuexVuex 工作原理图 vuex 核心概念和 APIstateactionsmutationsgettersmodules搭建vuex基本环境基本使用四个map方法的使用mapStatemapGetters mapActions方法mapMutations方法模块化+命名空间概念：专门在 Vue 中实现集中式状态（数据）管理的一个Vue 插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。下面是vuex的

1.一种组件间通信的方式，适用于任意组件间通信2.使用步骤： 导入pubsub 订阅消息PubSub.subscribe(事件名，事件的回调)订阅方是接受数据的一方PubSub.publish(事件名，提供的数据)注意：接收消息后最好使用 去取消订阅 发布方是提供数据的一方mroderick/PubSubJS： Dependency free publish/subscribe for JavaScript (github.com)https://github.com/m

目录Promise 是什么?Promise 的状态Promise 对象的值promise 的基本流程 为什么要用 Promise?如何使用 Promise?promise 的几个关键问题如何改变 promise 的状态?一个 promise 指定多个成功/失败回调函数, 都会调用吗?改变 promise 状态和指定回调函数谁先谁后?promise.then()返回的新 promise 的结果状态由什么决定?promise 如何串连多个操作任务? promise 异常传透?中断 promise 链?抽象表达:

NProgress插件用于快速制作加载进度条。极简主义进度条rstacruz/nprogress：适用于YouTube，Medium等超长进度条 (github.com)

目录Flex 布局是什么？基本概念容器的属性flex-direction属性flex-wrap属性flex-flow属性justify-content属性align-items属性align-content属性项目的属性order属性flex-grow属性flex-shrink属性flex-basis属性flex属性align-self属性Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。即表示使用 Flex 布

目录sessionStorage（会话存储）localStorage（本地存储）Web Storage又分为两种： sessionStorage 和localStorage ，即这两个是Storage的一个实例。从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地。存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则

Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。目录安装脚手架脚手架文件结构ref属性 props配置项 mixin(混入)插件 scoped样式 组件的自定义事件全局事件总线消息订阅与发布（pubsub）nextTick（更新后调用回调）Vue封装的过度与动画第一步（仅第一次执行）：全局安装@vue/cli。第二步：切换到你要创建项目的目录，然后使用命令创建项目第三步：启动项目注意：如出现下载缓慢请配置 npm 淘宝镜像脚手架文件结构需要注意的是，使用脚手架创建

目录AJAX 简介AJAX 的优点AJAX 的缺点js使用Ajax最简单的Ajax实例 AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。核心对象：相关方法和属性：xhr只是一个名字，可以随意，只是推荐使用这个命名。后续的都将使用这个命名表示XMLHttpRequest对象代码中的参数解

使用代理服务器即可。本机向另一条服务器发送和接收数据之前，都会走代理服务器，由代理服务器进行接收和发送，而代理服务器在接受和发送数据前都会将自己的网络协议、IP地址、端口号进行处理，使得代理服务器的网络协议、IP地址、端口号与本机相同，从而解决跨域问题。在vue.config.js中添加如下配置：proxy配置项中填写目标服务器的URL优点：配置简单，请求资源时直接发给前端（8080）即可。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。工作方式：若按照上述配置代理，当请求了前端不存在的资源时，

目录axios 是什么?axios 特点安装axiosaxios API请求方法的别名请求配置响应结构创建实例拦截器 默认配置取消发送成功处理和失败处理完整的axios例子 前端最流行的 ajax 请求库react/vue 官方都推荐使用 axios 发 ajax 请求中文文档:axios中文文档|axios中文网 | axios (axios-js.com)http://axios-js.com/zh-cn/docs/使用npm:axios API axios(config) con

在HTML5中，form标签新增了一个新属性，叫做novalidate属性，作用是可以取消浏览器对表单数据的验证。<form method="post" novalidate> <input type="text" value="名字"></form>

目录组件是什么组件化编程单文件组件关于VueComponent内置关系在vue中，组件是用来实现局部(特定)功能效果的代码集合(html/css/js/image…..)，好处是可以复用编码, 简化项目编码, 提高运行效率。当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用,。组件化编程又有两种写法，分别是非单文件组件和单文件组件，而非单文件组件在真正开发中几乎不用，所以在这里就主要写单文件组件的写法。每一个.vue文件就是一个组件，.vue文件的组成(每一个组件的文件后缀名则是.vu

cmp-cc/vue-cookies：一个简单的Vue.js插件，用于处理浏览器cookie (github.com)一个简单的 Vue.js 插件，用于处理浏览器 cookiecmp-cc/vue-cookies：一个简单的Vue.js插件，用于处理浏览器cookie (github.com)

网页渲染图片的常用做法是在img标签中src属性为一个图片的url地址，由浏览器去下载、缓存、渲染。但这样的话就需要事先将图片进行保存起来，而有些临时性的图片是不需要保存的，就可以在前端中以二进制的方式去渲染该图片即可。如上面例子中的src属性则就是在前端对二进制进行渲染的。data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。目前支持的数据类型有：data:,文本数据。...

目录vue-router 的理解对 SPA 应用的理解路由的理解基本使用几个注意点多级路由（多级路由）路由的query参数命名路由路由的params参数路由的props配置的replace属性编程式路由导航缓存路由组件两个新的生命周期钩子路由守卫全局守卫独享守卫:路由器的两种工作模式vue 的一个插件库，专门用来实现 SPA 应用以下是vue-router的官方文档Vue Router (vuejs.org)https://v3.router.vuejs.org/zh/单页 Web 应用（single pa

body{ background-image: url("../img/deng_lu.jpg"); background-repeat:no-repeat; background-size:100% 100%; background-attachment: fixed;}background-image属性表示背景图片的路径background-repeat属性表示背景图片不重复background-size属性表示达到窗口的百分百比例backgrou.

通过二进制io操作流保存图片import codefrom io import BytesIOimg, b = code.check_code(font_file='../Monaco.ttf') # 生成验证码# img表示的是图片，b表示的是验证码的具体值stream = BytesIO() # 创建实例io流实例对象img.save(stream, 'png')c = stream.getvalue() # 将图片转为二进制数据with open('code.png', '

目录get 请求post 请求万能请求方法url:请求的 URL 地址。data:请求携带的参数。callback:载入成功时回调函数。type:设置返回内容格式，xml, html, script, json, text,url:请求的 URL 地址。data:请求携带的参数。callback:载入成功时回调函数。type:设置返回内容格式，xml, html, script, json, text, _default。上面代码中展示了常用的几个可选字段。全部可选字段有：...

目录Sass是什么语法格式SASS变量Sass变量的定义规则连接符与下划线CSS定义变量的方法SASS变量的使用变量的作用域局部变量全局变量变量值类型默认值注释SASS 运算 （Operations）符的基本使用语法嵌套规则选择器嵌套父选择器 &属性嵌套 SASS 导入@import局部文件（部分）嵌套 @importSASS混合指令 （Mixin Directives）定义与使用混合指令 @mixin@mixin混入总结SASS @extend（继承）指令占位符%SASS 插值语句 #{ }sass 常见

由于我目前对前端学习的不是特别好，所以有关async 与 await更多信息看下面链接，async 和 await（详解）_一生注定学霸命的博客-优快云博客_async和await详解https://blog.youkuaiyun.com/qq_40282016/article/details/118461230?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165493231716781683940327%2522%252C%2522scm%2522

JSON是什么？JSON: JavaScript Object Notation（JavaScript 对象标记法）。简称JSON。(数据交换格式)。JSON主要的作用是：一种标准的数据交换格式。（目前非常流行，90%以上的系统，系统A与系统B交换数据的话，都是采用JSON。）JSON的特点是一种标准的轻量级的数据交互格式，特点是体积小，易解析。在实际的开发中有两种数据交换格式，使用最多，其一是JSON，另一个是XML。XML体积较大，解析麻烦，但是有其优点是：语法严谨。（通常银行相

JavaScript是什么JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的 编程语言 。. 虽然它是作为开发 Web 页面的 脚本语言 而出名，但是它也被用到了很多非 浏览器 环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如 函数 式编程）风格。.以下内容中JavaScript全部使用简称JS表示。JS的作用是什么允许您在网页上实现复杂的功能 - 每次网页不仅仅是坐在那里显示静态信息供您查看 - 显示

浅拷贝浅拷贝只会对可变数据类型的第一层数据进行拷贝，而不会对内部的元素进行拷贝，拷贝成功后会开辟一个新的内存地址。对不可变数据类型进行拷贝时，实际上是对引用的一个拷贝，两个变量指向同一个内存地址。在python中，使用浅拷贝是使用内置模块copy中的copy方法表示浅拷贝import copy# 不可变数据类型num1 = 1num2 = copy.copy(num1)print(id(num1), id(num2))# 1564069134576 1564069134576#

目录请求请求方法两者区别其他请求方式请求报文请求行请求头​​​​​​​​​​​​​​​​​​​​​请求体响应响应行响应状态码响应头响应体请求请求，由客户端向服务端发出，可以分为3部分内容：请求方法(Request Method) 、请求的网址( Request URL ）、请求报文（Request message）请求方法常见的请求方法有两种：GET和POST。在浏览器中直接输入 URL 并回车，这便发起了一个 GET 请求，请求的