anh_qwh-CSDN博客

原创 uni-app 微信小程序，直传图片、视频到OSS

uni-app 微信小程序，直传图片、视频到OSS一：配置Bucket跨域访问一：配置Bucket跨域访问登录OSS管理控制台单击Bucket列表，之后单击目标Bucket名称单击权限管理 > 跨域设置，在跨域设置区域单击设置单击创建规则，配置如下图所示...

2020-08-19 17:04:21 966 2

原创 uni-app 微信同声传译，实现AI语音功能（语音转文字，文字转语音，英汉互译

uni-app 微信同声传译，实现AI语音功能（语音转文字，文字转语音，英汉互译）一：添加插件1、登录微信公众号平台，进入左边导航栏的设置，选择第三方设置，，添加插件，申请添加微信同声传译插件2、插件文档1.语音输入2文本翻译3语音合成二：使用插件1、配置2、引入三：完整功能页面一：添加插件1、登录微信公众号平台，进入左边导航栏的设置，选择第三方设置，，添加插件，申请添加微信同声传译插件2、插件文档1.语音输入2文本翻译3语音合成https://mp.weixin.qq.com/wxopen

2020-08-09 20:46:20 5812 9

原创 AJAX-AJAX 工具对象

AJAX-AJAX 工具对象AJAX 工具对象一：使用 POST 请求二：使用 GET 请求AJAX 工具对象ajax.js//ajax工具对象：1.兼容问题 2.便捷问题function Ajax(){ //1.兼容问题 xhr对象 var xhr = null; if(window.XMLHttpRequest){//检测是否有XMLHttpRequest构造方法 ...

2019-12-19 21:46:38 366

原创 AJAX-GET

AJAX-GETGETGET数据会出现在地址栏中长度限制get.php<?php //输出get请求 echo $_GET['age']; echo "你好啊"?>get.html<!DOCTYPE html><html><head> <meta charset="utf-8"></head...

2019-12-19 21:33:39 267

原创 AJAX-POST

AJAX-POSTPOSTPOST数据不会出现在地址栏中长度取决于服务器post.php<?php //输出post请求 echo $_POST['age']; echo "你好啊"?>post.html<!DOCTYPE html><html><head> <meta charset="utf-8"&g...

2019-12-19 21:25:18 367

原创 JavaScript-6.0-数组和对象

JavaScript-6.0-数组和对象数组和对象数组和对象JavaScript 中的所有事物都是对象对象是带有属性和方法的特殊数据类型属性是与对象相关的值方法是能够在对象上执行的动作数组也是对象，它是一种集合型对象数组对象的作用是使用单独的变量来存储一系列的值...

2019-12-13 12:52:50 193

原创 JavaScript-5.4-JavaScript 事件-案例

JavaScript-5.4-JavaScript 事件-案例案例一：对表格进行修改删除操作案例一：对表格进行修改删除操作<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>对表格进行修改删除操作</title> <sty...

2019-11-27 19:56:39 257

原创 JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型

JavaScript-5.3-JavaScript 事件-JavaScript 的事件流模型JavaScript 的事件流模型一：事件冒泡1、事件冒泡的概念2、触发事件冒泡的情况3、事件冒泡举例二：事件捕获1、事件捕获的概念2、触发事件捕获的情况3、事件捕获举例三：事件委派四：组织事件冒泡五：组织默认事件JavaScript 的事件流模型事件流，就是当一个节点触发事件时，事件会从当前节点流向...

2019-11-26 21:19:34 264 2

原创 JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型

JavaScript-5.2-JavaScript 事件-JavaScript 的事件模型JavaScript 的事件模型一：DOM0 事件模型二：DOM2 事件模型三JavaScript 的事件模型一：DOM0 事件模型二：DOM2 事件模型三...

2019-11-21 17:11:09 200

原创 JavaScript-5.1-JavaScript 事件-JavaScript 事件

JavaScript-5.1-JavaScript 事件-JavaScript 事件JavaScript 事件一：鼠标事件二：键盘事件1、键盘事件注意事项（1）三个事件的执行顺序（2）长按时触发的事件（3）onkeydown/onkeyup 和 onkeypress 的区别（4）通常将键盘事件声明在 document 上2、判断键盘按键(1)取到事件因子(2) 取到 ASCII 码值三：HTML ...

2019-11-21 13:21:28 226

原创 JavaScript-4.4-BOM 与 DOM-HTML DOM

