- 博客(29)
- 资源 (3)
- 收藏
- 关注
原创 Vue脚手架开发 Vue2基础 VueRouter的基本使用 vue-router路由案例
Vue.js 的官方路由,为 Vue.js 提供富有表现力、可配置的、方便的路由。安装: npm i vue-router@版本,如果是vue2安装@3,如果是vue3安装@4。
2025-01-15 10:13:17
294
原创 JavaScript变量提升 let声明的变量和var声明的变量的区别
JavaScript中一种特殊的行为,在代码执行前会先处理变量声明和函数声明,并将它们提升到当前作用域(函数作用域或全局作用域)的顶部,然后再开始执行代码,这就是变量提升。执行报错:执行结果:undefined执行结果:undefined你好变量提升会把变量或函数声明从它们在代码中出现的位置提升到它们所在的作用域的顶部,而变量赋值并不会提升,仍然在代码中的执行位置。预解析初始化页面加载时,JavaScript会先加载变量以及函数(function),而不会加载变量赋值的过程。
2025-01-14 09:11:53
266
原创 JavaScript,ES6,模块化,大程序文件拆分成小文件再组合起来
模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。模块化的优势有以下几点:1、防止命名冲突,2、代码复用,3、高维护性。模块功能主要由两个命令构成:export 和 import。⚫ export 命令用于规定模块的对外接口⚫ import 命令用于输入其他模块提供的功能。
2025-01-12 22:52:31
660
1
原创 NodeJS模块化 NodeJS模块系统 CommonJS模块规范及模块化
Node.js中默认的模块系统使用的是CommonJS模块化,它为服务器端JavaScript提供了一种结构化和模块化的开发方式。通过CommonJS规范,开发者可以将代码分成不同的模块,并且轻松地进行加载和使用。Node.js中根据模块来源的不同,将模块分为3大类:1、内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)。2、自定义模块(用户创建的每个 .js 文件,都是自定义模块)。
2025-01-12 22:44:35
313
原创 高德地址 AMap.GeoJSON解析geoJson并画出区域图 画出区域图标记出名称 获取地图的坐标
GeoJSON支持以下几何类型:点(Point)、线(LineString)、面(Polygon)、多点(MultiPoint)、多线(MultiLineString)、多面(MultiPolygon)和几何集合(GeometryCollection)。高德开放平台,矢量图形,使用GeoJSON根据标注GeoJSON配置在地图上对应覆盖物:https://lbs.amap.com/demo/javascript-api-v2/example/overlayers/geojson。
2025-01-08 01:00:02
1186
原创 Vue页面开发和脚手架开发 Vue2集成ElementUI Vue3集成Element Plus
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Element Plus,基于 Vue 3,面向设计师和开发者的组件库。Element UI安装: npm install element-ui --saveElement Plus安装: npm install element-plus --save。
2025-01-06 22:32:43
632
原创 Vue页面开发和脚手架开发 Vue CLI创建Vue项目 Vite创建Vue项目
Vue是什么?Vue是渐进式的JavaScript框架。Vue CLI是什么?Vue CLI是一个基于Vue.js进行快速开发的完整系统,通过@vue/cli实现的交互式的项目脚手架。Vite是什么?Vite是一种新型的前端构建工具,旨在提供快速的开发体验和高效的模块管理。1、采用组件化模式,提高代码复用率、且让代码更好维护。2、声明式编码,让编码人员无需直接操作DOM,提高开发效率。3、使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。
2025-01-06 21:14:08
513
原创 Vue2 页面开发 组件创建和注册 ES6模块化 export和export default区别
export,在导入时要加{ },且不能自定义名字,export default不用加{ },且可以自定义名字。export,统一暴露,export { xxx1,xxx2 },导出时需要使用大括号。export default,默认暴露,export default xxx。export default (默认暴露)仅有一个。export和export default区别。导出多个成员,每个成员都可以被单独导入。包裹,这种形式称为“按需导出”。
2025-01-05 02:55:04
221
原创 JavaScript 通过typeof、hasOwnProperty()、in操作符 检查对象的属性是否已经定义
用于获取一个变量的数据类型。对于基本类型(undefined,null,boolean,number,string,symbol 和 bigint),typeof 运算符返回相应的类型名称作为字符串。,用于检查对象是否拥有特定的属性,无论该属性是否可以枚举。如果属性存在于对象中,无论它的值是什么,in操作符都会返回true;如果属性不存在,它会返回false。,Object的方法,用以检测属性是否为对象的自有属性。
2025-01-05 00:48:14
195
原创 MySQL数据表设计 系统权限表设计 权限、角色、用户表设计
修改字符集:utf8和utf8mb4,推荐使用:utf8mb4utf8:主要支持Unicode字符集中的基本多语言平面(BMP)范围内的字符,码点范围从0x0000到0xFFFF。这涵盖了大多数常用的字符,包括拉丁语、希腊语、中文、日文等。但它不包含一些表情符号(Emoji)。utf8mb4:是utf8的超集,支持Unicode字符集的全部字符,能够表示更多的特殊字符。校对规则(Collation),推荐使用:utf8mb4_unicode_ci。
2025-01-04 23:52:55
677
1
原创 Vue2知识总结 Vue2基础知识、模板语法、组件化、事件处理、数据绑定 知识总结
1、插值表达式双花括号{{ }}将数据绑定到DOM文本节点上2、指令3、修饰符.lazy(用于v-model),.trim(用于v-model),.number(用于v-model),.stop(用于v-on),.prevent(用于v-on),.capture(用于v-on),.self(用于v-on),.once(用于v-on),.passive(用于v-on),按键修饰符(用于v-on)4、总结。
2025-01-03 16:25:24
1323
原创 前端同步发送HTTP请求 Ajax、Fetch和Axios实现HTTP同步请求
同步发送HTTP请求,是指在发送请求后,程序会等待服务器响应并接收完整的响应数据后才会继续执行后续代码。
2025-01-01 01:45:03
764
原创 前端使用fetch、axios提交FormData 后台使用Express fileupload、multer接收数据
Web数据交互方式,提供了对Request和Response(以及其他与网络请求有关的)对象的通用定义,是XMLHttpRequest的一种替代方案,fetch不是ajax的进一步封装,而是原生js。,FormData对象代表了一个表单的键值对集合,它可以包含多个字段,并且可以包含文件数据。FormData通常用于通过AJAX(XMLHttpRequest或Fetch)发送数据,避免页面刷新。
2024-12-31 23:53:48
555
原创 前端vue-admin-template express框架 实现登录、获取用户信息、注销接口的对接
基于vue-element-admin的一套后台管理系统基础模板(最少精简版)。参考:https://blog.youkuaiyun.com/c_s_d_n_2009/article/details/144729974vue-element-admin的修改:1、.env.development修改: VUE_APP_BASE_API = ' http://127.0.0.1:3000/api'
2024-12-27 15:43:15
220
原创 Node.js 环境变量 命令行参数 dotenv库.env文件加载 加载不同.env文件配置
Dotenv是一个零依赖模块,可将环境变量从.env文件加载到process.env中。安装: npm install dotenv --save.envmain.js运行: node main.js。
2024-12-27 13:34:59
366
原创 前端框架vue-admin-template、vue-element-admin和electron-vue-admin的介绍和安装
基于vue-element-admin的一套后台管理系统基础模板(最少精简版),只包含了 Element UI & axios & iconfont & permission control & lint。
2024-12-25 22:57:11
630
原创 Windows环境 安装部署MySQL8 注册启动mysql服务 允许root远程访问
下载地址:https://dev.mysql.com/downloads/mysql/,选择对应的版本下载。下载完成后,解压缩ZIP包到安装的目录:mysql-8.0.x-winx64。
2024-12-24 09:16:47
472
原创 Node.js Express 静态文件服务 Token认证 jsonwebtoken生成Token及验证Token
静态文件服务,Express提供了静态文件服务,可以直接使用。Token,一种用于身份验证的凭证,是无状态的认证方式,由服务器生成并发送给客户端,客户端会再次将该Token发送回服务器,服务器通过验证Token的有效性来确认用户身份。,nodejs的一个非常流行的库,用于创建和解析JSON Web令牌。JSON Web令牌(JWT)是一种开放标准(RFC 7519),它定义了一种用于简洁,自包含的方式来表示要在双方之间传输的信息,该信息可以被验证和信任,因为它是数字签名的。
2024-12-24 02:55:29
420
原创 Node.js Express 中间件跨域处理 Get及Post请求 JSON参数接收 文件上传
Express,基于Node.js的轻量级、灵活的Web应用框架,它提供了一系列强大的功能,帮助开发者快速构建Web应用和API。,设计理念是提供最小的核心功能,并通过中间件和路由机制,使得开发者可以根据需要扩展其功能。
2024-12-24 00:59:37
470
原创 JavaScript ES6+ Map键值对数据结构 Map遍历和迭代 Map转数组以及转字符串作为索引的数组
ES6提供了Map数据结构,类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键,Map也实现了iterator接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。
2024-12-23 22:01:04
187
原创 Spring Boot 3.7 Web 入门开发 HelloWorld入门案例
开发环境:Windows11 + JDK17 + Maven3.8 + IntelliJ IDEA 2024.3。
2024-12-20 21:38:53
168
原创 CSS定位 相对定位(relative)、绝对定位(absolute)、固定定位(fixed)和粘性定位(sticky)
就是将盒子定在某一个位置,按照一定的规则进行摆放盒子。规则是:定位 = 定位模式 + 边偏移。文档流,窗体自上而下分成一行一行,并在每行中按从左至右的顺序排放元素,即为文档流。只有三种情况会使得元素脱离文档流,分别是:浮动、绝对定位和固定定位。定位模式,元素的定位方式,通过属性来实现,取值:1、static:默认值,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明);2、relative。
2024-12-16 10:02:26
369
原创 ECharts 一个JavaScript的开源可视化图表库 Vue整合ECharts图表
是一款基于JavaScript的数据可视化图表库,提供直观、生动、可交互,可个性化定制的数据可视化图表,地址:ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
2024-12-13 18:08:22
366
原创 2009年十大Java技术解决方案
2009年十大Java技术解决方案 2009年已经来到,什么样的技术值得关注?Joshua选出了10项2009年重要的Java技术解决方案,他认为重构是2009年的主题,新的技术方 向展现出来。下面的名单的前半部分是你应该一直跟踪关注的技术,后半部分在2009年是你可能要开始尝试在你的项目中使用的技术。下面就分享给大家: 1、Rails 3 现在Rails并非是Java框架,但是能够通过J
2009-11-27 00:10:00
358
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人