- 博客(24)
- 资源 (1)
- 收藏
- 关注
原创 {{less}}给 CSS 加点料
Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档(中文版),包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是 Less 如此易学的原因之一。混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方法。有关 Less 语言特性的详细文档,请参阅。
2023-12-30 10:15:00
406
原创 vue脚手架vuecli和vuevite
Vue-cli是什么:vue-cli是vue的脚⼿架,建筑上的脚⼿架就是先搭个架⼦,然后⼯⼈们慢慢往⾥⾯砌砖 头,直到建筑成型。⽽程序的脚⼿架就是帮你把⼀些环境配置、基础变量定义,⽂件结构等都搭建好, 要创建新的项⽬时拿过来直接往⾥⾯添加新项⽬需要的东⻄。
2023-12-30 09:30:00
726
原创 vue中的状态管理
Vuex 是 Vue.js 官方推荐的状态管理库,它提供了一种集中式的状态管理方案,用于管理应用中的所有组件的状态。Vuex 的核心概念包括state(状态)、getters(获取器)、mutations(变化)和actions(动作)。state:用于存储应用的状态数据。getters:类似于计算属性,用于从状态中派生出新的状态。mutations:用于同步地修改状态。actions:用于异步地修改状态。使用 Vuex,我们可以将应用的状态数据集中存储在一个状态树中,并通过getters。
2023-12-30 08:59:25
463
原创 Pinia符合直觉的 Vue.js 状态管理库
Pinia起始于 2019 年 11 月左右的一次实验,其目的是设计一个拥有组合式 API的 Vue 状态管理库。从那时起,我们就倾向于同时支持 Vue 2 和 Vue 3,并且不强制要求开发者使用组合式 API,我们的初心至今没有改变。除了安装和SSR两章之外,其余章节中提到的 API 均支持 Vue 2 和 Vue 3。虽然本文档主要是面向 Vue 3 的用户,但在必要时会标注出 Vue 2 的内容,因此 Vue 2 和 Vue 3 的用户都可以阅读本文档。2.为什么你应该使用 Pinia?
2023-12-30 07:15:00
385
原创 sass世界上最成熟、最稳定、最强大的专业级CSS扩展语言!
自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装Sass和Compass。要安装最新版本的Sass和Compass。
2023-12-29 21:36:29
352
1
原创 计算属性与监听、类与样式绑定
通过使用计算属性,我们可以轻松地处理动态数据和复杂的逻辑,使得我们的 Vue.js 应用程序更加灵活和易于维护。计算属性的依赖缓存、简洁易读和响应式特性使得它们成为处理动态数据的理想选择,有助于构建出更加灵活和动态的应用程序。:计算属性根据它们的依赖进行缓存,只有在依赖发生改变时才会重新计算。:计算属性是响应式的,它们会在依赖的数据发生变化时自动更新。:使用计算属性可以将复杂的逻辑和数据处理过程封装起来,使得模板更加简洁和易读。计算属性虽然写的像⽅法,但是它的使⽤⽅式和属性⼀样,属性怎么⽤,它就怎么⽤。
2023-12-29 16:04:14
315
1
原创 Vue.js介绍
对于Vue名字的来源,尤⽟溪表示:其实在最开始想的名字是seed.js,但在NPM上已经被注册了,所以 就想这个是⼀个视图的库,但是直接叫他的英⽂ “ view ” 有点太直接了,于是我把 “ view ” 这个单词 放进⾕歌翻译中,然后发现他的法语翻译只有三个字⺟,这看起来很棒,并且没有被注册,所以就在 2013年6⽉在NPM进⾏了注册。:Vue的的作者是尤⽟溪,Vue框架的来源是其在项⽬开发中发现使⽤过的Backbone,Angular都不 能更好的适应当时在做的项⽬,然后就有了⾃⼰写⼀个框架的想法。
2023-12-29 15:37:57
408
1
原创 node.js中的增删改查详细讲解
CRUD:是指在做计算处理时的增加(Create)、读取(Read)、更新(Update)和删除(Delete)⼏个单词的⾸ 字⺟简写。crud主要被⽤在描述软件系统中数据库或者持久层的基本操作功能。:可以通过 findAll 来查询某张表中的所有数据。
2023-12-29 15:23:08
678
1
原创 EJS模板引擎
EJS(Embedded JavaScript)是一种流行的模板引擎,用于在 Node.js 环境中生成动态的 HTML 内容。EJS 允许开发者在 HTML 中嵌入 JavaScript 代码,从而可以动态地生成页面内容。方法来设置 Express 应用程序的模板引擎为 EJS,并指定模板文件的存放路径。然后在路由处理函数中,我们使用。官⽹:https://ejs.bootcss.com/的模板文件,并向模板传递了一些动态数据。在上面的示例中,我们首先使用。接下来,我们可以创建一个。
2023-12-29 15:02:08
411
1
原创 node.js路由
路由就是映射关系,在 Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系 Express 中的路由分 3 部分组成,分别是请求的类型、请求的 URL 地址、处理函数,格式如下 app.method(path, handler()) // method 具体为 get post 等。2. 请求类型和请求的URL同时匹配成功,才会调⽤对应的处理函数。1. 按照定义的先后顺序进⾏匹配。
2023-12-29 14:51:00
401
1
原创 node.js中的⽹络地址URL
1. 引⼊url模块 const url = require("url");2. 调⽤url相关API对URL地址进⾏处理。模块来处理和解析网络地址(URL)。以下是三个简单的示例代码。示例: url.format(URL[, options])示例: url.resolve(from,to)在 Node.js 中,可以使用内置的。
2023-12-29 14:46:50
415
1
原创 Node.js路径Path
在这个示例中,我们首先使用 require 方法引入了 Node.js 的路径模块。然后我们使用 path.join 方法来拼接路径,path.parse 方法来解析路径,以及 path.extname 方法来获取文件的扩展名。这些方法可以帮助我们处理路径相关的操作,使得在 Node.js 环境中更加方便地操作文件和目录路径。:path 模块是 Node.js 官⽅提供的、⽤来处理路径的模块。(2)__filename:表示当前模块的⽂件名,包括⽂件的绝对路径。
2023-12-29 14:39:32
461
1
原创 node.js中模块化 CommonJS规范
在下图中变量1,函数1,数组就是模块内部的数据,在外部⽆法别访问到。在 Node.js 中,模块化是⼀种核⼼概 念,允许你将代码组织成可重⽤的模块,以便提⾼可维护性和代码复⽤性。模块定义:通过 module.exports 导出模块,通过 require 导入模块。模块标识:使用相对路径或者绝对路径来标识模块,确保模块的唯一性和可复用性。(2)每个 .js ⽂件,都是⼀个独⽴的模块,模块内的成员都是私有的。模块加载:使用同步加载模块的方式,确保模块的依赖关系得到正确的处理。
2023-12-29 14:34:36
355
1
原创 Node.js安装和介绍
Node.js之前JavaScript只能在浏览器上运⾏,脱离了浏览器,JavaScript就没有了⽤武之地,并 且JavaScript⽆法操作本地⽂件,思考⼀下这是为了什么呢?(其实就是为了安全性,如果 JavaScript可以通过代码操作⽤户电脑,那么随便⼀个⽹⻚融⼊⼀些执⾏脚本就可以把你电脑⾥的 ⼩秘密安排的明明⽩⽩) Node.js的语法和JavaScript⼀样,它突破了JavaScript的⼀些限制,例如,它可以使JavaScript 脱离浏览器的运⾏环境,并且它可以操作电脑的本地⽂件。
2023-12-29 14:26:11
327
1
原创 node.js中间件
Express中间件是⼀个函数或函数链,它们在处理请求和响应之间执⾏⼀些操作。中间件充当了Express 应⽤程序的“中间层”,可以⽤于执⾏各种任务,如身份验证、⽇志记录、数据转换和错误处理。中间件 可以在路由处理程序之前或之后执⾏,允许您在请求流程中添加⾃定义逻辑。Express的express.static中间件⽤于提供静态⽂件,如HTML、CSS和JavaScript⽂件。当⼀个请求到达 Express 的服务器之后,可以连续调⽤多个中间件,从⽽对这次请求进⾏预处理。
2023-12-29 14:20:20
351
1
原创 介绍jQuery:简化JavaScript开发的利器
在现代Web开发中,JavaScript是一门必不可少的编程语言。它为网页增加了交互性和动态性,使得用户能够与页面进行更加丰富的互动。然而,原生的JavaScript语法和API有时候过于繁琐和复杂,给开发者带来了不少挑战。幸运的是,有一个强大的JavaScript库可以帮助我们简化开发过程,它就是jQuery。jQuery是一个快速、简洁且功能强大的JavaScript库,它封装了大量常用的操作和功能,使得开发者可以更轻松地处理DOM操作、事件处理、动画效果等。
2023-11-01 11:57:00
73
1
原创 快速上手Layui
组件丰富:Layui提供了大量常用的UI组件,如表格、表单、弹窗、导航等,使得页面开发更加方便。社区活跃:Layui拥有庞大的开发者社区,可以在社区中获取到丰富的资源和解决方案。简单易用:Layui提供了简洁的API和丰富的组件,使得前端开发变得更加简单和高效。良好的兼容性:Layui兼容主流的浏览器,包括Chrome、Firefox、IE等,可以在不同的浏览器上保持一致的效果。响应式布局:Layui提供了响应式布局的支持,可以根据不同的设备自动调整页面布局,提升用户体验。3.下载:通过link方法引入。
2023-11-01 11:05:41
71
1
原创 node.js中module.exports和exports的误区及其解析
答案:{username : 'zs' gender : '男' age:'22'}解析:一开始module.express和express都指向同一个空对象。解析:一开始module.express和express都指向同一个空对象。解析:一开始module.express和express都指向同一个空对象。解析:一开始module.express和express都指向同一个空对象。答案:{username = 'zs' gender:'男'}答案:{gender:'男',age:'22'}
2023-11-01 10:09:14
69
1
原创 vscode中cnpm和nodemon能安装但是运行时报错
原因:因为 nodemon 试图执行一个需要管理员权限的操作,但当前用户没有足够的权限来执行这个操作。
2023-10-25 09:35:47
93
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人