JavaScript-4.4-BOM 与 DOM-HTML DOMHTML DOM一：HTML DOM 操作表格对象二：HTML DOM 操作行对象三：HTML DOM 操作单元格对象HTML DOM一：HTML DOM 操作表格对象二：HTML DOM 操作行对象三：HTML DOM 操作单元格对象...

2019-11-20 12:45:18 214

原创 JavaScript-4.5-BOM 与 DOM-案例

JavaScript-4.5-BOM 与 DOM-案例案例一：简单的留言板案例一：简单的留言板输入昵称和评论内容，单击“提交内容”按钮，可以将最新的评论插入到已有评论的下方昵称和评论内容为空时，不能提交提交后获取当前时间<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...

2019-11-13 15:46:35 380

原创 JavaScript-4.3-BOM 与 DOM-Core DOM

JavaScript-4.3-BOM 与 DOM-Core DOMCore DOM一：DOM 树结构分析二：操作元素节点三：操作文本节点四：操作属性节点五：JavaScript 修改元素样式六：获取层次节点七：创建新节点八：删除/替换节点Core DOM文档对象模型（DOM）是万维网联盟（W3C）的标准DOM 定义了访问 HTML和 XML 文档的标准W3C DOM 是中立于平台和语言接...

2019-11-10 12:12:21 307

原创 JavaScript-4.2-BOM 与 DOM-浏览器对象模型的其他对象

JavaScript-4.2-BOM 与 DOM-浏览器对象模型的其他对象浏览器对象模型的其他对象一：screen：屏幕对象二：location：地址栏对象1、location 常用属性2、location 常用方法三：history：历史记录对象四：navigator：浏览器配置对象浏览器对象模型的其他对象一：screen：屏幕对象screen 对象包含有关客户端显示屏幕的信息四个常用...

2019-10-25 14:29:05 198

原创 JavaScript-4.1-BOM 与 DOM-window 对象

JavaScript-4.1-BOM 与 DOM-window 对象window 对象一：window 对象属性二：window 对象的常用方法1、window 弹窗的输入输出2、open() 与 close()(1) open()(2) close()3、setTimeout() 与 clearTimeout()4、setInterval() 与 clearInterval()window 对...

2019-10-24 20:36:20 236

原创 JavaScript-3.5-JavaScript 函数-案例

JavaScript-3.5-JavaScript 函数-案例案例一：使用函数实现计算机功能二：递归案例一：使用函数实现计算机功能使用 prompt 输入两个数和运算符号，计算两个数的操作结果使用 switch 判断运算符号，调用函数计算两数结果<!DOCTYPE html><html lang="en"><head> <meta ch...

2019-10-24 12:56:33 813

原创 JavaScript-3.4-JavaScript 函数-代码的执行顺序

JavaScript-3.4-JavaScript 函数-代码的执行顺序代码的执行顺序一：检查装载阶段二：代码执行阶段代码的执行顺序普通函数的声明语句与函数的调用语句没有先后顺序之分匿名函数表达式的调用语句必须在函数声明语句之后，否则报错JavaScript 代码执行的两个阶段1.检查装载阶段：主要的工作是函数的声明、变量的声明等2.代码执行阶段：主要的工作是函数的调用、变量的赋...

2019-10-24 09:01:02 178

原创 JavaScript-3.3-JavaScript 函数-函数中的内置对象

JavaScript-3.3-JavaScript 函数-函数中的内置对象函数中的内置对象一：arguments 对象1、arguments 对象用于存储函数的实参列表2、使用 arguments.callee 表示当前函数的引用二：this 关键字函数中的内置对象一：arguments 对象arguments 是一个伪数组对象1、arguments 对象用于存储函数的实参列表ar...

2019-10-18 21:16:23 194

原创 JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用

JavaScript-3.2-JavaScript 函数-匿名函数的声明与调用匿名函数的声明与调用一：事件调用匿名函数二：匿名函数表达式三：自执行函数匿名函数的声明与调用匿名函数就是指没有函数名的函数一：事件调用匿名函数配合事件使用表示当触发哪一个事件时，执行哪一个匿名函数<!DOCTYPE html><html lang="en"><h...

2019-10-18 19:51:15 271

原创 JavaScript-3.1-JavaScript 函数-函数的声明与调用

JavaScript-3.0-JavaScript 函数-函数的声明与调用函数的声明与调用一：函数的声明1、有参函数2、无参函数二：函数的调用三：函数的作用域四：函数声明和调用的注意事项五：函数声明与函数调用没有先后之分函数的声明与调用函数的主要作用是将程序中需要重复使用的代码进行封装，从而可以使代码重复使用函数的使用声明调用一：函数的声明在 JavaScript 中，函...

