- 博客(38)
- 收藏
- 关注
原创 第十六周笔记
Vue 组件可以看作是自定义元素,它包含了 HTML、CSS 和 JavaScript,并且可以在应用中多次重复使用。每个 Vue 组件都有自己的作用域,可以接收数据、响应用户操作,并且可以通过 props 和 events 来与其他组件通信。通过组件,我们可以将界面分割成独立、可复用的模块,使得代码更加清晰、灵活,并且更易于维护。在模板中使用组件标签即可将组件插入到页面中,并且可以通过 props 属性传递数据,通过 events 属性监听组件事件。什么是 Vue 组件?
2024-06-24 08:40:30
138
原创 第十五周笔记
回调函数是最基础的异步编程方式,通过将回调函数传入异步API,当操作完成时回调函数会被执行。而async/await是ES7中新增的异步编程方式,它基于Promise对象,使异步代码看起来更像同步代码,更容易理解和维护。总的来说,异步编程是一种提高程序性能和响应速度的重要手段,它可以让程序更加灵活和高效地处理耗时操作。开发者应该熟练掌握异步编程的各种实现方式,并在适当的场景下加以应用,以提升程序的体验和性能。异步编程的本质是允许程序在执行某些耗时操作的同时继续执行其他代码,从而提高程序的性能和响应速度。
2024-06-16 18:37:56
112
原创 第十四周笔记
定义路由:使用 Express 的路由功能定义应用程序的路由规则,根据不同的 URL 调用对应的处理函数:app.get('/', function(req, res) { res.send('Hello, Express!路由功能:Express 框架提供了简单易用的路由功能,可以根据不同的 URL 请求来执行不同的代码逻辑,实现页面的动态展示和交互。错误处理:Express 框架提供了简单的错误处理机制,可以捕获和处理应用程序中的错误,提高应用程序的稳定性和可靠性。1. Express 框架的功能。
2024-06-11 08:35:39
236
原创 第十三周笔记
以上是微信小程序中常用的一些组件,开发者可以根据需求选择合适的组件,进行界面构建和功能实现。同时,微信小程序框架还支持自定义组件的开发,开发者可以根据自己的需求和设计规范,开发出符合项目需求的自定义组件,从而提高开发效率和用户体验。view: view 是微信小程序中最基本的组件之一,它相当于 HTML 中的 div 元素,用于承载其他组件或内容,并且具有样式控制的功能。modal: modal 组件用于显示模态弹窗,可以包含标题、内容和按钮,用于显示重要信息或进行交互操作。
2024-06-02 15:53:24
165
原创 第十二周笔记
微信小程序的自定义事件是指开发者可以自行定义并触发的事件,以实现特定的功能或逻辑。总的来说,微信小程序的自定义事件为开发者提供了一种灵活的交互方式,可以更好地组织代码结构和实现复杂的功能。然后,监听自定义事件是指在页面或组件中监听已经触发的自定义事件,并在事件被触发时执行相应的逻辑。接着,触发自定义事件是指在特定的条件下调用已经定义的自定义事件,并传递相应的参数。首先,定义自定义事件是指在小程序的代码中声明一个事件,并指定其名称和参数。最后,传参是指在触发自定义事件时,可以传递额外的参数给监听函数。
2024-05-26 16:44:24
408
原创 第十一周笔记
以上是微信小程序中常用的一些组件,开发者可以根据需求选择合适的组件,进行界面构建和功能实现。同时,微信小程序框架还支持自定义组件的开发,开发者可以根据自己的需求和设计规范,开发出符合项目需求的自定义组件,从而提高开发效率和用户体验。view: view 是微信小程序中最基本的组件之一,它相当于 HTML 中的 div 元素,用于承载其他组件或内容,并且具有样式控制的功能。modal: modal 组件用于显示模态弹窗,可以包含标题、内容和按钮,用于显示重要信息或进行交互操作。
2024-05-19 18:58:46
243
原创 第十周笔记
Vue.js 是一款现代化、灵活、易用的 JavaScript 框架,它的设计理念和核心特性使得开发者能够更加高效地构建优秀的 Web 应用程序。
2024-05-10 10:49:05
210
原创 第九周笔记
实现社交分享和评论功能添加社交分享功能可以让用户方便地分享喜欢的博客文章到社交媒体平台,增加博客的曝光和流量。同时,实现评论功能可以让用户与作者和其他读者互动,提高用户参与度和用户粘性。
2024-05-05 18:11:48
309
1
原创 第八周笔记
优化你的博客应用以符合 Web Accessibility Guidelines,使得残障用户也能轻松访问和使用你的应用。使用 GraphQL API 替代传统的 REST API 可以更高效地获取和处理数据,灵活地查询所需的数据,减少网络请求数量和数据冗余,提升前端应用性能和用户体验。通过引入单元测试、端到端测试和性能优化来确保你的博客应用的质量和性能。通过引入推荐系统和个性化推荐功能,可以为用户提供个性化推荐的博客内容,增加用户留存和活跃度。你可以基于用户的历史浏览行为或兴趣标签来做推荐算法。
2024-04-28 08:34:54
342
原创 第七周笔记
通过实现实时通知和消息推送功能,可以让用户及时获得新的博客发布、评论回复等重要信息。考虑使用服务器端渲染(SSR)来提高你的博客应用的首屏加载速度和搜索引擎优化。Vue.js 框架提供了相应的支持,可以让你在服务端渲染 Vue 组件,以提供更快的初始渲染速度。通过集成数据分析工具,如 Google Analytics 或者 Mixpanel,可以深入了解用户行为、访问量、用户来源等数据,为优化用户体验和提升博客内容提供有价值的参考。为了更好地了解用户需求和提高用户参与度,可以添加用户反馈和调查功能。
2024-04-21 15:33:42
383
原创 第六周笔记
允许用户根据他们的偏好自定义网站的主题和皮肤,可以增加用户的满意度和站点的可用性。可以使用 CSS 变量和 JavaScript 来动态改变样式。// 主题切换逻辑data() {return {},methods: {},watch: {
2024-04-14 14:37:15
103
原创 第五周笔记
添加博客分类与标签功能为了更好地组织和管理博客内容,你可以考虑为博客添加分类与标签功能。这样用户可以按照不同的主题或者标签来查找相关的博客内容。
2024-04-07 10:23:17
350
原创 第四周笔记
为了让用户更方便地查找博客内容,你可以添加搜索功能。你可以通过后端实现搜索接口,也可以使用前端库,比如 ElasticSearch 或者简单的基于关键词的搜索。如果你的博客需要用户系统,你可以考虑添加用户认证与授权功能。可以使用现成的认证库,比如 JSON Web Token(JWT)来实现用户登录、注册和权限管理。为了让用户更方便地编辑博客内容,你可以集成富文本编辑器,比如 Quill.js 或者 TinyMCE。确保你的博客应用能够在不同设备上良好地展现,包括桌面端和移动端。
2024-03-31 17:10:13
380
原创 第三周笔记
Vuex 是 Vue.js 的状态管理模式,适用于中大型规模的单页面应用。它集中式存储所有组件的状态,并以相应的规则保证状态只能通过提交 mutations 来修改。你可以进一步扩展这个示例,比如从后端获取博客数据,实现博客列表、评论功能等。另外,你可能需要使用 Vue Router 来实现路由功能,Vuex 来实现状态管理等。Vue Router 可以帮助你实现单页应用的路由功能,使用户在不同页面之间进行快速、无刷新的切换。希望这个简单的示例可以帮助你开始编写 Vue 的博客!
2024-03-24 14:49:14
180
原创 第二周笔记
姓名:<input type="text" v-model.trim="dataList.userName">年龄1:<input type="number" v-model.number="dataList.age">年龄2:<input type="number" v-model="dataList.ages">v-model.number可以将字符串转换为有效数字 "1"==1。注:通常使用v-model绑定表单v-model="",3.v-model自动绑定表单value值 v-model=""
2024-03-17 19:14:13
298
原创 第一周笔记
这种组件化的开发方式使得代码更易于维护和理解。综合来看,Vue是一款功能强大、易用灵活的前端框架,适用于各种规模的项目,并且在不断地发展和壮大,为前端开发者提供了更好的工具和体验。:Vue支持使用单文件组件(.vue文件)来组织应用程序的代码,每个单文件组件包含了模板、脚本和样式,提供了一种更清晰的组织结构。:Vue提供了服务端渲染(SSR)的支持,可以在服务器端直接渲染Vue组件,以提升应用程序的性能和SEO。:Vue拥有一个庞大的生态系统,包括众多的第三方库、插件和工具,为开发者提供了丰富的选择。
2024-03-10 14:00:51
251
原创 parser
当收到'data'事件时,它会把接收到的数据拼接起来,然后在'end'事件触发时,使用querystring模块的parse方法将拼接好的数据解析成键值对,存储在 req.body 中。在Node.js中,当客户端向服务器发送请求时,服务器需要处理请求的数据。总之,body-parser是Node.js开发中非常常用的一个工具,特别是在处理表单数据和JSON数据时,它可以极大地简化开发者的工作。parser是一个Node.js中的中间件,主要用于解析HTTP请求的正文,特别是POST请求的正文。
2024-01-08 08:41:49
644
原创 get请求
我们可以使用 querystring.parse() 函数将查询字符串解析为JavaScript对象,以便于处理。当收到一个GET请求时,我们可以通过 req.method 属性得知请求的方法(如"GET", "POST"等),通过 req.url 属性得知请求的URL。在Node.js中,我们可以使用内置的 http 和 querystring 模块来处理HTTP请求,包括GET请求。在服务器的回调函数中, req 对象包含了客户端发送的请求信息, res 对象则是响应客户端的对象。
2024-01-08 08:39:10
352
原创 Node.js
"node-xlsx":这个插件主要用于实现Excel文件的读写功能,支持2003的Excel(.xls)格式与支持2007的Excel的格式(.xlsx)。创建Node.js服务器:首先,我们需要创建一个Node.js服务器来接收前端的POST请求。在Node.js中,我们可以通过创建一个Node.js服务器来接收前端的POST请求。这可以通过Node.js的内置模块http来实现。puppeteer:一个用于控制Headless Chrome或Chromium的DevTools协议的Node库。
2024-01-02 10:28:34
336
原创 NodeJS CORS插件
值得注意的是, Access-Control-Allow-Origin 被设置为"*",这意味着所有源都可以访问该资源。这包括两个重要的头部字段: Access-Control-Allow-Origin 和 Access-Control-Allow-Headers。Access-Control-Allow-Origin : 这个字段指定哪些源(域名、协议和端口)可以访问资源。Access-Control-Allow-Headers : 这个字段指定客户端可以发送哪些HTTP请求头。
2024-01-02 10:26:19
335
原创 express插件介绍
它可以轻松地验证请求的参数、查询字符串、请求体等,并提供了一系列常用的验证规则和自定义验证函数。helmet:提供了一系列的HTTP安全中间件,可以帮助开发者保护Express应用的安全性,例如设置HTTP头部信息、防止跨站点请求伪造(CSRF)等。express-rate-limit:用于限制请求频率的中间件。multer:用于处理HTTP请求中的文件上传,它提供了方便的接口来处理单文件或多文件上传的情况。morgan:用于记录HTTP请求的日志,可以帮助开发者查看应用的请求和响应信息,方便调试和监控。
2023-12-25 09:30:33
811
1
原创 第十五周笔记
/ 7.import只读属性:不允许在加载模块的脚本里面,改写接口的引用指向,即可以改写 import 变量类型为对象的属性值,// 8.import单例模式:多次重复执行同一句 import 语句,那么只会执行一次,而不会执行多次。// 5.export 命令导出的接口名称,须和模块内部的变量有一一对应关系。// 声明不同接口引用,会声明对应变量,但只执行一次 import。// 6.导入的变量名,须和导出的接口名称相同,即顺序可以不一致。// 不能改写 import 变量类型为基本类型的值。
2023-12-25 09:05:07
743
1
原创 第十四周笔记
/ 异步:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。// 2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件,然后再去宏任务队列中取出一个事件。// 5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行。// 同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。
2023-12-24 17:13:35
375
原创 第十三周笔记
/ var r = confirm("确定删除吗!// butt2.innerHTML = "修改"// butt.innerHTML = "删除"// // 添加删除,修改按钮。// //删除当前行数据。// // 创建时间。
2023-12-24 16:13:01
319
原创 第十周笔记
/ res.send("请输入正确的账号密码");// res.end("post访问/index成功");// res.end("get访问/index成功");res.end("post访问/index成功");// console.log("触发当前中间件");// console.log("触发当前中间件");res.end("get访问/index成功");// res.end("get访问首页成功");// res.send("登录成功");
2023-12-03 18:56:32
363
1
原创 第九周笔记
/ fs.writeFile("路径","内容","格式",function(err){}) 方法,用来向指定的文件中写入内容。现在:前端---h5+c3+es5+es6+vue+nodejs+微信小程序+Element-ui。// 201:表示资源被正确的创建。-- 第四种 window+r,输入cmd,cd 运行路径,node 运行的文件名 -->现在:后台---java+spring-boot+spring-code+vue。-- 第一种 ctrl+`,cd 路径,node 运行的文件名 -->
2023-11-26 18:21:33
404
1
原创 第八周笔记
Promise 对象:await 会暂停执行,等待 Promise 对象 resolve,然后恢复 async 函数的执行并返回解析值。用于拦截 HasProperty 操作,即在判断 target 对象是否存在 propKey 属性时,会被这个方法拦截。Reflect.ownKeys() 返回对象所有的属性,不管属性是否可枚举,包括 Symbol。target 即目标对象, handler 是一个对象,声明了代理 target 的指定行为。此方法不判断一个属性是对象自身的属性,还是继承的属性。
2023-11-19 16:50:40
19
原创 第七周笔记
4、http的连接很简单,是无状态的;7.import只读属性:不允许在加载模块的脚本里面,改写接口的引用指向,即可以改写 import 变量类型为对象的属性值,3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。子类需要访问父类中的静态值,需要在子类的静态方法中访问,在静态方法中,指向父类。3.调用父类方法, super 作为对象,在普通方法中,指向父类的原型对象,
2023-11-12 14:34:27
23
原创 第七-1周笔记
fill(填充的值,包含起始下标,不包含结束下标默认到最后)将一定范围索引的数组元素内容填充为单个指定的值。2.class 本身的属性,即直接定义在类内部的属性( Class.propname ),copyWithin()将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素。查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。参数3(可选):被用来覆盖的数据的结束索引,默认为数组末尾。静态属性关键字static。
2023-11-06 08:31:36
31
原创 第六周笔记
异步:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行。同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。
2023-10-26 13:49:58
29
原创 第五周笔记
2. 如果没有就查找它的原型(也就是 __proto__ 指向的prototype 原型对象 )5. __proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向,或者说一条线路。Array.isArray(obj)判断是否为数组,数组返回true,否则false。3. 如果还没有找到就查找原型对象的原型(Object的原型对象)1. 当访问一个对象的属性或方法时,首先查找这个对象自身有没有。obj.hasOwnProperty(key)检测对象是否还有对象。constructor静态方法。
2023-10-20 10:09:39
29
1
原创 第四周笔记
Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ,用来检测该字符串参数作为名称的 Symbol 值是否已被登记。本身没有this的概念,捕获其所在上下文的 this 值,作为自己的 this 值,this指向全局。Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。Object.values() 静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。任何值(对象或者原始值) 都可以作为一个键或一个值。
2023-10-13 11:00:35
24
原创 第三周笔记
Number.isInteger(value)用于判断给定的参数是否为整数返回true,否则返回false。Object.defineProperty() 静态方法会直接在一个对象上定义一个新属性,Object.defineProperty(操作的对象, 键名, {键值})Number.isFinite(10)判断是否为有限,有限输出为true,否则false。原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。Math.sign()判断是否是正数1或负数-1或0返回0。
2023-10-06 18:22:07
24
1
原创 第二周笔记
5.当试图获取一个对象的某个属性时,如果这个对象本身没有这个属性,那么他会去它的__proto__(即它构造函数的prototype)去找。padEnd(总长度,"填充的字符串"):返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。padStart(总长度,"填充的字符串"):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。以上三个方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引(从0开始)。endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
2023-09-22 15:41:10
24
原创 第一周笔记
否则,第1个弹性项的外边距和行的main-start边线对齐,而最后1个弹性项的外边距和行的main-end边线对齐,然后剩余的弹性项分布在该行上,相邻项目的间隔相等。- stretch:如果指定侧轴大小的属性值为'auto',则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照'min/max-width/height'属性的限制。如果'align-self'的值为'auto',则其计算值为元素的父元素的'align-items'值,如果其没有父元素,则计算值为'stretch'。
2023-09-15 15:45:38
31
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人