- 博客(231)
- 收藏
- 关注
RSS订阅原创 Webpack-入门
静态模块：指的是编写代码过程中的html，css，js，图片等固定内容的文件打包：把静态模块内容压缩、整合、翻译等（前端工程化）1）把less/sass转成css代码2）把ES6+降级成ES5+3）支持多种模块标准语法。
2024-04-22 18:00:11
234
原创 node.js-包
包：将模块，代码，其他资料聚合成的一个文件夹包分类：1）项目包：主要用于编写项目和业务逻辑的文件夹2）软件包：封装工具和方法供开发者使用要求：根目录中，必须有package.json文件（记录包的清单信息，如软件包的名字，作者，入口文件等信息）注意：导入软件包时，引入的默认是index.js模块文件/main属性指定的模块文件。
2024-04-22 17:30:24
454
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
327
原创 node.js-fs模块、path模块、http模块
fs模块：封装了与本机文件系统进行交互的，方法/属性。2）写入文件内容（没有文件，会创建一个文件）模块：类似插件，封装了方法/属性。1）加载fs模块对象。
2024-04-11 16:02:07
391
1
原创 node.js-入门
Node.js是一个跨平台Javascript运行环境，使开发者可以搭建服务器端的Javascript应用程序作用：使用Node.js编写服务器端程序1）编写数据接口，提供网页资源浏览功能等2）前端工程化：为后续学习Vue和React等框架做铺垫。
2024-04-11 13:07:52
502
1
原创 ES6-可选链式操作符（?.）
可以判断操作符之前属性是否有效，从而链式读取对象的属性或返回 undefined,如果它的上一层是undifiend 则不会去取它的点下面的东西。
2024-03-28 16:42:38
240
原创 AJAX-项目优化（目录、基地址、token、请求拦截器）
在utils/request.js配置axios请求基地址作用：提取公共前缀地址，配置后axios请求时都会baseURL+url填写API的公共前缀后，将js文件导入到html文件中再使用axios请求接口的时候，只写API地址后半段。
2024-03-28 12:38:49
333
原创 AJAX-Promise
Promise对象用于表示(管理)一个异步操作的最终完成（或失败）及其结果值。好处：1）成功和失败状态，可以关联对应处理程序 2）了解axios函数内部运作机制 3）能解决回调函数地狱问题new Error('错误信息')：创建一个错误对象。
2024-03-21 15:34:39
376
原创 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
654
原创 AJAX-原理XMLHttpRequest
定义：浏览器提供给服务器的额外信息，让服务器返回浏览器想要的数据语法：http://xxxx.com/xxx/xxx?参数名1=值1&参数名2=值2。
2024-03-18 17:52:23
357
原创 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
124
原创 Power Apps-操作SharePoint数据表
注意：列名和值的变量名不要重复，否则会不成功。前提：该应用已连接被操作的数据表。2.修改数据表里指定一行的数据。3.删除数据表里的某一行数据。1.往数据表中添加一行数据。
2024-03-07 16:24:58
358
原创 Power Apps-上传附件控件
然后连接一个数据源，就会在下面自动产生一个添加附件的组件。把这个控件复制粘贴到页面里，就可以单独使用来上传了。插入一个“编辑”窗体。
2024-03-07 14:55:47
212
原创 Power Apps-组件使用全局变量
首先点击整个组件，在右侧边栏中找到自定义属性，点击添加新的自定义属性。点击打开组件里的访问应用范围，这样就可以直接访问和修改应用的变量。填写相关信息，显示名称和名称填写全局变量名称，说明随意编辑。在控件中调用，使用Parent.变量名。再点击已经添加好的自定义属性。
2024-02-26 11:18:26
163
原创 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
1288
1
原创 JS-本地文件上传
出于安全考虑，window.open 不能直接用来打开 元素获取的文件。如果想使用window.open浏览文件可以使用 URL.createObjectURL() 方如发现报错：window.open blocked due to active file chooser.原因：浏览器通常会在有文件上传的情况下阻止弹出新窗口，以防止用户在不经意间更改文件或者导致页面不稳定。解决：可以使用一个定时器（setTimeout）来延迟window.open()的调用
2024-02-05 17:52:42
962
原创 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
302
原创 AJAX-接口文档
接口文档：由后端提供的描述接口的文章接口：使用AJAX和服务器通讯时，使用的URL，请求方法，以及参数1.请求参数的位置为query（查询）的时候，就说明要使用params写为查询参数2.请求参数为Body参数的话，需要在请求体里携带，也就是使用data携带数据1）application/json是需要json字符串的意思2）当参数要求是form-data时，需要使用FormData传输数据。
2024-02-02 15:49:40
148
原创 AJAX-axios错误处理
语法：在then方法的后面，通过点语法调用catch方法，传入回调函数并定义形参。处理：用更直观的方式，给普通用户展示错误信息。
2024-02-02 12:41:00
179
原创 CSS-元素背景图片位置
background-position-x 属性用于设置背景图像的水平位置，即用于将图像设置在水平方向的某个位置。background-position-y 属性用于设置背景图像的垂直位置，即用于将图像设置在垂直方向的某个位置。上述代码将背景图片设置在元素宽度的50%处，垂直方向居中。设置元素背景图片的水平垂直方向位置。
2024-01-31 17:48:32
111
原创 HTML-form表单的
autocomplete属性指定表单应启用还是禁用自动完成功能，启用autocomplete 功能后，浏览器会根据用户之前输入的值自动完成填写。当表单输入值提交之后，页面刷新之后再次输入，会出现如上的情况，表单有以前输入并提交过的内容，这就autocomplete = “on”的状态。
2024-01-31 13:13:42
171
原创 HTML-a标签的href
代表的是发生动作时执行一段javascript代码，但是这个代码是空的，所以什么也不执行。代表的同样是什么也不执行，但是用这种，动作发生之后，会自动跳转到页面顶端。代表的是什么也不执行，但是用这种，动作发生之后，会刷新页面。
2024-01-31 12:35:31
133
原创 JS-正则表达式
正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在Javascript中，正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式正则表达式在Javascript中的使用场景：1）表单验证：用户名表单只能输入英文字母、数字或下划线，昵称输入框中可以输入中文（匹配）2）过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等const 变量名=/表达式/其中/ /是正则表达式字面量。
2024-01-30 18:00:52
1235
原创 JS-Window常见对象
location的数据类型是对象，它拆分并保存了URL地址的各个组成部分常用属性和方法：1）href属性获取完整的URL地址，对其赋值时用于地址的跳转2）search属性获取地址中携带的参数，符号?后面部分（包括?3）hash属性获取地址中的哈希值，符号#后面部分（包括#）4）reload方法用来刷新当前页面，传入参数true时表示强制刷新。
2024-01-29 15:16:54
613
原创 JS-执行机制、事件循环
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致--JavaScript是为处理页面中用户的交互，以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。
2024-01-29 12:42:42
190
原创 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-M端事件
1）touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。移动端也有自己独特的地方。比如触屏事件touch（也称触摸事件），Android和IOS都有。
2024-01-26 17:10:20
150
原创 vue3-elementPlus部分组件样式修改
前提：在语言下使用/deep/；在sass语言下使用 ::v-deep 替换 /deep/但::v-deep的写法已经废弃，建议使用:deep(css选择器)
2024-01-24 11:02:37
904
原创 JS-自执行函数
在声明的同时立即执行，它们在一个表达式之后加上一对括号，并且在括号内再加上一对小括号，小括号内是函数体，外面的括号是将整个函数定义作为表达式进行求值。，+，-，=等操作符进行函数自执行。作用：各个模块代码独立，防止变量污染。解法三：使用()进行函数自执行。自执行函数，也称立即调用函数。解法一：常规自执行函数。
2024-01-18 14:58:21
499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人