2019-10-18 15:58:07 544

原创 JavaScript-3.0-JavaScript 函数

JavaScript-3.0-JavaScript 函数函数是指由事件驱动的或者当它被调用时执行的可重复使用的代码块将一个函数赋给一个变量或数组元素还可以将其嵌套在另一个函数中使用函数可以提高代码的可重用性和可维护性JavaScript 函数1.掌握函数的声明与调用2.了解函数的作用域3.掌握匿名函数的声明与调用4.了解函数中的内置对象5.掌握 JavaScript...

2019-10-17 20:33:33 253

原创 JavaScript-2.4-JavaScript 流程控制语句-案例

JavaScript-2.4-JavaScript 流程控制语句-案例案例一：打印输出一个菱形四：打印输出九九乘法表案例一：打印输出一个菱形<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>章节案例：打印输出一个菱形.html</title>...

2019-10-17 17:04:45 328

原创 JavaScript-2.3-JavaScript 流程控制语句-流程控制语句

JavaScript-2.3-JavaScript 流程控制语句-流程控制语句流程控制语句一：break 语句二：continue 语句三：return 语句流程控制语句breakcontinuereturn一：break 语句跳过本层循环，继续执行循环后面的语句<!DOCTYPE html><html lang="en"><head>...

2019-10-17 11:02:12 194

原创 JavaScript-2.2-JavaScript 流程控制语句-循环结构

JavaScript-2.2-JavaScript 流程控制语句-循环结构循环结构一：循环的基本思路1、声明循环变量2、判断循环条件3、执行循环体操作4、更新循环变量5、重复执行第 2~4 步二：while 循环结构三：do-while 循环结构四：for 循环结构1、for 循环的基本语法2、for 循环中同时使用多个循环变量3、for-in 循环五：循环嵌套循环结构一：循环的基本思路循...

2019-10-16 21:19:11 195

原创 JavaScript-2.1-JavaScript 流程控制语句-分支结构

JavaScript-2.1-JavaScript 流程控制语句-分支结构分支结构一：简单 if 结构二：if-else 结构三：多重 if 结构四：嵌套 if 结构五：switch-case 结构1、switch-case 的基本语法2、switch-case 的注意事项3、多重 if 结构与 switch-case 结构的比较分支结构顺序结构是程序设计的借本结构按照语句出现的顺序从...

2019-10-15 21:05:44 232

原创 JavaScript-2.0-JavaScript 流程控制语句

JavaScript-2.0-JavaScript 流程控制语句JavaScript 流程控制语句JavaScript 流程控制语句流程控制语句，就是当代码执行到指定位置后，通过判断条件是否成立决定代码如何继续往下执行JavaScript 流程控制语句1.JavaScript 的分支结构和循环结构2.JavaScript 的流程控制语句3.JavaScript 数据类型的真假表...

2019-10-12 17:01:39 205

原创 JavaScript-1.6-JavaScript 案例

JavaScript-1.6-JavaScript 案例JavaScript 案例一：判断一个数是否为水仙花数二：闰年JavaScript 案例一：判断一个数是否为水仙花数水仙花数是指一个 n 位数（n>=3），它的每个位上的数字的 n 次幂之和等于本身<!DOCTYPE html><html lang="en"><head> <m...

2019-10-12 11:20:43 241

原创 JavaScript-1.5-JavaScript 的运算符

JavaScript-1.5-JavaScript 的运算符JavaScript 的运算符一：算数运算符1、运算符 +2、自增（自减）运算符3、n++ 与 ++n 的异同二：赋值运算符1、基本赋值运算符2、复合赋值运算符三：关系运算与逻辑运算1、关系运算符2、逻辑运算符四：条件运算（多目运算）1、条件运算符的形成2、关键符号？和：3、多层嵌套五：逗号运算符六：运算符的优先级JavaScrip...

2019-10-11 20:45:57 210

原创 JavaScript-1.4-JavaScript 中的输入输出

JavaScript-1.4-JavaScript 中的输入输出JavaScript 中的输入输出一：document.write：文档中打印输出1、基本语法2、拼接字符串二：alert：浏览器弹窗输出三：prompt：浏览器弹窗输入四：confirm：浏览器弹窗确认五：console.log：浏览器控制台输出六：JavaScript 中的注释1、单行注释2、多行注释3、文档注释JavaScri...

2019-10-11 12:08:39 259

原创 JavaScript-1.3-JavaScript 中的变量函数

