自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(235)
  • 收藏
  • 关注

原创 Git-汇总

概念:一个免费开源,分布式的代码版本控制系统,帮助开发团队维护代码作用:记录代码内容,切换代码版本,多人开发时高效合并代码内容。

2024-05-13 17:59:04 237

原创 vue-根据不同的环境配置基地址

本地测试时会把设置为时会把设置为production。

2024-05-09 16:53:16 306

原创 JS-导入导出

和是ES6中导出模块中变量的语法。

2024-05-08 16:40:51 329

原创 Webpack

注意3:webpack-dev-server根据配置,打包相关代码在内存当中,以output.path的值作为服务器根目录,所以可以直接自己拼接访问dist目录下内容。注意1:webpack-dev-server借助http模块创建8080默认Web服务。开发环境:配置webpack-dev-server快速开发应用程序。作用:启动Web服务,自动检测代码变化,热更新到网页。webpack-dev-server软件包到当前项目。问题:之前改代码,需重新打包才能运行查看,效率很低。

2024-05-07 18:05:00 542

原创 Webpack

静态模块:指的是编写代码过程中的html,css,js,图片等固定内容的文件打包:把静态模块内容压缩、整合、翻译等(前端工程化)1)把less/sass转成css代码2)把ES6+降级成ES5+3)支持多种模块标准语法。

2024-04-22 18:00:11 316

原创 node.js-包

包:将模块,代码,其他资料聚合成的一个文件夹包分类:1)项目包:主要用于编写项目和业务逻辑的文件夹2)软件包:封装工具和方法供开发者使用要求:根目录中,必须有package.json文件(记录包的清单信息,如软件包的名字,作者,入口文件等信息)注意:导入软件包时,引入的默认是index.js模块文件/main属性指定的模块文件。

2024-04-22 17:30:24 476 1

原创 node.js-模块化

定义:CommonJS模块是为Node.js打包Javascript代码的原始方式。Node.js还支持浏览器和其他Javascript运行时使用的ECMAScript模块标准。2)自定义模块:写模块文件路径(例如:./utils.js)1)内置模块:直接写名字(例如:fs,path,http)在Node.js中,每个文件都被视为一个单独的模块。2.导入:require('模块名或路径')好处:提高代码复用性,按需加载,独立作用域。使用:需要标准语法导出和导入进行使用。概念:项目是由很多个模块文件组成的。

2024-04-19 17:59:33 339

原创 node.js-fs模块、path模块、http模块

fs模块:封装了与本机文件系统进行交互的,方法/属性。2)写入文件内容(没有文件,会创建一个文件)模块:类似插件,封装了方法/属性。1)加载fs模块对象。

2024-04-11 16:02:07 395 1

原创 node.js-入门

Node.js是一个跨平台Javascript运行环境,使开发者可以搭建服务器端的Javascript应用程序作用:使用Node.js编写服务器端程序1)编写数据接口,提供网页资源浏览功能等2)前端工程化:为后续学习Vue和React等框架做铺垫。

2024-04-11 13:07:52 505 1

原创 ES6-可选链式操作符(?.)

可以判断操作符之前属性是否有效,从而链式读取对象的属性或返回 undefined,如果它的上一层是undifiend 则不会去取它的点下面的东西。

2024-03-28 16:42:38 275

原创 AJAX-项目优化(目录、基地址、token、请求拦截器)

在utils/request.js配置axios请求基地址作用:提取公共前缀地址,配置后axios请求时都会baseURL+url填写API的公共前缀后,将js文件导入到html文件中再使用axios请求接口的时候,只写API地址后半段。

2024-03-28 12:38:49 342

原创 CSS-三列布局(中间固定,两边自适应)

实现效果:中间一列固定在屏幕中间,左右两侧向中间对齐,并设置一定距离。

2024-03-27 16:54:49 412

原创 AJAX-Promise

Promise对象用于表示(管理)一个异步操作的最终完成(或失败)及其结果值。好处:1)成功和失败状态,可以关联对应处理程序 2)了解axios函数内部运作机制 3)能解决回调函数地狱问题new Error('错误信息'):创建一个错误对象。

2024-03-21 15:34:39 377

