- 博客(100)
- 收藏
- 关注
RSS订阅原创 uniCloud云开发
uniCloud是 DCloud 联合阿里云、腾讯云、支付宝云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。
2024-11-23 16:13:13
926
1
原创 uniapp
uni-app编译器根据pages.json扫描需要编译的页面，并根据页面引入的js,css合并打包文件，对于本地的图片、字体、视频、文件等资源，如果可以直接识别，那么也会把这些资源文件打包进去，但如果这些资源以变量的方式引用，比如：<image :src="url"></image>,甚至可能有更复杂的函数计算，此时编译器无法分析。这样只要运行时确实能获取到这个图片，就可以显示，当然这也带来了一个注意事项，如果static里有一些没有使用的废文件，也会被打包到编译包里，造成体积变大，
2024-11-07 14:07:00
994
原创 React Router6
1.React Router 以三个不同的包发布到npm上，它们分别为：1.react-router:路由的核心库，提供了很多的：组件、钩子2.react-router-dom:包含react-router所有内容，并添加一些专门用于DOM的组件，例如等3.react-router-native:包括react-router所有内容，并添加一些专门用于ReactNative的API，例如：等。
2024-08-14 17:41:40
1220
原创 React扩展
方式：props：消息订阅-发布：pubs-sub、event等等集中式管理：redux、dva等等conText:生产者-消费者模式父子组件（非嵌套组件）：消息订阅-发布，集中式管理祖孙组件（跨级组件）：消息订阅-发布，集中式管理，conText（用的少）
2024-08-08 17:23:36
818
1
原创 Redux
2.无需自己给容器组件传递store，给<App/>包裹一个<Provider store={store}>即可。3.使用了react-redux后也不用再自己检测redux中状态的改变了，容器组件可以自动完成这个工作。2).创建action的函数不再返回一般对象，而是一个函数，该函数中写异步任务。备注：redux只负责管理状态，至于状态的改变驱动着页面的展示，要靠我们自己写。2.UI组件：不能使用任何redux的api，只负责页面的呈现，交互等。
2024-08-07 16:18:09
1058
1
原创 React应用（基于react脚手架）
1.设计状态时要考虑全面，例如带有网络请求的组件，要考虑请求失败怎么办2.ES6知识点：解构赋值+命名//传统解构赋值//连续解构赋值//连续解构赋值+重命名3.消息订阅与发布机制先订阅，再发布（理解：有一种隔空对话的感觉）适用于任意组件间通信要在组件的componentWillUnmount中取消订阅4.fetch发送请求（关注分离的设计思想）try {console.log('请求出错',error);
2024-08-07 16:17:52
1319
原创 React基础
/1.创建函数式组件//此处的this是undefined，因为babel编译后开启了严格模式return <h2>我是用函数定义的组件(适用于【简单组件】的定义)</h2>//2.渲染组件到页面</script>执行了ReactDOM.render(<MyComponent/> ....)之后，发生了什么？React解析组件标签，找到了MyComponent组件发现组件是使用函数定义的，随后调用函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中。
2024-08-05 10:32:35
1080
原创 Vue3(TypeScript)
setup是Vue3中一个新的配置项，值是一个函数，它是Composition API“表演的舞台”，组件中所用到的：数据，方法，计算属性，监视...等等，均配置在setup中setup函数返回的对象中的内容，可直接在模板中使用setup中访问this是undefinedsetup函数会在beforeCreate之前调用，它是领先所有钩子执行的姓名：{{name}}年龄：{{age}}
2024-07-23 21:10:59
976
原创 TypeScript极速梳理
class 类名 {属性名: 类型;constructor(参数: 类型){this.属性名 = 参数;方法名(){....console.log(`大家好，我是${this.name}`);const p = new Person('孙悟空', 18);
2024-07-22 20:48:09
779
原创 Vue组件化编程
1.一种组件间通信的方式，适用于子组件 ====> 父组件2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中第一种方式，在父组件中：或//触发Student组件实例身上的atguigu事件},第二种方式：在父组件中：......mounted(){
2024-07-20 14:39:34
1079
原创 Promise的自定义封装（用类方法）
深入理解promise底层源码有助于我们更好地理解promise。以下代码可以实现promise的基本功能。
2024-07-18 20:39:53
190
原创 Web前端Promise
说明：只有这两种，且一个promise对象只能改变一次，无论变为成功还是失败，都会有一个结果数据，成功的结果数据一般称为value，失败的结果数据一般称为reason。说明：返回一个新的promise，只有所有的promise都成功才成功，只要有一个失败了就直接失败。说明：返回一个新的promise，第一个完成的promise的结果状态就是最终的结果状态。如果传入的参数为非promise类型的对象，则返回的结果为成功promise对象。无论传入什么样的数值，结果均为失败的promise对象。
2024-07-18 16:04:32
1175
原创 Web前端ES6-ES11知识点】
/声明一个对象name: "终极一班",stus: ['knight'],//索引变量//return {//下标自增index++;//返回结果}else{//遍历这个对象。
2024-07-17 19:46:03
674
原创 Vue基础
1.Vue会监视data中所有层次的数据2.如何监测对象中的数据？通过setter实现监视，且要在new Vue时就传入要监测的数据对象中后追加的属性，Vue默认不做响应式处理如需给后添加的属性做响应值，使用如下API：Vue.set(target,propertyName/index,value)或者vm.$set(target,propertyName/index,value)3.如何监测数组中的数据？调用原生对应的方法对数组进行更新重新解析模板，进而更新页面。
2024-06-25 14:02:47
835
1
原创 web-上传项目文件夹到Git远程仓库
概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容，切换代码版本，多人开发时高效合并代码内容。
2024-06-03 21:04:44
1299
1
原创 接口以及会话控制
所谓会话控制就是对会话进行控制HTTP是一种无状态的协议，他没有办法区分多次的请求是否来自于同一个客户端，无法区别用户而产品中又大量存在这样的需求，多以我们需要通过会话控制来解决该问题。
2024-06-02 20:34:03
908
原创 大事件项目实战
/更新用户的基本信息//更新用户基本信息的处理函数在/router/userinfo.js模块中，新增重置密码的路由//重置密码的路由在/router_handler/userinfo.js模块中，定义并向外共享重置密码的路由处理函数//重置密码的处理函数//更新用户头像的路由在/route_handler/userinfo.js模块中，定义并向外共享更新用户头像的路由处理函数// 新增文章分类的路由// 新增文章分类的处理函数// 删除文章分类的路由// 删除文章分类的处理函数。
2024-05-27 18:43:18
1006
原创 数据库与身份认证
SQL(英文全称：Structured Query Language)是结构化查询语言，专门用来访问和处理数据库的编程语言，能够让我们以编程的形式操作数据库里面的数据SQL是一门数据库编程语言使用SQL语言编写出来的代码，叫做SQL语句SQL语言只能在关系型数据库中使用（例如：MySQL,Oracle,SQL Server）,非关系型数据库（例如Mongodb），不支持SQL语言身份认证又称“身份验证”、“鉴权”，是指通过一定的手段，完成对用户身份的确认。
2024-05-23 21:57:04
683
原创 Express知识点以及案例总结
广义上来讲，路由就是映射关系例如:人工客服中的每个按键都对应不同的服务，在这里，路由就是按键与服务之间的映射关系// 定义一个最简单的中间件函数// console.log('这是最简单的中间件函数')// 把流转关系，转交给下一个中间件或路由// next()// }// 将 mw 注册为全局生效的中间件// 这是定义全局中间件的简化形式console.log('这是最简单的中间件函数')next()})console.log('调用了 / 这个路由')})
2024-05-21 22:06:58
1238
原创 Node.js知识点以及案例总结
/ 3.1 定义处理 css 样式的方法// 3.2 使用正则提取需要的内容const r1 = regStyle.exec(htmlStr)//选出匹配正则表达式内的字符串// 3.3 将提取出来的样式字符串，进行字符串的 replace 替换操作// 3.4 调用 fs.writeFile() 方法，将提取的样式，写入到 clock 目录中 index.css 的文件里面if (err) return console.log('写入 CSS 样式失败！
2024-05-18 21:06:32
1318
原创 黑马数据管理平台项目知识点总结
概念：访问权限的令牌，本质上是一串字符串创建：正确登录后，由后端签发并返回作用：判断是否有登录状态等，控制访问权限目标：只有登陆状态，才可以访问内容页面在utils/auth.js中判断无token令牌字符串，则强制跳转到登录页（手动修改地址栏测试）在登录成功后，保存token令牌字符串到本地，再跳转到首页（手动修改地址栏测试）注意：前端只能判断token的有无，后端可以通过解密提取token字符串的原始信息，判断有效性// 判断无token令牌字符串，则强制跳转内容列表页面if(!
2024-05-14 18:58:26
816
原创 用js代码实现贪吃蛇小游戏
js已经学了大部分了，现在就利用我所学的js知识试试做贪吃蛇小游戏吧以下部分相关图片以及思路笔记均出自渡一陈老师的视频首先制作简单的静态页面，添加贪吃蛇移动的背景和相关图片，比如开始游戏等等将各个功能均封装在函数中，利用主函数调用分函数会使结构更清晰。
2024-05-02 14:46:08
2224
1
原创 JavaScript进阶知识点及案例总结（续2）
相同点：都可以改变函数内部的this指向区别点call和apply会调用函数，并且改变函数内部this指向call传递参数arg1,arg2...形式，apply必须使用数组形式[arg]bind不会调用函数，可以改变函数内部this指向主要应用场景call调用函数并且可以传递参数apply经常跟数组有关系，比如借助于数组对象实现数组最大值和最小值bind不调用函数，但是还想改变this指向，比如改变定时器内部的this指向性能优化说明使用场景防抖单位时间内，频繁触发事件，
2024-04-25 21:30:07
902
2
原创 JavaScript进阶知识点及案例（续）
面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作面向对象是以对象功能来划分问题，而不是步骤。
2024-04-24 21:46:55
1072
3
原创 WebApis知识点案例总结（续2）
之前写出的页面数据刷新之后页面就没有了随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量数据，HTML5规范提出了相关解决方案数据存储在用户浏览器中设置，读取方便，甚至页面刷新不丢失数据容量较大，sessionStorage和localStorage约5M左右JavaScript中定义正则表达式的语法有两种const 变量名=/表达式/ //其中/ /是表达式字面量预定类说明\d匹配0-9之间的任一数字相当于[0-9]
2024-04-10 14:20:56
626
原创 WEBAPIS知识案例总结（续）
属性作用说明scrollLeft和scrollTop被卷去的头部和左侧配合页面滚动来写，可读写clientWidth和clientHeight获得元素宽高不包含border，margin，滚动条用于js获取元素的大小，只读属性offsetWidth和offsetHeight获取元素宽度和高度包含border，padding，滚动条等，只读offsetLeft和offsetTop获取元素距离自己定位父级元素的左，上距离获取元素位置的时候使用，只读属性。
2024-04-06 17:50:33
721
原创 Web APIs 学习知识总结
标签天生自带的属性 比如：class id title等，可以直接使用点语法操作比如：disabled checked selected在html5中推出来的专门的data-自定义属性在标签上一律以data开头在DOM对象上一律以dataset对象方式获取const one=document.querySelector('div')//只获取第一个div盒子。
2024-03-26 18:09:00
1071
原创 JavaScript基础
如果先加载的JavaScript期望修改其下方的HTML，那么他可能由于HTML尚未加载成功而失效，因此，将js代码放在HTML页面的底部附近通常是最好的策略。当用户输入数据时，可使用变量将其存储起来，变量就是一个装东西的盒子，是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。注意：单引号只会找距离其最近的单引号进行匹配，若想在单引号中加入引号，就不可再加单引号，但是可以添加双引号，外双内单或外单内双。小案例：页面弹出对话框，输入名字和年龄，页面显示：大家好，我是XXX，我今年XX岁了。
2024-03-12 22:48:13
1323
原创 移动WEB开发知识总结
数值越小，排列越靠前，默认为0。注意:和z-index不一样。/* 让三个盒子沿着侧轴底侧对齐 */*//* 若只让第三个盒子在底侧 */div span {order: -1;</style><body></body>流式布局(百分比布局)栅格系统英文为“gridsystems”,也有人翻译为“网格系统”，它是指将页面布局（rem是将整个设备宽度划分）划分为等宽的列，然后通过列数的定义来模块化页面布局。
2024-02-17 09:45:07
1252
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人