JavaScript-1.3-JavaScript 中的变量函数JavaScript 中的变量函数一：Number：将变量转为数值1、字符串类型转数值2、布尔 Boolean 类型转数值3、Null 与 Undefined 转数值4、Object 类型转数值二：isNaN：检测变量是否为 NaN1、纯数字字符串，检测结果为 false2、空字符串，检测结果为 false3、包含其他字符，检测结果为...

2019-10-10 21:56:44 204

原创 JavaScript-1.2-JavaScript 的变量

JavaScript-1.2-JavaScript 的变量JavaScript 的变量一：变量的声明1、使用 var 声明的变量2、不使用 var，直接赋值声明变量3、同一声明语句同时声明多个变量二：声明变量的注意事项与命名规范1、声明变量的注意事项2、变量的命名规范三：变量的数据类型1、Undefined：未定义2、NULL：空引用3、Boolean：布尔类型4、Number：数值类型5、Str...

2019-10-10 16:00:38 235

原创 JavaScript-1.1-JavaScript简介

JavaScript-1.1-JavaScript 简介JavaScript 简介一：JavaScript 概念二：页面中使用JavaScript 的三种方式1、HTML 标签中内嵌 JavaScript2、HTML 页面中直接使用 JavaScript3、引用外部 JavaScript 文件JavaScript 简介JavaScript 是一种直译式脚本语言（代码不进行预编译）是一种动...

2019-10-10 12:55:58 242

原创 CSS-8.5-网页布局练习

CSS-8.5-网页布局练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页布局</title> <style type="text/css"> #header{ height: 150px; }...

2019-09-24 21:13:13 261

原创 css-8.4-定位

css-8.4-定位一：relative：相对定位二：absolute：绝对定位三：fixed：固定定位四：使用定位实现元素的绝对居中五：z-index1、z-index的作用2、z-index的使用要求3、z-index:auto 和 z-index:0 的异同4、z-index相同（处于同一平面的定位元素）的层叠关系定位1.定位与浮动一样，都是改变元素在正常文档流中的位置，对网页内容进行...

2019-09-24 16:29:03 288

原创 CSS-8.3-浮动与清除

CSS-8.3-浮动与清除一：float：浮动二：clear：清除三：子盒子浮动造成父盒子高度塌陷2、为父元素添加overflow:hidden属性3、为父元素添加伪类：after,对伪类设置clear:both文档流文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置...

2019-09-24 13:07:10 256

原创 CSS-8.2-CSS盒模型相关属性

CSS-8.2-CSS盒模型相关属性一：overflow：内容溢出控制二：outline：外围线三：box-shadow：盒子阴影四：border-radius：边框圆角五：border-image：图片边框1、border-image-source：图片路径2、border-image-slice：图片切片宽度3、border-image-width：边框宽度4、border-image-rep...

2019-09-24 11:29:43 365

原创 CSS-8.1-CSS盒模型

CSS-8.1-CSS盒模型一：盒模型概述1、标准盒模型2、IE盒模型二：margin：外边距1、外边距的属性2、多个盒子之间的外边距影响(1)行内盒子水平排放的外边距(2)块级盒子垂直排放的外边距(3)父、子盒子的垂直外边距合并三：border：边框1、border-style2、border-width3、border-color4、边框的添加方式1、三个属性分别设置2、使用 border 属...

2019-09-22 16:43:04 174

原创 CSS3-7.5-飞机滑翔动画实现

CSS3-7.5-飞机滑翔动画实现飞机滑翔动画实现飞机滑翔动画实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>飞机滑翔</title> <style type="text/css"> img{ ani...

2019-09-18 10:32:50 494 1

原创 CSS3-7.4-CSS3新增选择器

CSS3-7.4-CSS3新增选择器一：属性选择器1、E[att]2、E[att="val"]3、E[att^="val"]4、E[att$="val"]5、E[att*="val"]二：结构伪类选择器1、E:nth-child(n)2、E:first-of-type3、E:only-child4、E:empty三：状态伪类选择器1、E:enabled2、E:disabled3、E:checked...

2019-09-18 10:27:05 369

原创 CSS3-7.3-CSS3其他常用属性

CSS-7.3-CSS其他常用属性一：CSS3渐变效果1、线性渐变2、径向渐变二：CSS3多列属性1、columns2、column-count3、column-width4、column-rule5、column-rule-width6、column-rule-style7、column-rule-color8、column-gapCSS3其他常用属性1.CSS3渐变效果2.CSS3多列...

2019-09-17 12:57:46 188