前端
文章平均质量分 86
清梦压星河_Ciao
这个作者很懒,什么都没留下…
展开
-
准备后端接口服务环境
进入 db 目录,执行命令,启动后端接口服务 (使用–watch 参数 可以实时监听 json 文件的修改)当服务启动后,可以访问http://localhost:3000/cart获取数据。安装全局工具 json-server (全局工具仅需要安装一次)在db目录新建 index.json 文件。代码根目录新建一个 db 目录。准备后端接口服务环境(了解)原创 2023-11-17 09:22:47 · 426 阅读 · 0 评论 -
03.智慧商城——路由配置
配置路由出口, 配置 tabbar。配置一级路由,新建对应的页面文件。原创 2023-11-16 09:22:34 · 90 阅读 · 0 评论 -
Vuex介绍
目标:明确Vuex是什么,应用场景以及优势state: {count: 0},// 定义mutations})通过mutations修改state的步骤1.定义 mutations 对象,对象中存放修改 state 的方法2.组件中提交调用 mutations(通过$store.commit(‘mutations的方法名’))getters: {// getters函数的第一个参数是 state// 必须要有返回值。原创 2023-11-09 15:25:35 · 138 阅读 · 0 评论 -
VueCli 自定义创建项目及配置
1.安装脚手架 (已安装)2.创建项目选项?> Manually select features 选自定义手动选择功能选择vue的版本3.x> 2.x是否使用history模式选择css预处理选择eslint的风格 (eslint 代码规范的检验工具,检验代码是否符合规范)比如:const age = 18;=> 报错!多加了分号!后面有工具,一保存,全部格式化成最规范的样子选择校验的时机 (直接回车)选择配置文件的生成方式 (直接回车)是否保存预设,下次直接使用?原创 2023-11-08 15:56:23 · 421 阅读 · 0 评论 -
Vue实现面经基础版案例(路由+组件缓存)
keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件中。在组件切换过程中把切换出去的组件保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性。App.vue<template></div>缓存了所有被切换的组件1.keep-alive是什么2.keep-alive的优点3.keep-alive的三个属性 (了解)原创 2023-11-08 15:11:25 · 857 阅读 · 0 评论 -
Vue路由重定向
编程式导航,如何跳转传参?1.path路径跳转query传参this.$router.push('/路径?参数名1=参数值1&参数2=参数值2')path: '/路径',query: {参数名1: '参数值1',参数名2: '参数值2'})动态路由传参this.$router.push('/路径/参数值')path: '/路径/参数值'})2.name命名路由跳转query传参name: '路由名字',query: {参数名1: '参数值1',参数名2: '参数值2'})原创 2023-11-08 10:36:56 · 2781 阅读 · 0 评论 -
前端常用数组箭头函数总结
在前端开发中,箭头函数不仅简洁,而且具有更清晰的语义,特别是在处理数组时更为常见。原创 2023-11-01 15:38:24 · 144 阅读 · 0 评论 -
Webpack简介及打包演示
注意:虽然 webpack 是全局软件包,封装的是命令工具,但是为了保证项目之间版本分别独立,所以这次比较特殊,下载到某个项目环境下,但是需要把 webpack 命令配置到 package.json 的 scripts 自定义命令,作为局部命令使用。这是编译完的结果,从index.js开始执行编译,调用对应的check方法,check方法所产生的结果已经展示在编译后的文件中,所以这两个check方法就不会再整合到dist文件中了。静态模块:编写代码过程中的,html,css, js,图片等固定内容的文件。原创 2023-10-26 16:53:57 · 438 阅读 · 0 评论 -
使用node创建Web服务
需求:引入 http 模块,使用相关语法,创建 Web 服务程序,响应返回给请求方一句提示 ‘hello,world’基于 Node.js 环境,使用内置 http 模块,创建 Web 服务程序。需求:基于 Web 服务,开发提供网页资源的功能,了解下后端的代码工作过程。体验 Web 服务除了接口数据以外,还能返回网页资源等。注意:本机的域名叫做 localhost。就可以获取到服务器响应回来的数据。使用Ctrl+C可以终止服务。注意:端口号切换成了8080。原创 2023-10-26 14:52:29 · 78 阅读 · 0 评论 -
node读取文件和获取路径
模块:类似插件,封装了方法和属性供我们使用fs 模块:封装了与本机文件系统进行交互的,方法和属性fs 模块使用语法如下:【fs模块为node自带,不需要手动安装】加载 fs 模块,得到 fs 对象需求:向 test.txt 文件写入内容并读取打印创建一个js文件,输入以下代码编写完后直接进入文件所在目录,然后进入控制台执行命令执行js文件中的代码,注意我们的node版本要为16及以上。原创 2023-10-26 14:38:25 · 866 阅读 · 0 评论 -
什么是 Node.js
Node.js 执行目标 JS 文件,需要使用 node xxx.js 命令来执行(我们可以借助 VSCode 集成终端使用,好处:可以快速切换到目标 JS 文件所在终端目录,利用相对路径找到要执行的目标 JS 文件。Node.js 是一个独立的 JavaScript 运行环境,能独立执行 JS 代码,因为这个特点,它可以用来编写服务器后端的应用程序。什么是 Node.js,有什么用,为何能独立执行 JS 代码,演示安装和执行 JS 文件内代码。Node.js 为何能执行 JS 代码?原创 2023-10-26 11:20:16 · 782 阅读 · 0 评论 -
05.JavaScript(防抖节流、视频播放定位上次位置)
/ 打开页面触发事件,就从本地存储里面取出记录的时间, 赋值给 video.currentTime。// // 起始的时间 = 现在的时间 写在调用函数的下面。// 起始的时间 = 现在的时间 写在调用函数的下面。// 如果里面存在大量操作 dom 的情况,可能会卡顿。// // 判断如果大于等于 500 采取调用函数。// 如果里面存在大量操作 dom 的情况,可能会卡顿。// 把当前的时间存储到本地存储。// // 得到当前的时间。// // 调用函数。原创 2023-10-26 09:50:03 · 229 阅读 · 0 评论 -
04.JavaScript(深浅拷贝、异常处理、改变this执行)
如果是简单数据类型拷贝值,引用数据类型拷贝的是地址 (简单理解: 如果是单层对象,没问题,如果有多层就有问题)了解函数中 this 在不同场景下的默认值,知道动态指定函数 this 值的方法。// 该箭头函数中的 this 与 sleep 中的 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// oldObj[k] ['乒乓球', '足球']// // k 属性名 oldObj[k] 属性值。原创 2023-10-26 09:05:32 · 105 阅读 · 0 评论 -
day06-Flex布局
添加一个。原创 2023-10-25 10:24:13 · 382 阅读 · 0 评论 -
03.JavaScript(构造函数、原型对象笔记)
同样的将变量和函数组合到了一起并能通过 this 实现数据的共享,所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。基于原型对象的继承使得不同构造函数的原型对象关联在一起,并且这种关联的关系是一种链状的结构,我们将原型对。作用:该属性指向该原型对象的构造函数, 简单理解,就是指向我的爸爸,我是有爸爸的孩子。中定义与原型对象中相同名称的方法,这时实例对象调用则是构造函中的方法。原创 2023-10-24 16:03:36 · 182 阅读 · 0 评论 -
CSS样式(盒子模型,内外边距等设置)
目标:掌握盒子模型组成部分,使用盒子模型布局网页区域。原创 2023-10-24 15:45:01 · 399 阅读 · 0 评论 -
02.JavaScript 进阶 (深入对象和数组、字符串、数值内置方法)
了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。原创 2023-10-20 10:39:30 · 102 阅读 · 0 评论 -
CSS进阶
目标:掌握复合选择器作用和写法;使用background属性添加背景效果。原创 2023-10-20 10:02:53 · 291 阅读 · 0 评论 -
01.JavaScript 进阶(作用域、函数提升、解构赋值笔记)
学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。原创 2023-10-19 09:34:16 · 106 阅读 · 0 评论 -
零基础学习CSS
h1 > CSS(层叠样式表) </ h1 > < p > 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 < a href = " # " > 样式表 </ a > 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。原创 2023-10-18 10:08:19 · 341 阅读 · 0 评论 -
零基础学习HTML5(列表、表格、表单)
01-列表作用:布局内容排列整齐的区域。列表分类:无序列表、有序列表、定义列表。无序列表作用:布局排列整齐的不需要规定顺序的区域。标签:ul 嵌套 li,ul 是无序列表,li 是列表条目。<ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> ……</ul>注意事项:ul 标签里面只能包裹 li 标签li 标签里面可以包裹任何内容有原创 2023-10-18 09:43:00 · 964 阅读 · 0 评论 -
零基础学习HTML5(各标签语法介绍)
网页制作思路:从上到下,先整体再局部,逐步分析制作分析内容 → 写代码 → 保存 → 刷新浏览器,看效果< h1 > 尤雨溪 </ h1 > < hr > < p > 尤雨溪,前端框架 < a href = " ../17-综合案例二/vue简介.html " > Vue.js </ a > 的作者, < a href = " # " > HTML5 </ a > 版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。原创 2023-10-17 15:50:46 · 769 阅读 · 0 评论 -
Java程序员所需Javascript知识
它是一种脚本语言,可以用来更改页面内容,控制多媒体,制作图像、动画等等js 代码位置<script> // js 代码</script>引入 js 脚本,在js脚本中写js代码<script src="js脚本路径"></script>注意,到了框架之后,引入方式会有不同1. 变量与数据类型声明变量1) let ⭐️let 变量名 = 值;let 声明的变量可以被多次赋值,例如let a = 100; // 初始值是原创 2023-09-08 16:34:45 · 183 阅读 · 0 评论 -
Thymeleaf案例入门和基本语法讲解
当我们用servlet实现动态页面展示的时候,我们需要用writer.write()写出整个页面,以展示动态信息。但是代码实在是太冗长,根本无法维护,所以我们需要将视图展示抽取出来,单独作为一个View视图层。但是我们如果只使用HTML作为视图的话,它是无法展示动态数据的,所以我们对HTML的新的期待:既能够正常显示页面,又能在页面中包含动态数据部分。而动态数据单靠HTML本身是无法做到的,所以此时我们需要引入。原创 2023-09-16 18:21:24 · 1919 阅读 · 0 评论 -
Java程序员要掌握的前端技术HTML
HTML 由一系列元素 elements 组成,例如</元素还可以有属性,如</元素之间可以嵌套,如</</不包含内容的元素称之为空元素,如。原创 2023-09-04 15:00:33 · 82 阅读 · 0 评论