原创 qrcode插件-生成二维码

correctLevel:二维码容错级别,可设置为:QRCode.CorrectLevel.L、QRCode.CorrectLevel.M、QRCode.CorrectLevel.Q、QRCode.CorrectLevel.H(默认:QRCode.CorrectLevel.L)注意:如果将生成二维码逻辑放到弹窗中,那么二维码在生成时弹窗元素还未完全渲染,此时会找不到渲染对象而生成失败,这种情况可以使用$nextTick()函数将二维码生成代码放到$nextTick()的回调函数里来解决。

2024-03-20 17:54:03 685

原创 JS-URLSearchParams

对象专门用于处理url网址信息中的查询字符串,在网址字符串中通常都是?问号之后的内容(不包含问号)。

2024-03-20 10:43:56 206

原创 AJAX-原理XMLHttpRequest

定义:浏览器提供给服务器的额外信息,让服务器返回浏览器想要的数据语法:http://xxxx.com/xxx/xxx?参数名1=值1&参数名2=值2。

2024-03-18 17:52:23 360

原创 HTML-label标签的作用

点击label元素可以自动聚焦下面的input元素,相当于点击了下面的input。作用:扩大表单的交互范围,而且样式也比较好修改,所以可以与表单元素相关联。使用for="元素id名"可绑定两个元素。

2024-03-14 10:32:11 114

原创 JS-图片传输

URL.createObjectURL()静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。基于FileReader读取图片做预览,得到的图片链接是base64字符串。用URL.createObjectURL()将一个。一般使用FormData携带文件。

2024-03-12 16:32:44 131

原创 Power Apps-操作SharePoint数据表

注意:列名和值的变量名不要重复,否则会不成功。前提:该应用已连接被操作的数据表。2.修改数据表里指定一行的数据。3.删除数据表里的某一行数据。1.往数据表中添加一行数据。

2024-03-07 16:24:58 388

原创 Power Apps-上传附件控件

然后连接一个数据源,就会在下面自动产生一个添加附件的组件。把这个控件复制粘贴到页面里,就可以单独使用来上传了。插入一个“编辑”窗体。

2024-03-07 14:55:47 255

原创 Power Apps-组件使用全局变量

首先点击整个组件,在右侧边栏中找到自定义属性,点击添加新的自定义属性。点击打开组件里的访问应用范围,这样就可以直接访问和修改应用的变量。填写相关信息,显示名称和名称填写全局变量名称,说明随意编辑。在控件中调用,使用Parent.变量名。再点击已经添加好的自定义属性。

2024-02-26 11:18:26 179

原创 VSCode-更改系统默认路径

用管理员身份打开cmd.exe命令界面输入mklink /D "%APPDATA%\Code" "D:\VSCode\.vscode\user-data"右击VSCode快捷键标志,点击属性,在快捷方式里的目标末尾追加--user-data-dir "D:\VSCode\.vscode\user-data",并用空格隔开。打开目录C:\用户\电脑用户名\AppData\Roaming,将Code文件夹的内柔剪切至D:\VSCode\.vscode\user-data。在同样在末尾追加上面那句话。

2024-02-22 12:00:50 1638 1

原创 vue3-在内置事件中除自带参数外额外传递自定义参数

第二种写法中传递的自带参数必须写成$event,否则报错。

2024-02-08 18:03:11 214

原创 JS-本地文件上传

出于安全考虑,window.open 不能直接用来打开 元素获取的文件。如果想使用window.open浏览文件可以使用 URL.createObjectURL() 方如发现报错:window.open blocked due to active file chooser.原因:浏览器通常会在有文件上传的情况下阻止弹出新窗口,以防止用户在不经意间更改文件或者导致页面不稳定。解决:可以使用一个定时器(setTimeout)来延迟window.open()的调用

2024-02-05 17:52:42 1040

原创 form-serialize插件

链接:https://pan.baidu.com/s/1zCdFsqgvWwxap4w3SCApFQ。hash设置获取数据结构:如果值为true,则获取到的为JS对象(推荐);empty设置是否获取空值:如果值为true,则获取空值(推荐);前提:在form标签下书写表单元素,并设置name属性,值会作为对象的属性名。1、下载form-serialize.js插件,并引入到html文件中。建议:name属性的值,最好和接口文档参数名一致。

