JS
关注
分享
扫一扫
文章平均质量分 67
碰磕
学无止境
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Slidev快速入门
Slidev 1.做什么用的❓ 2.优势❓ 3. 介绍❓ 3.1、功能 3.2、技术栈 4.实操使用💪 4.1创建项目 跟着指示一步一步往下走 4.2运行项目 运行即可打开一个幻灯片网站，这样表示创建成功原创 2023-02-13 15:34:50 · 1130 阅读 · 0 评论 -
【Axios篇】教你使用Axios颠覆你对Ajax的认知
目录介绍与Ajax对比使用GET请求带参POST请求带参DELETE 路径参数PUT请求接收json数据优化配置基准url地址示例:配置请求头信息示例Axios拦截器请求拦截器语法示例响应拦截器语法示例axios 配合 await进行请求数据最终优化版本介绍🌼Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端)原创 2022-03-11 11:53:08 · 437 阅读 · 2 评论 -
Fetch API的使用
这里写目录标题基本用法带参使用GETPOSTResful请求基本用法带参使用GETPOSTResful请求原创 2022-03-10 11:40:46 · 1567 阅读 · 0 评论 -
NodeJs之使用Sass给CSS加点料
Sass世界上最成熟、最稳定、最强大的专业级CSS扩展语言文件拓展名-》scss更多了解请参考官网:https://www.sass.hk/博主只会进行测试部分功能Sass的方法用代码表示,一目了然🤭变量语法:$变量名$box-color: #F90;//变量#box{ $width: 100px; width: $width; color: $box-color;}编译为：#box { width: 100px; color: #F90; }嵌套原创 2022-02-25 21:05:36 · 536 阅读 · 0 评论 -
NodeJs之使用Less给CSS加点料
LessLess （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。更多功能请参考官网:https://less.bootcss.com/博主只会进行测试部分功能Less的方法用代码表示,一目了然🤭变量@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}编译为：#header { width: 10px; heigh原创 2022-02-25 11:46:15 · 408 阅读 · 0 评论 -
NodeJs之使用webpack打包项目
首先要明白web开发的困境文件依赖错综复杂静态资源请求效率低模块化支持不友好浏览器对高级js支持不友好…因此我们要使用webpack打包项目Webpack为何要用::友好支持模块化、代码混淆、处理js兼容、性能优化等…使用[🚀第一步:]初始化项目:npm init -y[🚀第二步:]新建 src/index.html[🚀第三步:安装模块Jquery] npm install jquery[🚀第四步:测试]隔行换色index.html<!DOCTYPE html原创 2022-02-24 09:57:49 · 2839 阅读 · 0 评论 -
NodeJs(11)——Cookie&&Session的使用
目录Cookie----Cookie的属性----Cookie的使用方案----Cookie的使用示例Session----Session的属性----Session的使用示例Cookie服务端向客户端发送Cookie 客户端的浏览器把Cookie保存 然后在每次请求浏览器都会将Cookie发送到服务端 在HTML文档被发送之前，Web服务器通过传送HTTP 包头中的Set-Cookie 消息把一个cookie 发送到用户的浏览器中用于保存网页数据,我常常用来保存浏览记录…原创 2022-02-23 00:25:15 · 832 阅读 · 0 评论 -
NodeJs(10)——文件上传
文件上传利用表单进行文件上传[????第一步:创建表单]<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc原创 2022-02-22 10:09:33 · 1256 阅读 · 2 评论 -
NodeJs(09)——Ajax请求json数据
目录ajax请求json数据解决跨域问题ajax请求json数据直接看核心代码即可//测试jsonrouter.get("/getjson",(req,res)=>{ let stu ={ name:'temo', age:'17', sex:'男' }; res.setHeader("content-type","application/json");//可写可不写 res.send(stu)})原创 2022-02-22 09:34:10 · 447 阅读 · 0 评论 -
NodeJs(08)——练习实战(与数据库交互增加数据&&分页查询显示在网页上&&删除指定数据&&修改指定数据)
要求显示增加开始写代码…[第一步⭐:初始化项目]npm init -y[第二步⭐⭐:创建项目结构][第三步⭐⭐⭐:安装模板]npm install expressnpm install art-templatenpm install express-art-templatenpm install mysqlnpm install supervisor[第四步⭐⭐⭐⭐:入口文件app.js]//1、引入模块var express=require('expres原创 2022-02-21 09:45:35 · 1084 阅读 · 5 评论 -
NodeJs(07)——数据库Mysql的使用
课前准备下载mysql模板npm install mysql使用[第一步:] 引入模块var mysql=require('mysql');//引入模块[第二步:] 创建连接//创建连接var conn=mysql.createConnection({ host : 'localhost', user : 'root', password : '密码', database: 'db8'//数据库名称});[第三步:] 开启连原创 2022-02-18 11:07:50 · 890 阅读 · 0 评论 -
NodeJs(06)——对express框架创建服务器的流程进行优化
优化前//1、引入模块var express=require('express');//2、创建web服务器 app接收var app=express();//使用模板引擎app.engine('html',require('express-art-template'));app.use('/public',express.static('public')); //将文件夹public设置为静态资源//路由-->login.htmlapp.get("/",(req,res)=原创 2022-02-18 09:47:40 · 679 阅读 · 0 评论 -
NodeJs(05)——express框架的使用
课前准备①初始化项目:npm init -y②下载express:npm install express③下载模板引擎:npm install art-template④npm install express-art-template搭建服务器创建项目入口文件:app.js①引入模块var express=require('express');②创建web服务器var app=express();③路由 get(“路径”,回调函数) (类似java中的控制器)响应的三种方式end(原创 2022-02-17 10:24:31 · 811 阅读 · 0 评论 -
NodeJs(04)——npm的使用
npm的使用初始化项目命令:npm init -v然后会发现自动新建了个package.json（项目管理器 类似于java中的pom.xml）安装参数(安装需要有管理员权限)-save 记录生成环境需要的模块(默认)(即开发完后还需要的)–save-dev 记录开发环境所需模块(即开发时需要的,开发完不需要的)-g 该模块可在命令行运行安装nodemon自动运行工具,类似于java中的热部署命令：npm install nodemon --save-dev -g全局安装原创 2022-02-16 11:26:44 · 754 阅读 · 0 评论 -
NodeJs(03)——自定义模块
自定义模块关键词：exportsfun.jsfunction add(){console.log("add.....");}function del(){ console.log("del.....");}//导出exports.add=add();exports.del=del();funTest,jsvar fx=require('./fun.js');fx.add();fx.del();上方的练习充分的体现了自定义模块~...原创 2022-02-15 18:39:33 · 502 阅读 · 0 评论 -
NodeJs(02)——内置模块
os操作系统模块path路径模块url模块fs文件模块模拟服务器本篇文章只针对window操作系统本篇文章只记录常用的几个属性、部分模块,不会全部练习详情API文档请参考:http://nodejs.cn/api/os.htmlos操作系统模块语法var os=require("os");方法方法名详解EOL换行hostname()主机名type()系统totalmem()内存cpus()所有的cpu示例var .原创 2022-02-15 18:36:57 · 526 阅读 · 0 评论 -
NodeJs(01)——入门教程
安装官网:http://nodejs.cn/download/安装教程:https://www.runoob.com/nodejs/nodejs-install-setup.html概念Node.js 是一个基于 Chrome V8 引擎的 Javascript 运行环境npm 是世界上最大软件包仓库n->nodejsp->包m->管理者npm是随同nodejs安装的包管理器升级npm到最高版本npm i -g npm配置查看npm依赖包下载存放路径npm原创 2022-02-14 10:36:58 · 590 阅读 · 0 评论 -
ES7——对Promise的优化
优化Promise在es6的基础上进行优化语法关键词:async//关键词 async 返回值Promise对象 async function task1(){ return 'task1 ...执行成功'; }返回值为Promise对象简化then()关键词:await注:使用await必须有async修饰函数示例 async function task2(){ return 'task2 .原创 2022-02-14 09:14:13 · 368 阅读 · 0 评论 -
ES6——04(Promise内置对象)
目录基本语法运行的三种方式练习Promise内置对象解决回调地狱基本语法new出promise对象的同时会执行传入的匿名函数let p1=new Promise((resolve,reject)=>{}resolve:表示成功执行的函数reject:表示失败执行的函数关键词 then()then的用法then(成功执行的函数,失败执行的函数)示例function task1(){ //new出promise对象的同时会执行传入的匿名函数原创 2022-02-12 20:01:07 · 2626 阅读 · 0 评论 -
ES6——03(类)
目录 类的创建与方法 类的继承 拓展-----模板字符串类的创建与方法语法class Student{}构造方法 //构造方法 constructor(na,age){ this.name=na; //属性 this.age=age; this.area="江西"; console.log("Student构造方法..."); }普通方法 //普通原创 2022-02-11 11:38:17 · 2419 阅读 · 0 评论 -
ES6——02(Map&&Set)
Map对象Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。语法key为String类型 let hm=new Map();赋值set()当有相同键时会进行覆盖 hm.set('st01','temo'); hm.set('st02','JS'); hm.set('st03','Java'); hm.set('st01','碰磕');//覆盖取值get(键)console.log("大小="+hm.size);//3console原创 2022-02-11 11:19:22 · 486 阅读 · 0 评论 -
ES6——01(命令语法)
ES6命令语法原创 2022-02-10 11:48:52 · 507 阅读 · 2 评论 -
【总结】javascript复习1
JavaScript复习JS-打印语句、注释JS-数据类型JS-数组JS-DOM节点打印语句、注释示例 <!-- 网页的注释 --> <script> /* 多行注释 */ window.onload=function(){ //控制台 console.log("测试控制台"); document.write("<h1>出现在网页上</h1>"); alert("弹窗");原创 2021-12-28 08:49:39 · 692 阅读 · 0 评论 -
【总结】javascript复习2
JavaScript复习2JS-正则表达式正则表达式正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。正则表达式是繁琐的，但它是强大的，学会之后的应用会让你除了提高效率外，会给你带来绝对的成就感。只要认真阅读本教程，加上应用的时候进行一定的参考，掌握正则表达式不是问题。许多程序设计语言都支持利用正则表达式进行字符串操作。语法语法原创 2022-01-07 08:40:06 · 657 阅读 · 3 评论 -
纯JS开发贪吃蛇
设计我采用div进行开发增加了关卡功能,根据关卡的不同移动速度不同本文最主要为了实现贪吃蛇功能,界面由开发者可自行改善素材up.pngright.pngleft.pngdown.pngfood.png实现首先将整体布局居中 html,body{ display: flex; flex-direction: column; justify-content: center; align-items: center;原创 2022-01-25 12:28:52 · 3291 阅读 · 1 评论