明里灰的博客

接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，找到则返回匹配索引，否则返回-1。接收一个整数参数，表示要将字符串复制多少次，然后返回拼接所有副本后的结果。接收一个参数，可以是正则表达式字符串，也可以是RegExp对象，返回数组。这两个方法都返回调用他们字符串的一个子字符串，而且都接受一个或两个参数。不是直接删元字符串的内容，而是创建一个字符串的副本，再进行操作。不是直接改变原字符串，而是创建字符串的一个副本，然后进行操作。把字符串按照指定的分隔符，拆分乘数组中的每一项。

但是本质上为了降低 wxs(WeiXin Script)的学习成本,wxs 和 JavaScript 是完全不同的两种语言。在 i0s 设备上，小程序内的 WXS 会比JavaScript 代码快2~20 倍在 android 设备上，二者的运行效率无差异。隔离性指的是 wxs 的运行环境和其他JavaScript 代码是隔离的。键入组件的名称之后回车，会自动生成组件对应的4个文件，后缀名分别为.js，.json，.wxml和.wxss。在页面的.json配置文件中引用组件的方式。

生命周期是指一个对象从创建->运行->销毁的整个阶段，强调的是一个时间段小程序的启动，表示生命周期的开始小程序的关闭，表示生命周期的结束中间小程序运行的过程，就是小程序的生命周期生命周期函数：是由小程序框架提供的内置函数，会伴随生命周期，自动按次序执行生命周期函数的作用：允许程序员在特定的时间点，执行某些特定的操作生命周期函数的分类应用的生命周期函数特指小程序从启动->运行->销毁期间依次调用的那些函数小程序的应用生命周期函数需要在app.js中进行声明App({

处理完下拉刷新后，loading效果不会主动消失，此时可以调用wx.stopPullDownTefresh()可以停止当前页面的下拉刷新。在使用组件跳转到指定的tabBar页面时，需要指定url属性和open-type属性。在页面的.js文件中，通过onPullDownTefresh()函数即可监听当前页面的下拉刷新事件。在页面的.js文件中，通过onReachBottom()函数即可监听当前页面的上拉触底时间。tabBar页面指的是被配置为tabBar的页面。

跨域只存在于基于浏览器的web开发中，但是小程序的宿主环境不是浏览器，所以不存在跨域问题Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“发送Ajax请求”，而是“发起网络数据请求”如果后端程序员只提供了http协议的接口，暂时没有提供https协议的接口。小程序中，app.json中的window节点，可以全局配置小程序中每个页面的窗口表现。如果某些小程序想要有特殊的窗口表现，可以用页面级别的.json配置文件实现这个需求。

target是触发改时间的源头组件，e.target是内部的按钮组件，currentTarget是当前事件绑定的组件，e.currentTarget是当前的view组件。Android是安卓软件的宿主环境，脱离了宿主环境的软件是没有意义的。wx:if以动态创建和移除元素的方式，控制元素的展示和隐藏，hidden以切换样式的方式（display: none/block;手机微信是小程序的宿主环境，小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能：微信扫码，微信支付，微信登录，地理位置等。

网页加上动效的作用：吸引用户注意力，增强用户体验，强调重要信息，提升页面流畅度有的页面在向下滚动的时候，有些元素会产生细小的动画效果。比如需要做到滚动条滑到某个位置时，才能显示动画。

语法差异，scss是对sass的一种改进，他引入了更接近标准的css语法，更适合直接转换为css代码。sass中的多行注释（/**/）会显示在原文中，单行注释（//）不会限制在原文中。它的目的是扩展其他选择器，html代码中并没有使用该类，以百分号开头。在嵌套css规则时，有时也需要直接使用嵌套外层的父选择器。实际上是同一种技术的不同叫法。

对于这行代码，要写在html页面的最前端：为什么要写在前面？这是声明，是html5的新特性对于html4来说，它有三种声明格式，而html5只需要统一声明，用来告诉浏览器文档使用哪一种HTML或者XHYML规范的。WebSocketWebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要

1.1 flex是一维布局系统，适合做局部布局，比如导航栏组件因为一个flexbox一次只能处理一个维度上的元素布局，一行或一列对于网格来说是一维布局，多行是1.5维，以内容为基础，内容自适应没有放下是你空间自由分配，自动对齐1.2 flex布局flex容器flexbox的区域是flex容器，如果要创建一个flex容器，应该把一个容器的display属性值改为flex或者inline-flex。然后里面的直系子元素就会变为flex元素，紫云阿苏CSS属性都会有一个初始值，如下：

TypeScript是JavaScript的超集，具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript。

cookie出现的时间较早，浏览器基本上都支持localStorage和sessionStorage，版本较低的浏览器不支持。webStorage包括localStorage和seesionStorage。1.1localStorage和sessionStorage存放数据的大小是5MB仅在客户端（浏览器）中保存，不参与和服务器的通信存储字符串类型

display：none渲染树不会渲染对象，元素不可见不占据空间无法响应点击事件修改元素会造成文档回流，读屏器不会读取display: none元素内容，性能消耗较大visibility: hidden渲染元素继续占据空间，只是内容不可见无法响应点击事件修改元素只会造成本元素的重绘，读屏器读取visibility: hidden元素内容，性能消耗较小transition 支持 visibility，visibility 会立即显示，隐藏时会延时opacity:0占据空间，只是内容不可见

用Vue写前端时，用到vsCode，与idea的使用还是有区别的。换行（与Enter有区别） Ctrl+Enter上下移动行 Alt+↑↓向下复制行 Shift+Alt+↑↓进入对应方法 F12取消缩进 Shift+Tab返回上一光标所在位置 Alt+←跳转到指定行 Ctrl+G替换 Ctrl+H跳转对应括号 Ctrl + Shift + \分页 Ctrl + \

powershell -ExecutionPolicy Bypass -Command "pnpm create vue"（用类似这样的指令即可）注意：不要安装插件中的prettier，然后是安装好Eslint插件。右键找到显示更多选项，点击git Bush，进入面板输入执行指令。Pinia是新一代的状态管理工具，代替vuex。创建项目：pnpm create vue。安装方式：npm create vue。action既支持同步也支持异步。pnpm dev（运行代码）computed计算属性。

在默认情况下语法糖组件内部的属性和方法是不开放给父组件访问的，可以通过defineFxpose编译宏指定哪些属性和方法可以访问。create-vue是官方新的脚手架工具，底层切换到了vite（下一代构建工具），为开发提供急速响应。接下来输入执行下面的语句（之后如果要打开项目也是指令，终端要进入项目所在的目录）本质：是在原有传入数据的基础上，外层包了一层对象，包成了复杂类型。监听一个或多个数据的变化，数据变化时执行回调函数。接收一个对象类型的数据，返回一个响应式的对象。

computed计算属性概念基于现有数据，计算出来的新属性，依赖的数据变化，会自动重新计算生命周期Vue生命周期：一个Vue实例从创建到销毁的整个过程，工程化开发&脚手架Vue CLI，组件化：一个页面可以拆分为一个个组件，每个组件有着自己独立的结构、样式、行为。好处：便于维护，利于复用，提升开发效率

设置可以写为 v-bind:src="imgSrc"，也可以简写为 :src="imgSrc"表达式的值为true，元素存在于dom树中，为flase时从dom树中移除。v-text指令的作用是：设置标签的内容（textContent）axios回调函数中的this已经改变，无法访问到data中的数据。v-html指令的作用是：设置元素的innerHTML。设置元素的属性（比如：src，title，class）根据表达式的真假，切换元素的显示和隐藏。根据表达值的真假，切换元素的显示和隐藏。

开发项目直到上线，过程中集成的所有工具和技术Node.js是独立执行JavaScript代码的环境Node.js环境比浏览器环境中的JS少了BOM和DOM。nodemon作用替代node命令，检测代码更改，自动重启程序使用安装：npm i nodemon -g（-g代表按照到全局环境中）运行：nodemon待执行的目标js文件需求启动准备好的项目，修改代码保存后，观察自动重启应用程序

通过发布文章和保存草稿来新增标签（labels）数据库，然后存入通过判断标签盒子数来判断是否选择了标签，而不是下拉框中的选择个数如果从个人信息的地方，点开草稿，则传入localStock--articleId，退出编辑页面时，移除localStock从主页面点击进入时，通过作者id从数据库查找作者的nickname将标签盒子删除之后，要判断是否在下拉框中存在，如果存在则取消勾选从下拉框中选中时，也需要判断是否超过5个标签如果输入的标签和下拉框中的标签一样，则将下拉框中的内容勾选标签输入的判重，

如果accessToken无效，则验证refreshToken，此时如果refreshToken有效则返回请求结果和信的accessToken和新的refreshToken；执行登录操作，可以使用双token验证流程，首先是正常的登录操作，在后台服务器验证账号密码成功之后，返回两个token，一个是accessToken，一个是refreshToken。对于一个网站，首先是进入主页面，然后如果要执行特定的功能，进入个人中心，发博客，评论之类的就需要登录，此时进入特定的页面要判断当前是否登录了账号。

当客户端请求到达后，服务器进行转发，此时会将请求对象进行保存，地址栏中的URL地址不会改变，得到响应后，服务器端再讲响应发送给客户端，从始至终只有一个请求发出。在接收和解释请求信息后，服务器返回一个HTTP响应信息，HTTP响应由三个部分组成：状态行，消息报头，响应正文。通过该对象可以在一个请求中传递数据，作用范围：在一次请求中有效，即服务器跳转有效。通过服务器的出现将一些只需保存在客户端，在客户端处理的数据，不需要通过网络传输。请求行以一个方法符号开头，空格分开，后面跟着请求的UPI和协议的版本。

org.apache.itatis.session.SqlSession:构建者对象接口，用于执行SQL，管理事务，接口代理。parameterType属性：指定参数映射对象类型。resultType属性：指定结果映射对象类型。namespace属性：名称空间。:新增功能标签。：修改功能标签。：删除功能标签。select：查询功能的标签。查询功能标签。mapper：核心根标签。

AJAX原理-XMLHttpRequestXMLHttpRequest（XML）对象用于与服务器交互，通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL，获取数据，这允许网页在不影响用户操作的情况下，更新页面的局部内容，XML在AJAX编程中被Promise-三种状态作用：了解Promise对象如何处理关联的处理函数，以及代码执行顺序概念：一个Promise对象，必然处于以下的几种状态之一待定：初识状态，没有被对线，也没有被拒绝已兑现：意味着操作成功已拒绝：意味着操作失败

高级语言主要是相对于低级语言而言，并不是特指某一种具体的语言，包括很多编程语言：如C语言，C++，Java，C#，Python，PHP，在编程语言里会出现很多if else，for，while等具有逻辑性和行为能力的指令，这是主动的。编程语言是用来控制计算机的一系列指令，有固定的格式和词汇，必须遵守，如今通用的编程语言有两种形式：汇编语言和高级语言。代表空，否定的值会被转换为false，如：''，0，NaN，null，undefined。，Go语言，Objective-C，Swift等。

上是5px右10px下20px 左30px（顺时针）对于两个嵌套关系（父子关系）的块元素，父元素有上外边距，同时子元素上也有上外边距，此时父元素会塌陷较大的外边距值。网页元素很多带有默认的内外边距，而且不同浏览器默认的也不一致，所以在布局前，首先要清除网页元素的内外边距。行内元素为了照顾兼顾性，尽量只设置左右内外边距，不要设置上下内外边距，但是转换为块级和行内块元素就可以了。//上是5px，左右是10px，下是20px。边框（border）

CSS是层叠样式表的简称，又称为CSS样式表或级联样式表。CSS是一种标记语言。主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）、版面的布局和外观显示样式。由HTML专注去做结果呈现，样式交给CSS，即结构（HTML）与（CSS）分离。

在 Stylish 的选项菜单中你可以更新、停用、卸载、编辑已经安装的 CSS，和 Chrome 的扩展程序管理类似。注册：输入邮箱（判重），两次输入密码，获得的正确的验证码，获得不重复的username。忘记密码：输入邮箱（或用户名），获得正确的验证码，两次输入修改的密码。查看详细信息：显示账号，邮箱，昵称，性别，手机号，生日，头像，个人简介。用户发布的博客列表（可按照标签，分类专栏，发布时间，是否原创分类）游客和用户都可以查看博客，只有登录用户才能添加、发布文章。添加水印（设置水印颜色、字体、坐标等）

快捷键：Ctrl+Alt+Down 向下选取Ctrl+Alt+Up 向上选取（会出现多个光标，可以同时输入）Ctrl+Enter 无论光标在哪个位置，都向下换行，与Enter有区别超链接标签链接分类外部链接：例如 百度内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如< a href="index.html"> 首页

分层架构的作用是什么？——分解复杂度软件系统分层架构模式里的组件被分成几个平行的层次，每一层都代表了应用的一个功能。降低复杂度，上层不需要关注下层细节。提高灵活性，可以灵活替换某层的实现。减小耦合度，将层次间的依赖减到最低。有利于重用，同一层次可以有多种用途。有利于标准化。三层架构？——表现层-领域层-数据源层（持久层）表现层：提供服务，显示信息领域层：系统核心逻辑数据源层：与数据库、消息系统以及其他软件包通信关于面向对象的三层架构：——表现层-业务层-持久层持

​文档流文档流是文档中可显示对象在排列时所占用的位置/空间例如：块元素自上而下摆放，内联元素从左到右摆放标准流中的限制很多，导致很多页面无法实现高矮不齐，底边对齐空白折叠现象无论多少个空格，换行，tab，都会折叠为一个空格无论我们想要img标签之间没有空隙，必须紧密连接文档流产生的问题高矮不齐，底边对齐文本内容 img{ width:

​内部样式当单个文档需要特殊样式时，就应该使用内部样式表，你可以使用标签定义内部样式表。提示：单个页面内的CSS代码具有统一性和规划性，便于维护，但是在多个页面之间容易混乱。 h3{ color:red; font-size:30px; } 外部样式当样式需要应用于很多页面时，外部样式表是理想的选择。在使用外部样式表的情况

定义HTML文档，浏览器看到后就明白这个是HTML文档，所以其他元素要包裹在它里面，标签限定了文档的开始点和结束点。