2024-02-02 18:00:58 399

原创 AJAX-接口文档

接口文档:由后端提供的描述接口的文章接口:使用AJAX和服务器通讯时,使用的URL,请求方法,以及参数1.请求参数的位置为query(查询)的时候,就说明要使用params写为查询参数2.请求参数为Body参数的话,需要在请求体里携带,也就是使用data携带数据1)application/json是需要json字符串的意思2)当参数要求是form-data时,需要使用FormData传输数据。

2024-02-02 15:49:40 153

原创 AJAX-axios错误处理

语法:在then方法的后面,通过点语法调用catch方法,传入回调函数并定义形参。处理:用更直观的方式,给普通用户展示错误信息。

2024-02-02 12:41:00 180

原创 AJAX-常用请求方法和数据提交

请求方法:对服务器资源,要执行的操作。

2024-02-02 12:26:09 580

原创 AJAX-URL查询参数

定义:浏览器提供给服务器的额外信息,让服务器返回浏览器想要的数据。

2024-02-02 11:30:48 996

原创 AJAX-认识URL

概念:URL就是统一资源定位符,简称网址,用于访问网络上的资源。

2024-02-02 11:07:29 512

原创 AJAX-入门

概念:AJAX是浏览器与服务器进行数据通信的技术。

2024-02-01 17:50:00 725

原创 CSS-元素背景图片位置

background-position-x 属性用于设置背景图像的水平位置,即用于将图像设置在水平方向的某个位置。background-position-y 属性用于设置背景图像的垂直位置,即用于将图像设置在垂直方向的某个位置。上述代码将背景图片设置在元素宽度的50%处,垂直方向居中。设置元素背景图片的水平垂直方向位置。

2024-01-31 17:48:32 123

原创 HTML-form表单的

autocomplete属性指定表单应启用还是禁用自动完成功能,启用autocomplete 功能后,浏览器会根据用户之前输入的值自动完成填写。当表单输入值提交之后,页面刷新之后再次输入,会出现如上的情况,表单有以前输入并提交过的内容,这就autocomplete = “on”的状态。

2024-01-31 13:13:42 178

原创 HTML-a标签的href

代表的是发生动作时执行一段javascript代码,但是这个代码是空的,所以什么也不执行。代表的同样是什么也不执行,但是用这种,动作发生之后,会自动跳转到页面顶端。代表的是什么也不执行,但是用这种,动作发生之后,会刷新页面。

2024-01-31 12:35:31 156

原创 JS-正则表达式

正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在Javascript中,正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式正则表达式在Javascript中的使用场景:1)表单验证:用户名表单只能输入英文字母、数字或下划线,昵称输入框中可以输入中文(匹配)2)过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等const 变量名=/表达式/其中/ /是正则表达式字面量。

2024-01-30 18:00:52 1237

原创 JS-Window常见对象

location的数据类型是对象,它拆分并保存了URL地址的各个组成部分常用属性和方法:1)href属性获取完整的URL地址,对其赋值时用于地址的跳转2)search属性获取地址中携带的参数,符号?后面部分(包括?3)hash属性获取地址中的哈希值,符号#后面部分(包括#)4)reload方法用来刷新当前页面,传入参数true时表示强制刷新。

2024-01-29 15:16:54 617

原创 JS-执行机制、事件循环

JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致--JavaScript是为处理页面中用户的交互,以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行。应该先进行添加,之后再删除。单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是:如果JS执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。

2024-01-29 12:42:42 193

原创 JS-BOM(浏览器对象模型)

像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法。window对象是一个全局对象,也可以说是JavaScript中的顶级对象。BOM(Browser Object Model)是浏览器对象模型。window对象下的属性和方法调用的时候可以省略window。

2024-01-29 11:37:15 200

原创 JS-swiper插件

插件:就是别人写好的一些代码,我们只需要复制对应的代码,就可以直接实现对应的效果。

2024-01-26 17:40:46 139

原创 JS-M端事件

1)touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有。

2024-01-26 17:10:20 152

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除