- 博客(251)
- 收藏
- 关注
RSS订阅原创 sharePoint-基于sharepoint列表中的其他列值自动更新值列
填写栏名，类型选择计算值，公式用于对列表或库中的值执行计算，然后点击右下角的确定就添加成功了。点击想要操作的数据表后面的按钮，点击设置。首先进入网站，点击网站内容。拼接了两个字段并用-分隔。
2024-06-18 17:32:24
192
原创 React-Redux
Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态例子：不和任何框架绑定，不使用任何构建工具，使用纯Redux实现计数器使用步骤：1.定义一个reducer函数（根据当前想要做的修改返回一个新的状态）2.使用createStore方法传入reducer函数生成一个store实例对象3.使用store实例的subscribe方法订阅数据的变化（数据一旦变化，可以得到通知）
2024-06-14 18:00:00
291
原创 React-配置json-server
出现这个笑脸标识就说明启动json-serve服务成功，点击下面的链接可以查看数据列表。在终端输入命令npm run serve，就可以启动配置的json-serve。
2024-06-13 17:58:29
345
原创 JS-Fetch
使用 Fetch API，可以执行各种类型的请求（如 GET、POST、PUT、DELETE 等），发送请求时可以设置请求头、请求参数，以及处理响应数据。3)response.formData()：将响应体解析为 FormData 对象。如果响应的 Content-Type 是纯文本类型，如 text/plain 或 text/html，则使用此方法。1)response.json()：将响应体解析为 JSON 对象。4)response.blob()：将响应体解析为 Blob 对象。
2024-06-07 17:09:06
333
原创 React-useEffect
自定义Hook函数概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用问题：布尔切换的逻辑与当前组件耦合在一起，不方便复用解决思路：自定义hook封装自定义hook通用思路：1.声明一个以use打头的函数2.在函数体内封装可复用的逻辑（只要是可复用的逻辑）3在组件中用到的状态或者回调return出去（以对象或数组）4.在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用。
2024-06-03 12:40:56
380
原创 React-组件通信
场景：当我们把内容嵌套在子组件标签中时，父组件会自动在名为children的prop属性中接收该内容。实现思路：借助“状态提升”机制，通过父组件进行兄弟组件之间的数据传递。1.A组件先通过子传父的方式把数据传给父组件App。2.App拿到数据后通过父传子的方式再传递给B组件。，不能直接进行修改，父组件的数据只能由父组件修改。核心思路：在子组件中调用父组件中的函数并传递参数。，根据组件嵌套关系的不同，有不同的通信方法。1.父组件传递数据-在子组件标签上。2.子组件接收数据-子组件通过。
2024-05-30 17:56:27
542
原创 React-获取DOM
1.使用useRef创建ref对象，并与JSX绑定。在React组件中获取/操作DOM，需要使用。2.在DOM可用时，通过inputRef.DOM可用：渲染完毕之后dom生成之后。
2024-05-30 15:32:23
120
原创 React-表单受控绑定
2.通过value属性绑定状态，通过onChange属性绑定状态同步的函数。概念：使用React组件的状态（useState）控制表单的状态。1.准备一个React状态值。
2024-05-30 15:14:59
473
原创 React-基础样式控制
classnames是一个简单的JS库，可以非常方便的。也可以把样式都提取到一个变量里，再赋值到style里。React组件基础的样式控制有两种方式。通过条件动态控制class类名的显示。属性名是多个单词的需要使用驼峰写法。1、行内样式（不推荐）2、class类名控制。
2024-05-29 14:55:08
361
原创 React-useState
本质：和普通JS变量不同的是，状态变量一旦发生变化组件的视图UI也会跟着变化（useState是一个React Hook（函数），它允许我们向组件添加一个。，从而控制影响组件的渲染结果。
2024-05-29 11:24:41
428
原创 React-组件基础使用
概念：一个组件就是用户界面的一部分，它可以有自己的逻辑和外观，组件之间。组件化开发可以让开发者像搭积木一样构建一个完整的庞大的应用。注意：也可以用箭头函数来定义，只要函数名的首字母大写就行。，内部存放了组件的逻辑和视图UI，渲染组件只需要把组件。可以互相嵌套，也可以复用多次。在React中，一个组件就是。
2024-05-28 17:59:27
902
原创 React-事件绑定
语法：事件绑定的位置改造成箭头函数的写法，在执行clickHandler实际处理业务函数的时候传递实参注意：不能直接写函数调用，这里事件绑定需要一个函数引用语法：在事件绑定的位置传递事件实参e和自定义参数，clickHandler中声明形参，注意顺序对应。
2024-05-28 14:16:44
210
原创 React-JSX基础
概念：JSX是JavaScript和XML（HTML）的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式优势：1.HTML的声明式模板写法 2.JS的可编程能力。
2024-05-24 17:59:40
303
原创 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
555
原创 Webpack
静态模块：指的是编写代码过程中的html，css，js，图片等固定内容的文件打包：把静态模块内容压缩、整合、翻译等（前端工程化）1）把less/sass转成css代码2）把ES6+降级成ES5+3）支持多种模块标准语法。
2024-04-22 18:00:11
325
原创 node.js-包
包：将模块，代码，其他资料聚合成的一个文件夹包分类：1）项目包：主要用于编写项目和业务逻辑的文件夹2）软件包：封装工具和方法供开发者使用要求：根目录中，必须有package.json文件（记录包的清单信息，如软件包的名字，作者，入口文件等信息）注意：导入软件包时，引入的默认是index.js模块文件/main属性指定的模块文件。
2024-04-22 17:30:24
493
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
357
原创 node.js-fs模块、path模块、http模块
fs模块：封装了与本机文件系统进行交互的，方法/属性。2）写入文件内容（没有文件，会创建一个文件）模块：类似插件，封装了方法/属性。1）加载fs模块对象。
2024-04-11 16:02:07
421
1
原创 node.js-入门
Node.js是一个跨平台Javascript运行环境，使开发者可以搭建服务器端的Javascript应用程序作用：使用Node.js编写服务器端程序1）编写数据接口，提供网页资源浏览功能等2）前端工程化：为后续学习Vue和React等框架做铺垫。
2024-04-11 13:07:52
522
1
原创 ES6-可选链式操作符（?.）
可以判断操作符之前属性是否有效，从而链式读取对象的属性或返回 undefined,如果它的上一层是undifiend 则不会去取它的点下面的东西。
2024-03-28 16:42:38
330
原创 AJAX-项目优化（目录、基地址、token、请求拦截器）
在utils/request.js配置axios请求基地址作用：提取公共前缀地址，配置后axios请求时都会baseURL+url填写API的公共前缀后，将js文件导入到html文件中再使用axios请求接口的时候，只写API地址后半段。
2024-03-28 12:38:49
353
原创 AJAX-Promise
Promise对象用于表示(管理)一个异步操作的最终完成（或失败）及其结果值。好处：1）成功和失败状态，可以关联对应处理程序 2）了解axios函数内部运作机制 3）能解决回调函数地狱问题new Error('错误信息')：创建一个错误对象。
2024-03-21 15:34:39
388
原创 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
740
原创 AJAX-原理XMLHttpRequest
定义：浏览器提供给服务器的额外信息，让服务器返回浏览器想要的数据语法：http://xxxx.com/xxx/xxx?参数名1=值1&参数名2=值2。
2024-03-18 17:52:23
363
原创 HTML-label标签的作用
点击label元素可以自动聚焦下面的input元素，相当于点击了下面的input。作用：扩大表单的交互范围，而且样式也比较好修改，所以可以与表单元素相关联。使用for="元素id名"可绑定两个元素。
2024-03-14 10:32:11
130
原创 JS-图片传输
URL.createObjectURL()静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。基于FileReader读取图片做预览，得到的图片链接是base64字符串。用URL.createObjectURL()将一个。一般使用FormData携带文件。
2024-03-12 16:32:44
144
原创 Power Apps-操作SharePoint数据表
注意：列名和值的变量名不要重复，否则会不成功。前提：该应用已连接被操作的数据表。2.修改数据表里指定一行的数据。3.删除数据表里的某一行数据。1.往数据表中添加一行数据。
2024-03-07 16:24:58
494
原创 Power Apps-上传附件控件
然后连接一个数据源，就会在下面自动产生一个添加附件的组件。把这个控件复制粘贴到页面里，就可以单独使用来上传了。插入一个“编辑”窗体。
2024-03-07 14:55:47
459
原创 Power Apps-组件使用全局变量
首先点击整个组件，在右侧边栏中找到自定义属性，点击添加新的自定义属性。点击打开组件里的访问应用范围，这样就可以直接访问和修改应用的变量。填写相关信息，显示名称和名称填写全局变量名称，说明随意编辑。在控件中调用，使用Parent.变量名。再点击已经添加好的自定义属性。
2024-02-26 11:18:26
241
原创 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
2497
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
1165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人