- 博客(24)
- 收藏
- 关注
原创 计算属性与监听、类与样式绑定
即每次点击都会alert 我被点击了。计算属性可以使⽤js中属性的get和set⽅法 其中get⽅法是当获取当前属性值时⾃动调⽤, 将返回值(根据相关的其它属性数据)作为属性值 set⽅法是当属性值发⽣了改变时⾃动调⽤, 监视当前属性值变化, 同步更新相关的其它属性值。解决原理:vue会分析计算属性⾥⾯的⽅法,分析代码中依赖哪些属性值,如果这些属性值中有某个或 全部发⽣变化的话,那么这个⽅法才会重新执⾏,否则,不会执⾏这个⽅法。计算属性虽然写的像⽅法,但是它的使⽤⽅式和属性⼀样,属性怎么⽤,它就怎么⽤。
2023-12-30 00:28:38 388
原创 vue-router
vue-router是Vue官⽅的路由管理器,是⼀个⽤来实现 SPA(single page web application) 的。它和 Vue.js 的核⼼深度集成,让构建单⻚⾯应⽤变得易如反掌。:通过js语句实现路由跳转。可以传递多个参数 域名。
2023-12-30 00:23:38 385
原创 ⽂件FS的介绍
版本,例如读取⽂件内容的函数有异步的fs.readFile()和同步的fs.readFileSync()。Node.js⽂件系统(fs模块)模块中的⽅法均有异步和同步的。由于nodejs是服务器端程序,必须要有读写⽂件操作,在客户端没有这样的功能,⽂件的读写有。Stream流介绍:所有互联⽹传输的数据都是以流的⽅式,流是⼀组有序的,有起点和终点的字节。数据转换为各种形式的流数据(即字节数据),再通过流的传输,到达⽬的对象后再将流数据转换。流式读取:将数据从硬盘中读取⼀节就触发回调函数,实现⼤⽂件操作。
2023-12-29 23:41:47 346 1
原创 Vue.js起步
对于Vue名字的来源,尤⽟溪表示:其实在最开始想的名字是seed.js,但在NPM上已经被注册了,所以 就想这个是⼀个视图的库,但是直接叫他的英⽂ “ view ” 有点太直接了,于是我把 “ view ” 这个单词 放进⾕歌翻译中,然后发现他的法语翻译只有三个字⺟,这看起来很棒,并且没有被注册,所以就在 2013年6⽉在NPM进⾏了注册。Vue的的作者是尤⽟溪,Vue框架的来源是其在项⽬开发中发现使⽤过的Backbone,Angular都不 能更好的适应当时在做的项⽬,然后就有了⾃⼰写⼀个框架的想法。
2023-12-29 23:32:51 942 1
原创 Vue+Sass
是⼀种强化 CSS 的辅助性的⼯具,在 CSS 原本的语法基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导⼊ (inline imports) 等⾼级功 能,通过这些扩展能够让 CSS 更加优雅、强⼤。SCSS (Sassy CSS)语法格式, 这种语法格式是仅在 CSS3 语法的基础上进⾏拓展的,所有 CSS3 语法 在 SCSS 中都是通⽤的,同时加⼊ Sass 的特⾊功能。这种格式以 .scss 作为扩展名。Sass 有两种语法格式。
2023-12-29 22:47:32 456 1
原创 ⽹络地址URL
url.resolve()⽅法主要⽤来插⼊或替换URL内容。调⽤url相关API对URL地址进⾏处理。原本的parse⽅法,现在换成了URL。to 需要添加或替换的标签。
2023-12-29 21:57:35 357 1
原创 VueCLi
Vue-cli是什么:vue-cli是vue的脚⼿架,建筑上的脚⼿架就是先搭个架⼦,然后⼯⼈们慢慢往⾥⾯砌砖头,直到建筑成型。⽽程序的脚⼿架就是帮你把⼀些环境配置、基础变量定义,⽂件结构等都搭建好,要创建新的项⽬时拿过来直接往⾥⾯添加新项⽬需要的东⻄。1、package.json ⽂件⾥记录有项⽬所安装的依赖项,当 node_modules 被删除时,可以再根据该⽂件 安装所需的依赖项;4、npm 5 之后的版本安装包的时候不需要加 --save 参数,它会⾃动保存依赖的信息;
2023-12-29 21:53:03 331 1
原创 Sequelize概述与安装
Sequelize 是⼀个强⼤的 Node.js ORM(Object-Relational Mapping)库,它提供了⼀种⽅便的⽅式来与关系型数据库进⾏交互。使⽤ sequelize.define ⽅法,我们指定了模型 的名称和字段的属性。在项⽬根⽬录下创建⼀个⽂件夹config(名称可以⾃⼰取,看个⼈习惯),创建⼀个database.js(名称 可以⾃⼰取,看个⼈习惯)⽂件,配置数据库连接信息,包括数据库名称、⽤户名和密码。unique: 唯⼀约束,确保字段的值在表中是唯⼀的。
2023-12-29 16:14:58 409 1
原创 HTTP模块
HTTP(Hypertext Transfer Protocol)是现代互联⽹的基础,它⽤于在客户端和服务器之间传输数据。Node.js的HTTP模块是⼀个内置模块,⽤于构建HTTP服务器和客户端应⽤程序。下⾯将介绍如何使⽤ Node.js的HTTP模块来创建、配置和运⾏HTTP服务器,以及如何处理HTTP请求和⽣成HTTP响应。HTTP协议HTTP是⼀种⽆状态协议,它允许客户端和服务器之间的通信。它是⼀种⽂本协议,使⽤请求-响应模 型。
2023-12-29 16:07:25 354 1
原创 Composition API对⽐Options API
语法对⽐响应式数据 在Vue3中创建响应式的数据主要是通过reactive和ref这两个API实现的,现在我们就来依次学习⼀下这两 个以及相关的API。我们在写Vue2的时候,编写组件的⽅式是使⽤Options API,这种⽅式的特点就是在对应的属性编写对应 的功能模块,例如在。reactive API⽤于创建响应式的对象或者数组,实际上该⽅法的内部就是基于ES6的Proxy实现的。特别注意的是,setup的语法中是没有this的,因此取变量值的时候不需要使⽤this调⽤。创造的响应式对象,我们需要通过。
2023-12-29 15:58:26 415 1
原创 Express中路由的介绍
路由就是映射关系,在Express中,路由指的是客户端的请求与服务器处理函数之间的映射关系Express中的路由分3部分组成,分别是请求的类型、请求的URL地址处理函数,格式如下appmethodpathhandler()) //method具体为getpost等路由的匹配过程每当一个请求到达服务器之后,需要先经过路由的匹配,只有匹配成功之后,才会调用对应的处理函数。●。
2023-11-27 15:20:09 77
原创 CommonJS规范
模块化是一种设计方法,通过将系统分解为相互独立的模块或组件,以便更容易地管理和维护系统。模块化设计可以使系统更易于理解和修改,同时也可以提高系统的可重用性和可扩展性。模块化设计通常包括定义清晰的接口和规范,以便不同的模块可以相互协作,并且可以独立地进行开发和测试。在软件开发中,模块化设计可以帮助开发人员更好地协作,提高开发效率,降低系统的复杂性和维护成本。CommonJS 规范CommonJS规范是用于JavaScript的模块化系统,旨在使JavaScript在服务器端开发中更加适用。
2023-11-27 14:59:58 90
原创 Node.js的介绍与安装
再加上实际业务开发中,前端⻚⾯需求经常会发⽣变化,需要修改字段或者数据结构,所以对接⻚⾯的 这部分接⼝由前端直接开发⾮常合适,可以显著的减少沟通成本。跨平台:覆盖你能想到的⾯向⽤户的所有平台,传统的PC Web端,以及PC客户端nw.js/electron 、移动端 cordova、HTML5、react-native、weex,硬件 ruff.io 等。Node.js的语法和JavaScript⼀样,它突破了JavaScript的⼀些限制,例如,它可以使JavaScript。(其实就是为了安全性,如果。
2023-11-26 22:15:51 56 1
原创 ES6的简单介绍
let和const关键字:ES6引入了let和const关键字来声明变量和常量,它们具有块级作用域,可以解决var关键字存在的一些问题。Promise:ES6引入了Promise对象,用于处理异步操作,使得异步编程更加直观和易用。模块化:ES6引入了模块化的语法,可以使用import和export关键字来导入和导出模块。解构赋值:ES6引入了解构赋值语法,可以方便地从数组和对象中提取值并赋给变量。类和继承:ES6引入了class关键字,使得面向对象编程更加直观和易用。左侧菜单栏拉⾄最下⽅勾选。
2023-11-26 22:01:01 50 1
原创 前后端分离和不分离的区别
前后端分离和不分离是指在开发Web应用时,前端和后端的开发方式和架构的不同。前后端不分离时,前后端的开发是紧密耦合的,前端开发人员负责页面的设计和布局,并使用后端提供的模板引擎将数据渲染到页面上,后端开发人员负责处理业务逻辑和数据库操作。前后端分离时,前后端的开发工作是分离的,前端开发人员专注于前端框架和技术,后端开发人员专注于后端技术和API接口的开发。前后端分离时,前后端代码是分离的,前端代码可以独立部署和维护,后端代码可以独立部署和维护,系统结构相对复杂。
2023-10-30 20:08:01 3098 1
原创 快速上手使用Layui组件
根据自己需要的组件,在Layui中找到相关的代码,选择组件对应的代码位置复制粘贴到自己的代码中。示例:我想选择一个好看的button按钮,找到在Layui中按钮的部分点击红色标注框内的样式,如上图中选择这些代码复制粘贴到vscode里 ,并在本地引入Layui文件。将下载好的Layui文件加入到自己所写的文件中。注意 :不要忘记更改代码中引入Layui的地址。选择相应的代码片段。
2023-10-17 15:01:39 358 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人