05 2022 档案
摘要：Flex布局/弹式布局 是一种浏览器提倡的布局模型 布局网页更加简单、灵活 避免浮动脱标的问题 作用 基于Flex精确灵活控制跨级盒子的布局方式，避免浮动布局中脱离文档流现象发生。 Flex布局非常适合结构化布局 设置方式 父元素添加 display:flex ，子元素可以自动挤压或拉伸 组成部分
阅读全文
摘要：在项目中操作MySQL 在项目中操作数据库的步骤 安装操作MySQL数据库的第三方模块（mysql） 通过mysql模块连接到MySQL数据库 通过mysql模块执行SQL语句 安装与配置mysql模块 安装mysql模块 mysql模块是托管于npm上的第三方模块。它提供了在Node.js项目中连
阅读全文
摘要：报错场景： 报错信息： { code: 'ER_NOT_SUPPORTED_AUTH_MODE', errno: 1251, sqlMessage: 'Client does not support authentication protocol requested by server; consi
阅读全文
摘要：SQL SQL通用语法 SQL语法可以单行或多行书写，以分号结尾。 SQL语句可以使用空格/缩进来增强语句的可读性。 MySQL数据库的SQL语句不分大小写，关键字建议使用大写。 注释： 单行注释：-- 注释内容 或 # 注释内容（MYSQL特有） 多行注释：/* 注释内容 */ SQL分类 分类|
阅读全文
摘要：MySQL概述 数据库相关概念 名称|全称|简称 | | 数据库|存储数据的仓库，数据是有组织地进行存储|DataBase（DB） 数据库管理系统|操纵和管理数据的大型软件|DataBase Management System（DBMS） SQL|操作关系型数据库的编程语言，定义了一套操作关系型数据
阅读全文
摘要：中间件 中间接的概念 Express 中间件的调用流程 当一个请求到达Express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。 Express中间件的格式 Express的中间件，本质上就是function处理函数，Express中间件的格式如下： 中间件函数的形参列表中，必须
阅读全文
摘要：初识Express Express简介 什么是Express 官方给出的概念：Express是基于Node.js平台，快速、开放、极简的web开发框架。 通俗理解：Express 的作用和Node.js内置的http模块类似，是专门创建web服务器的。 Express的本质：就是有一个npm上的第三
阅读全文
摘要：模块化的基本概念 什么是模块化 模块化是指解决一个复杂问题时，自顶向下层逐层把系统分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。 编程领域中的模块化 编程领域中的模块化，就是遵守固定的原则，把一个大文件拆成独立并互相依赖的多个小模块。 把代码进行模块化拆分的好处： 提高代码的
阅读全文
摘要：http模块 回顾：什么是客户端。什么是服务器？ 在网络节点中，负责消费资源的电脑，叫做客户端；负责对外提供网络资源的电脑，叫做服务器。 http模块是Node.js官方提供的、用来创建web服务器的模块。通过http模块提供的http.createServer()方法，就能方便地把一台普通的电脑，
阅读全文
摘要：初识nodejs 思考：为什么JavaScript可以在浏览器中被执行 不同的浏览器中使用不同的JavaScript解析引擎： Chrome浏览器 ⇒ v8 Firefox 浏览器 ⇒ OdinMondkey（奥丁猴） Safri浏览器 ⇒ JSCore IE浏览器 => Chakra（查克拉） e
阅读全文
摘要：ES6简介 什么是ES6？ ES的全称是ECMAScript，它是由ECMA国际标准化组织，制定的一项脚本语言的标准化规范。 年份|版本 | 2015年6月|ES2015 2016年6月|ES2016 2017年6月|ES2017 2018年6月|ES2018 ...|... ES6实际上是一个泛指
阅读全文
摘要：正则表达式 正则表达式概述 什么是正则表达式 正则表达式（Regular Expression）是用于匹配字符串中的字符组合的模式。在JavaScript中，正则表达式也是对象。 正则表达式通常用来检索、替换哪些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵
阅读全文
摘要：函数的定义和调用 函数的定义方式 函数声明方式function关键字（命名函数） 函数表达式（匿名函数） new Function() var fn = new Function('参数1','参数2'...'函数体') Function里面的参数都必须是字符串格式 第三种方式执行效率低，也不方便书
阅读全文
摘要：ES5中的新增方法 ES5新增方法概述 ES5中给我们新增了一些方法，可以很方便地操作数组或字符串，这些方法主要包括： 数组方法 字符串方法 对象方法 数组方法 迭代（遍历）方法：forEach()、map()、filter()、some()、every(); forEach() array.for
阅读全文
摘要：ES6中的类和对象 类constructor构造函数 constructor()方法时类的构造函数（默认方法），用于传递参数，返回实例对象，通过new命令生成对象实例时，自动调用该方法。如果没有显示定义，类内部会自动给我们创建一个constructor() 如下所示创建一个学生类： class st
阅读全文
摘要：设置请求头 通过XMLHttpRequest对象，中的setRequestHeader(key,value)方法进行设置，如下所示 xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 自定义头部信息引发的
阅读全文
摘要：重复定义 修改值 声明提升（提前声明） 块级作用域 循环 var 可以 可以 会 严格来说不支持（function可以） 可以 let 不可以 可以 不会 支持 可以 const 不可以 不可以（除数组和对象） 不会 支持 不可以
阅读全文
摘要：原生AJAX AJAX简介 AJAX 全称为$Asynchronous JavaScript And XML$，就是异步的JS和XML。 通过AJAX可以在浏览器中向服务器发送异步请求，最大优势：无刷新获取数据。 AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。 XML简介 X
阅读全文
摘要：HTTP HTTP(hypertext ransport protocol)协议【超文本传输协议】，详细规定了浏览器和万维网服务器之间互相通信的规则。 请求报文 重点是格式与参数 行 请求类型 / url路径 / 协议版本 头 key:value // 描述请求报文的信息 空行 体 key:valu
阅读全文
摘要：jQuery属性操作 设置或获取元素固有属性值prop() 所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的href，在比如<input>元素里面的type。 获取属性语法 prop('属性') 设置属性语法 prop('属性','属性值') 设置或获取元素自定义属性值attr() 用户
阅读全文
摘要：了解Ajax 什么是Ajax Ajax的全称是 \(Asynchronous Javascript And XML\)（异步JavaScript和XML）。 通俗的理解：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，就是Ajax。 为什么要学Ajax 之前所学的技术，只能把
阅读全文
摘要：URL地址 URL地址的概念 URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于表示互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放地址，才能正确定位资源的曾方位置，从而成功访问到对应的资源。 URL地址的组成部分 URL地址一般由
阅读全文
摘要：\(jQuery\) 常用$API$ $jQuery$选择器 $jQuery$基础选择器 \(原生js获取元素的方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准。\) $('选择器') // 里面选择器直接写CSS选择器即可，但是要加引号 名称 用法 描述 I
阅读全文
摘要：$jQuery$概述 $JavaScript$库 仓库：可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找就可以了。 \(JavaScript库\)：即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如
阅读全文
摘要：随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性在本地存储量的数据，HTML5规范提出了相关解决方案。 本地存储的特性 数据存储在用户浏览器中 设置、读取方便、设置页面刷新不丢失数据 容量较大，sessionStorage约5M、localSto
阅读全文
摘要：触屏事件 触屏事件概述 移动端浏览器兼容性较好，不需要考虑以前js的兼容性问题，可以放心地使用原生js书写效果，但是移动端也有自己独特的地方。比如触屏事件touch（也称触摸事件），Android和IOS都有。 touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用
阅读全文
摘要：动画函数简单封装 主义函数需要传递2个参数，动画对象和移动到的距离 function animate(obj, target, pos = undefined) { // obj是动画对象，target是目标距离，pos是定位方式。 if (obj.style.position != '' && p
阅读全文
摘要：mouseenter 鼠标事件 当鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，它们两者之间的差别是：mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter 只会经过自身盒子触发。 之所以这样，就是因为mouseenter不会冒泡。 跟mou
阅读全文
摘要：元素偏移量 offset 系列 offset 概述 offset 翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素剧烈带有定位父元素的位置 获得元素自身的大小（宽度高度） 返回的数值都不带单位 offset系列常用的属性： offset系列属
阅读全文
摘要：BOM概述 什么是BOM？ BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容与浏览器窗口进行交互的对象，其核心对象是window。 BOM由一系列相关的对象构成，并且每个对象提供了很多方法与属性。 BOM缺乏标准，JavaScript语法的标准化组织是ECMA，
阅读全文
摘要：注册事件 注册事件概述 给元素添加事件，称为注册事件或者绑定事件 注册事件有两种方式：传统方式和方法监听注册方式。 传统注册方式 利用on开头的事件，例如onclick 1.第一种 <button onclick='alert("HelloWorld!")'>按钮</button> 2.第二种 bt
阅读全文
摘要：文档对象模型（Document Object Model ,简称DOM ），是W3C组织推荐的处理可拓展标记语言(HTML或者XML)的标准编程接口。 W3C 已经电仪了一系列的DOM 接口，通过这些DOM接口可以改变网页的内容、结构和样式。 1.对于JavaScript，为了能够使JavaScri
阅读全文
摘要：一、使用HttpURLConnection请求网络 HttpURLConnection使用 首先需要获取HttpURLConnection的实例，一般只需要创建一个URL对象，并传入目标的网络地址，然后调用以下openConnection()方法就可以了。 如下所示： val url = URL("
阅读全文
摘要：More than one file was found 这种情况属于依赖项中存在多个同名文件，系统不知道选择那个进行编译。 解决办法： 在app目录下的build.gradle文件中添加以下代码 packagingOptions { exclude 'META-INF/DEPENDENCIES'
阅读全文
摘要：昨天晚上写随笔时对博客园的文章目录产生了好奇心，原本同级的标题标签是怎么转化为不同层级关系的列表呢？对此我展开了思考，终于，在今天早上按照自己的想法将转化的逻辑写了出来。 (博客园文章目录图) 问题分析 要对一个元素进行操作，就要先获取元素。 既然每种标签对应不同层级那么先用枚举法将它们的权重一个个
阅读全文
摘要：节点概念 节点类型 节点常见类型有以下几种： 1.元素结点 Node.ELEMENT_NODE(1) 2.属性结点 Node.ATTRIBUTE_NODE(2) 3.文本结点 Node.TEXT_NODE(3) 结点操作 节点层级 利用DOM树可以将结点划分为不同层级关系，获取与之相关联节点进行操作
阅读全文
摘要：该文章为郭霖所著《第一行代码》第三版中第五章部分内容的高度概括 Fragment和Activity的关系 Fragment不能独立存在，必须嵌入到Activity中 一个Activity可以运行多个Fragment Activity是屏幕的主题，而Fragment是Activity的一个组成元素 F
阅读全文
摘要：该文章为郭霖所著《第一行代码》第三版中第三章第四节内容的高度概括 android是使用**任务(task)**来管理Activity的，一个任务就是一组存放在栈里的Activity集合，这个栈也被称作返回栈(back stack)。 Activity状态 每个Activity在其生命周期最多可能有四
阅读全文
摘要：问题： ScrollView嵌套ListView，出现ListView内容无法滑动的问题。 原因： ListView滚动条无法获取焦点。 解决方法： ListView出现滚动是因为内容大于其所要展现的高度，归根其原因就是内容太长，溢出屏幕之外，无法查看，所以要滚动内容来辅助查看。ScrollView
阅读全文
摘要：图是一种非线性结构。 图形结构中对结点的前驱和后继个数是不加限制的，结点间关系是任意的。 图的概念 1.图的定义 图G由集合V（顶点有穷非空集合）与集合E（边的有穷集合）组成，记为 G(V,E) 图G的顶点集和边集记为V(G)、E(G) 2.无向图 若图G中的每条边都是没有方向的，则称G为无向图。无
阅读全文
浙公网安备 33010602011771号