小沐°-优快云博客

原创 sharePoint-改为自适应手机和电脑的应用

上下居中：给组件的Y值设定为(Parent.Height-Self.Height)/2。左右居中：给组件的X值设定为(Parent.Width-Self.Width)/2。第一步：首先在APP的设定中关闭自动缩放比例，开启锁定方向。例子二：pc端和手机端位置差别很大的话，需要加判断条件。第二步：在OnStart中定义桌面版本还是手机版。第三步：用公式计算每个按钮的位置。

2024-10-28 17:18:40 320

原创 vue-scss、less安装总结

【代码】vue-scss、less安装总结。

2024-10-17 17:39:51 163

原创 CSS-媒体查询

媒体查询使用@media规则来定义，并包含一个或多个媒体特性和一个或多个样式规则。

2024-09-20 14:49:00 1065

原创 sharePoint-基于sharepoint列表中的其他列值自动更新值列

填写栏名，类型选择计算值，公式用于对列表或库中的值执行计算，然后点击右下角的确定就添加成功了。点击想要操作的数据表后面的按钮，点击设置。首先进入网站，点击网站内容。拼接了两个字段并用-分隔。

2024-06-18 17:32:24 538

Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态例子：不和任何框架绑定，不使用任何构建工具，使用纯Redux实现计数器使用步骤：1.定义一个reducer函数（根据当前想要做的修改返回一个新的状态）2.使用createStore方法传入reducer函数生成一个store实例对象3.使用store实例的subscribe方法订阅数据的变化（数据一旦变化，可以得到通知）

2024-06-14 18:00:00 492

原创 React-配置json-server

出现这个笑脸标识就说明启动json-serve服务成功，点击下面的链接可以查看数据列表。在终端输入命令npm run serve，就可以启动配置的json-serve。

2024-06-13 17:58:29 436

原创 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 446

原创 React-useEffect

自定义Hook函数概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用问题：布尔切换的逻辑与当前组件耦合在一起，不方便复用解决思路：自定义hook封装自定义hook通用思路：1.声明一个以use打头的函数2.在函数体内封装可复用的逻辑（只要是可复用的逻辑）3在组件中用到的状态或者回调return出去（以对象或数组）4.在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用。

2024-06-03 12:40:56 470

原创 React-组件通信

场景：当我们把内容嵌套在子组件标签中时，父组件会自动在名为children的prop属性中接收该内容。实现思路：借助“状态提升”机制，通过父组件进行兄弟组件之间的数据传递。1.A组件先通过子传父的方式把数据传给父组件App。2.App拿到数据后通过父传子的方式再传递给B组件。，不能直接进行修改，父组件的数据只能由父组件修改。核心思路：在子组件中调用父组件中的函数并传递参数。，根据组件嵌套关系的不同，有不同的通信方法。1.父组件传递数据-在子组件标签上。2.子组件接收数据-子组件通过。

2024-05-30 17:56:27 586

原创 React-生成随机数和日期格式化

【代码】React-生成随机数和日期格式化。

2024-05-30 17:45:31 486

原创 React-获取DOM

1.使用useRef创建ref对象，并与JSX绑定。在React组件中获取/操作DOM，需要使用。2.在DOM可用时，通过inputRef.DOM可用：渲染完毕之后dom生成之后。

2024-05-30 15:32:23 220

原创 React-表单受控绑定

2.通过value属性绑定状态，通过onChange属性绑定状态同步的函数。概念：使用React组件的状态（useState）控制表单的状态。1.准备一个React状态值。

2024-05-30 15:14:59 538

原创 JS-Lodash工具库

orderBy函数：根据条件进行排序。

2024-05-30 11:58:04 441

原创 React-基础样式控制

classnames是一个简单的JS库，可以非常方便的。也可以把样式都提取到一个变量里，再赋值到style里。React组件基础的样式控制有两种方式。通过条件动态控制class类名的显示。属性名是多个单词的需要使用驼峰写法。1、行内样式（不推荐）2、class类名控制。

2024-05-29 14:55:08 430

原创 React-useState

本质：和普通JS变量不同的是，状态变量一旦发生变化组件的视图UI也会跟着变化（useState是一个React Hook（函数），它允许我们向组件添加一个。，从而控制影响组件的渲染结果。

2024-05-29 11:24:41 515

原创 React-组件基础使用

概念：一个组件就是用户界面的一部分，它可以有自己的逻辑和外观，组件之间。组件化开发可以让开发者像搭积木一样构建一个完整的庞大的应用。注意：也可以用箭头函数来定义，只要函数名的首字母大写就行。，内部存放了组件的逻辑和视图UI，渲染组件只需要把组件。可以互相嵌套，也可以复用多次。在React中，一个组件就是。

2024-05-28 17:59:27 961

原创 React-事件绑定

语法：事件绑定的位置改造成箭头函数的写法，在执行clickHandler实际处理业务函数的时候传递实参注意：不能直接写函数调用，这里事件绑定需要一个函数引用语法：在事件绑定的位置传递事件实参e和自定义参数，clickHandler中声明形参，注意顺序对应。

2024-05-28 14:16:44 268

原创 React-JSX基础

概念：JSX是JavaScript和XML（HTML）的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式优势：1.HTML的声明式模板写法 2.JS的可编程能力。

2024-05-24 17:59:40 377

原创 React-入门

React由Meta公司研发，是一个用于构建Web和原生交互界面的库既可以写基于浏览器的应用，还可以写苹果和安卓的原生应用。

2024-05-24 17:30:20 461

原创 Git-汇总

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

2024-05-13 17:59:04 305

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

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

2024-05-09 16:53:16 536

原创 JS-导入导出

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

2024-05-08 16:40:51 445

原创 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 655

原创 Webpack

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

2024-04-22 18:00:11 425

原创 node.js-包

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

2024-04-22 17:30:24 561 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 406

空空如也

空空如也