liaojuajun-CSDN博客

原创可视化地图

Tailwind CSS 是一个功能优先的、低级别的 CSS 框架，它让你能够通过直接在 HTML 中编写预定义的类来快速构建自定义的用户界面。把它想象成一个巨大的、可复用的 CSS 工具包，而不是预先制作好的组件（如 Bootstrap 的按钮、导航栏）。在 v4 版本中，tailwindcss init 命令已经被移除了，所以要安装版本v3。当你点击四个组件就能进去地图的全局组件了。新建一个文件，这是官网上的代码。使用请求回来的数据，进行渲染。其实就是视频上面加个背景图。3，设置多边形覆盖物的位置。

2025-10-02 14:41:01 877

原创 vue3-外卖

Vue3外卖项目开发笔记：项目搭建：使用Vue CLI创建项目，配置postcss-pxtorem实现rem适配，引入amfe-flexible响应式布局方案图标管理：集成阿里矢量图标库，通过Symbol方式引入项目图标路由配置：安装vue-router@4，实现多页面路由跳转，注意组件命名规范样式处理：引入less预处理器，使用scoped样式隔离 UI组件：集成Vant UI组件库，提供两种引入方式（全局引入和按需自动导入）关键技术：rem适配方案、路由管理、组件化开发、UI库集成注：项目包

2025-09-06 21:27:43 1118

原创 vue基础

2025-03-18 12:27:47 760

原创 node基础

本文介绍了 Node.js 中 NPM 的使用，我们先来了解什么是 NPM。允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

2025-03-12 17:12:58 1121

原创 axios

json-server --watch data.json，打开这个文件。json-server --watch data.json --port 3000，才能成功。比如说这样就能获取http://localhost:3000/stus，axios({})里面就不要在写http://localhost:3000，这样能简化代码。这是文档http://www.axios-js.com/zh-cn/docs/#%E8%AF%B7%E6%B1%82%E9%85%8D%E7%BD%AE。响应回来数据，然后更改。

2025-02-22 12:02:30 1219

原创 vue零碎笔记

【代码】vue零碎笔记。

2024-12-24 21:12:12 228

原创 ‘cnpm‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

使用cnpm前得安装这个 npm install cnpm -g --registry=https://registry.npm.taobao.org

2021-08-19 01:11:46 396

原创 vue : 无法加载文件 C:\Users\86191\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本

https://blog.csdn.net/bulabulahei/article/details/108242527

2021-08-19 01:11:28 298

原创 node自动化构建（vue CLI）

vue官网安装vue cli，1、进入管理员，2、输入npm install -g @vue/cli

2021-01-13 19:04:53 317 1

原创 MySQL安装(2021.1.12)

MySQL安装1、下载镜像2、安装3、设置密码4、检查是否安装 1、下载镜像 2、安装点击文件安装 3、设置密码两个都是123456 等待一下就ok了 4、检查是否安装打开win，在最近添加打开mysql命令框输入密码和show databases; 就会出现下面内容 ...

2021-01-12 13:33:36 439 1

原创 todolist任务管理:js跟vue的区别

1、获取input框输入的内容 2、将任务放进列表上 function render(todoList){ //将对象转为json格式的字符串 localStorage.todoList = JSON.stringify(todoList); //每一次渲染之前,清空内容 //不清除的话会把之前的数据渲染在页面上 doingListDiv.innerHTML = "" doneListDiv.innerHTML = "" todoList.for

2021-01-11 22:37:09 194

原创 vue组件化-简单聊天功能

文章目录前言一、App.vue二、userlistCom.vue三、chatcom.vue 前言 04文件夹，wecaht vue create wechat，创建文件一、App.vue 1、用户列表组件 :userlist=“userlist”，组件userlist-com获取App.vue里面data数组userlist的内容 @chooseuser=‘toggleUser’，监听事件toggleUser，用来监听userlistCom.vue里面的chooseuser //App.vue &l

2020-12-11 00:58:37 2085

原创 vue基础

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例

2020-10-10 22:45:30 245

原创 vue之仿网易严选详解

vue之仿网易严选文章目录前言一、使用代码步骤二、使用步骤1.引入库2.读入数据总结前言使用到的技术 1-vant ui框架 2-less-css预编译语言 3-vue 4-vue router 5-vuex 6-axios 7-javascript 8-html5 9-css3 10-vue-cli 11-webpack 使用到的软件 1.visua lstudio code，官网https://code.visualstudio.com/ 2.navicat 一、使用代码步骤 1、使

2020-10-04 16:23:53 3014 6

原创 vue

在用create wxchat，创建vue项目wxchat时。如果移动这个文件到别的地方，再npm run serve运行时，会出现报错，系统会提示需要安装其他安装包 To install them, you can run: npm install --save axios socket.io-client To install it, you can run: npm install --save axios To install it, you can run: npm install --save

2020-08-08 10:39:18 498

原创 node 报错 throw er； // Unhandled ‘error‘ event 解决办法

端口占用 https://www.cnblogs.com/vientiane/p/9959148.html

2020-08-02 12:40:40 3870

原创 ‘express‘ 不是内部或外部命令，也不是可运行的程序或批处理文件

在学socketio时遇到问题 npm install express-generator -g 这个不行 npm install express express-generator -g 这个成功了

2020-07-02 22:14:17 532

原创坑坑坑

用wamp模拟服务器时，设置新的根目录只有他的默认设置的相对路径才能用必须时绝对路径才能成功如果路径错的话restart server，改回正确的也不能成功 ...

2019-10-19 21:49:36 178

原创 ajax基础

1.安装wamp 2.打开wamp后再打开桌面右下角通知栏wamp图标的www directory 3.把文件放进www directory目录中，相当于一个服务器可以创建html，js，css文件，打入域名localhost/文件目，访问这个网站 ...

2019-10-19 17:21:47 169

原创 JavaScript大效果

1.动画通过切换图片形成动画效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <img src="images/1.png" id="p...

2019-10-07 11:41:25 134

原创 javascript小效果

1.获得和设置行内样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding:0; margin: 0; } #btn{ margin: ...

2019-09-28 12:04:48 411

原创 mongodb数据库

1.关闭数据库开启数据库在控制台输入mongod --path《—数据库目录–》mongo 打开另外一个控制台，输入mongo 2.当前数据库位置 3.写入数据库 4.真正写入数据库或者 5.更新数据库 mongodb的数据，但只会更改第一个数据要是要更改所以同name的数据需要加multi：true,属性 6.save 添加 mongodb 加入唯一id，替换 mongod...

2019-09-05 17:45:10 197

原创 javascript基础

1.js重定向 <body> //都能激活提示框 <a href="javascript:alert('我是重定向的代码');">hellow</a> <form action="javascript:alert('提交表单');"> <input type="submit" value="提交表单" /&...

2019-09-05 16:48:28 2129

原创 dom与global的区别

1.dom dom是默认独自一行可以通过document.write("")换行。 2.global global是默认独自一列可以通过创建空的“”使元素站在一行。 let x = ''; for (var i=0;i<10;i++) { x = x + "❤"; } console.log(x); ...

2019-08-29 13:33:08 257