木灵鱼儿

木灵鱼儿 5年前 Node

koa框架15 koa-static静态资源

安装npm i koa-static一般建议创建一个目录专门保存静态文件，比如目录名：staticstatic一般放在最末尾use激活，表示如果前面的路由设置，或其他的都没有对应的，就进入的请求文件这。const Koa = require("koa"); const static = require("koa-static"); const server = new Koa(); server.listen(8080); server.use(require("./router")); server.use(stat...

4187 0 0

node koa koa-static

koa框架14 路由参数、重定向、嵌套

木灵鱼儿 5年前 Node

koa框架14 路由参数、重定向、嵌套

参数koa-router的参数和vue中的router参数一下，一个分号带一个变量名router.get("/news/:id",async ctx=>{ });那么我们要进入这个路径，是一定要带上id的，不然就进不去：loaclhost:8080/news/1231这个id可以是任何值，数字，英文，中文参数也可以多个，这样你访问这个路径也要带上这么多的参数router.get("/news/:id/:a/:eee",async ctx=>{ });路径：localhost:8080/asda/ada/dada如何获取这些参数呢？c...

5363 1 0

router 路由 node

koa框架13 路由方法

木灵鱼儿 5年前 Node

koa框架13 路由方法

一定要是使用正统的插件：koa-router，npm官方库有很多擦边球插件，一字之差，所以需要注意了。路由方法路由方法HTTP方法含义.get()GET数组在url中，非特殊约定，一般为urlencoding.post()POST数据在body中.put()PUT数据在body中，一般用于文件上传.patch()PATCH数据在body中，一般用于数据更新.del/delete()DELETE数据在url中，一般用于删除.all() 处理所有的method请求.use() 挂在中间件注意，form表单元素只能提交get和post请求，其他类型的请求需要使用ajax这种方式。其实get和p...

4338 0 0

router 路由 node

koa框架12 ctx属性

木灵鱼儿 5年前 Node

koa框架12 ctx属性

属性获取属性说明可能的值method请求方法GETurl完整请求路径/xxx/xxx/api?xxx=xxxpath路径部分/xxx/xxxqueryget参数{type:‘a’,p:12}querystringget参数字符串?type=a&p=12host域名+端口localhost:8080hostname域名localhostprotocol协议httpsecure是否安全协议falseip访客ip地址xx.xx.xx.xxorigin域:协议+域名+端口http://localhost:8080其中我们可以通过ip属性写一个后台返回ip信息的apiip信息api由于我们要使用第...

4442 0 0

node koa ctx

koa框架11 ctx对象

木灵鱼儿 5年前 Node

koa框架11 ctx对象

res和req对象ctx有四个这个对象，分别对应原生的对象和koa自己的对象，不过相对来说，都用的很少，因为koa对ctx对象内置很多属性就是req和res对象的属性，简化了调用。ctx.req //原生的request对象 ctx.res //原生的response对象 ctx.request //koa自己的request对象 ctx.response //koa自己的response对象其中我们之前使用的ctx.body其实就等于ctx.response.body抛出异常对于错误的处理，我们之前的方式是先设置ctx的status，再设置body，相对来说很麻烦。...

6307 0 2

node koa ctx

koa框架10 koa-router和错误处理

木灵鱼儿 5年前 Node

koa框架10 koa-router和错误处理

用于处理不同的地址，执行不同的函数或调用不同的模块安装npm i koa-router基本使用const Koa = require("koa"); const Router = require("koa-router"); const server = new Koa(); server.listen(8080); //创建路由 const router = new Router(); router.get("/", async ctx => { ctx.body = "get请求"; ...

5645 0 0

node koa koa-router

koa框架9 框架了解

木灵鱼儿 5年前 Node

koa框架9 框架了解

koa框架9 框架了解版本koa有三个大版本，1.0、2.0、3.0；其中1.0已经过气了，3.0还未发布，2.0处于一个过渡，他即可以兼容1.0也能兼容2.0，比如1.0的generator，3.0的async。所以2.0用async就行了，即便升级3.0也不会有问题。基本配置安装：npm i koaconst Koa = require("koa"); const server = new Koa(); server.listen(8080); server.use(async ctx => { ctx.body = "您好"...

4124 0 0

node koa 中间件

koa框架8 基础入门之数据库

木灵鱼儿 5年前 Node

koa框架8 基础入门之数据库

node连接数据库需要安装一个插件“mysql”npm i mysql安装完毕后我们需要引入这个插件，并且配置数据库的基础信息：const mysql = require("mysql"); mysql.createConnection({ host: "localhost", user: "root", password: "123456", database: "node" });host为连接地址，本地就写localhostuser为数据库用户名pa...

3909 0 0

node sql koa

koa框架7 基础入门之cookie、session

木灵鱼儿 5年前 Node

koa框架7 基础入门之cookie、session

cookie 身份认证cookie的起源本身就是因为http是一种单向性的传输，服务器和浏览器之间没有联系用的东西，如服务器无法辨别正在浏览的是谁，他有vip吗？所以就想出在浏览器存一个简短的数据，每次浏览器会将这个数据发送给服务器，服务器通过这个判断这个人是谁。但是现在来说，这种方式存在了一些问题：cookie容量很小，不能超过32kb，但实际上都不能完全达到32kb，因为cookie是放在http信息的header上的，而header最大也只有32kb，他除了cookie还要存放其他信息。安全性，存放在浏览器的数据都不安全，客户端可以直接查看，修改，伪造cookie一般是由服务器s...

4457 0 0

cookie node koa

koa框架6 基础入门之http

木灵鱼儿 5年前 Node

koa框架6 基础入门之http

http协议HTTP1.0 (RFC-1945) 每次发起一个连接，完成后断开连接，然后因为这样太费资源，又出了1.1，也就是现在常用的httpHTTP1.1 (RFC-2616) 支持持久连接HTTPS (RFC-2818) 安全，加密传输HTTP2.0 (RFC-7540) 加密，头部压缩，服务端推送，请求管线，多路复用http消息结构由两部分组成，一个header头部，一个body内容。header <= 32kbbody <= 1g大小上有限制，2.0的话，容量应该会升级。http状态码1xxx 消息（知道就行，不需要处理）2xxx 成功3xxx 重定向4x...

3439 0 0

http node koa

koa框架5 基础入门之 node_module、package.json

木灵鱼儿 5年前 Node

koa框架5 基础入门之 node_module、package.json

node_modules之前说了，node模块的引入，如果当前目录有一个node_modules文件夹，将模块丢入这个目录下，引入这个模块是不需要加上路径的。那么node他的读取等级是怎样的呢？如引入的模块只有名字：$HOME/.node_modules./node_modules$HOME就是全局的模块，如果是windows，他一般在c盘 ---- 用户 ---- 当前你所使用的用户目录下 ---- node_modules如果引入的模块带路径：直接根据路径去找package.json他是一个node.js的工程文件，里面有一些项目的基本信息，一些快捷脚本，主要是用来存放依赖的，也就是...

3376 0 0

node koa node_modules

koa框架4 基础入门之node.js模块系统

木灵鱼儿 5年前 Node

koa框架4 基础入门之node.js模块系统

node模块有三个语法：exportsmodulerequirerequire其中require就是一个引入模块的方法，他有两个路径写法，如果你引入的是系统模块，那么直接写模块名，不需要加路径，如果你引入一个自己的模块，需要加上当前路径，或者你自己的模块丢在当前目录的node_modules目录下，你也可以省略路径。require("http"); require("./my_http"); require("my_http");node的模块都是js文件，所以我们可以省略这个后缀名不写还有一种省略就是省略引入的js文件，n...

3121 0 0

node koa exports

koa框架3 基础入门之 async、await

木灵鱼儿 5年前 Node

koa框架3 基础入门之 async、await

async和await可以理解为generator的升级，因为generator需要一个runner库来运行它，这样一来就很麻烦，所有就有了async，其用法差不多。await后面接异步操作或者同步操作，但是绝对不能为空，然后这个函数function开头接一个async用法如下：async function show() { let user = await $.ajax({ url: "xxx/api", dataType: "json" }); let items = null; ...

4878 0 1

async await try

koa框架2 基础入门之generator、yield

木灵鱼儿 5年前 Node

koa框架2 基础入门之generator、yield

koa框架2 基础入门之generator、yieldgenerator可以理解为一个可以分段执行内部代码的函数，通过yield分隔，yield接一个promise异步，这个异步完成，才能执行下一个代码片段。（异步的请求同步的写法）就好像是将一个异步的操作，转为同步了，但是，不是很方便，因为每一个片段运行结束后，需要执行next()才能进行下一个片段。创建generator和普通函数差不多，不过，他需要在函数名的前面加一个*星号，这个星号可以和function字母挨在一起，也可以和函数名挨在一起，但是，function和名字必须要有空格，不管星号挨谁。function* name() {...

3426 0 0

generator yield runner

koa框架1 基础入门之promise

木灵鱼儿 5年前 Node

koa框架1 基础入门之promise

promise实际是一种格式（封装格式），所有的方法按照promise的要求写，像jq的ajax方法，es6的fetch，axios这些，都是使用了promise标准。他的原理大概如下let p = new Promise((resolve, reject) => { let xhr = new XMLHttpRequest(); xhr.open("GET", "xxx/api", true); xhr.send(); xhr.onreadystatechange = function() { ...

3844 0 0

promise

SQL 语句

木灵鱼儿 5年前 Node

SQL 语句

增删改查删 DELETE删除没有删除某一个列（字段的）概念，删除就是删除一行，通过WHERE条件语句进行查找筛选DELETE FROM 表名 WHERE 条件增 INSERTINSERT INTO 表名 (字段列表) VALUES(值列表)改 UPDATEUPDATE 表名 SET 字段=值,字段=值,字段=值...改在不使用WHERE的时候，操作的是整个表，而不是表中的某一行UPDATE 表名 SET 字段=值,字段=值,字段=值... WHERE 条件查 SELECTSELECT * FROM 表名这样表示获取整个表的数据SELECT * FROM 表名 WHERE 条件子句WHER...

3735 0 0

sql

如何搞定Bootstrap4 多级下拉菜单 dropdown

木灵鱼儿 5年前 Bootstrap4

如何搞定Bootstrap4 多级下拉菜单 dropdown

官方并没有对多级菜单做适配，这就导致我们的二级菜单点击后，真个菜单就消失了。这就很头疼了，作为一个偏老派的人，还是很喜欢横向菜单的，但是横向就免不了使用多级菜单。之前我推荐过一个插件可以解决这个问题，但是插件的方法总是有点嫌麻烦，特别是在已经有很多js文件的引用下，所以我研究了下怎么用js搞定。效果图[hide]hide.bs.dropdown官方说，所有的bs这种事件都是作用在最上级的dropdown元素，也就是最开始那个class为dropdown的元素，这个一般可以看做为菜单根元素。这就产生一个问题，事件是自定义的，event也是不正统的，所以我们没办法通过这个事件的event对象...

1.9w 0 27

多级菜单 dropdown

通用一键复制代码的方法

木灵鱼儿 5年前 Typecho博客教程 JavaScript

通用一键复制代码的方法

最近想给博客主题增加一个一键复制代码的功能，结果发现highlight.js并不支持一键复制，这就非常的可惜啊。于是百度了下，找到一个不错的例子，根据其例子我自己写了一个通用的方式。效果图安装[hide]需要使用clipboard.js，所以需要js引入这个复制用的库<script type="text/javascript" src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js"></script>引入完毕后我们需要给每个代码块增加一个复制按...

4.2w 0 53

css typecho clipboard

typecho 完美自定义文章里面上一篇和下一篇

木灵鱼儿 5年前 Typecho博客教程

typecho 完美自定义文章里面上一篇和下一篇

百度找了下，都没有很好用的，索性就自己写了，利用官方的那两段代码我们进行自定义创造。[hide]上一篇<?php //上一篇?> <?php ob_start(); $this->thePrev(); $prev = ob_get_contents(); ob_end_clean(); if($prev): ?> <?php preg_match_all('%<a href="(.*?)" title="(.*?)">(.*?)</a&g...

4.7w 0 64

完美仿微信图片拖动效果

木灵鱼儿 5年前 JavaScript

完美仿微信图片拖动效果

之前一直没时间搞，今天得空研究了下，完美啊，搞定了我以前的一个心病。预览图介绍没有js基础的就不要看了，这是很骨架的源码，但是核心部分都可以用，目前只做了电脑端，移动端事件不一样，只需要改几个参数就可以了，丢博客也是给自己做个备份。有兴趣的也可以看看源码[hide]html<div id='box'></div>csshtml, body { margin: 0; padding: 0; background-color: antiquewhite; } #box { p...

4318 0 1

拖动微信图片拖动

原生js实现拖动效果

木灵鱼儿 5年前 JavaScript

原生js实现拖动效果

以前写过但是太复杂了，这次直接用原生js写了，相对来说简单了很多。html, body { margin: 0; padding: 0; } #box { position: absolute; width: 200px; height: 200px; border: 2px solid #92cccc; background: rgba(0, 0, 0, 0.5); } <div id='box'></div>var box ...

3540 0 0

拖拽拖动

mysq 基本使用

木灵鱼儿 5年前 Node

mysq 基本使用

安装mysql 5.7先安装mysql 5.7使用navicat for mysql软件可视化操作，连接数据库创建数据库，字符集utf-8，排序规则utf8_general_ci新建表其中一行为一条信息，每一列称为一个字段，和excel表格差不多的理解新建一个字段 ID 类型int（整数）不是null勾选，设置为主键，勾选自动递增主键的搜索效率最高新建 username字段，类型varchar（字符）不是null勾选长度设置为32新建 password字段，类型varchar（字符）不是null勾选长度设置为32然后保存表，表名为user_table，保存完毕后双击打开这...

5088 0 2

MySQL

Express整合 multer使用 consolidate和route

木灵鱼儿 5年前 Node

Express整合 multer使用 consolidate和route

安装npm i jade ejs express express-static body-parser cookie-parser cookie-session基本const express = require("express"); const expressStatic = require("express-static"); const cookieParser = require("cookie-parser") const cookieSession = require("cookie-session&quo...

3929 0 0

ejs模板库安装配置基础高级语法

木灵鱼儿 5年前 Node

ejs模板库安装配置基础高级语法

安装npm install ejs使用ejs的使用类似于php那种，html+变量的那种方式const ejs = require("ejs"); ejs.renderFile("./views/1.ejs",{},function(err,data){ console.log(data); });三个参数，第二个为模板变量，模板里使用的变量都要写在这里基本语法<%= name %> 变量，ejs里面空格不是必须的，只是好看而已，可以不用空格<%= name %> <%= json.arr[0].user %&g...

3480 0 0

ejs

jade模板库安装配置基础高级语法

木灵鱼儿 5年前 Node

jade模板库安装配置基础高级语法

安装npm install jadejade是一个破坏性的模板，根据缩进来规定层级，属性放在圆括号里面，多个属性用逗号分隔。内容写空格后面，而且必须要一行内写。style和class除了传统的写在圆括号里，style支持使用对象键值对书写，class支持数组书写而且还可以使用编辑器的那种快捷语法创建元素使用attributes可以写对象键值对的形式书写元素属性模板语法html head style(href="1.css",rel="stylesheet") script(src="a.js") body...

3184 0 0

jade

木灵鱼儿

koa框架15 koa-static静态资源

koa框架14 路由参数、重定向、嵌套

koa框架13 路由方法

koa框架12 ctx属性

koa框架11 ctx对象

koa框架10 koa-router和错误处理

koa框架9 框架了解

koa框架8 基础入门之数据库

koa框架7 基础入门之cookie、session

koa框架6 基础入门之http

koa框架5 基础入门之 node_module、package.json

koa框架4 基础入门之node.js模块系统

koa框架3 基础入门之 async、await

koa框架2 基础入门之generator、yield

koa框架1 基础入门之promise

SQL 语句

如何搞定Bootstrap4 多级下拉菜单 dropdown

通用一键复制代码的方法

typecho 完美自定义文章里面上一篇和下一篇

完美仿微信图片拖动效果

原生js实现拖动效果

mysq 基本使用

Express整合 multer使用 consolidate和route

ejs模板库安装配置基础高级语法

jade模板库安装配置基础高级语法

最近评论

博客文章RSS订阅

博客评论RSS订阅

木灵鱼儿

登录

koa框架15 koa-static静态资源

koa框架14 路由参数、重定向、嵌套

koa框架13 路由方法

koa框架12 ctx属性

koa框架11 ctx对象

koa框架10 koa-router和错误处理

koa框架9 框架了解

koa框架8 基础入门之数据库

koa框架7 基础入门之cookie、session

koa框架6 基础入门之http

koa框架5 基础入门之 node_module、package.json

koa框架4 基础入门之node.js模块系统

koa框架3 基础入门之 async、await

koa框架2 基础入门之generator、yield

koa框架1 基础入门之promise

SQL 语句

如何搞定Bootstrap4 多级下拉菜单 dropdown

通用一键复制代码的方法

typecho 完美自定义文章里面上一篇和下一篇

完美仿微信图片拖动效果

原生js实现拖动效果

mysq 基本使用

Express整合 multer使用 consolidate和route

ejs模板库 安装 配置 基础 高级语法

jade模板库 安装 配置 基础 高级语法

最近评论

博客文章RSS订阅

博客评论RSS订阅

ejs模板库安装配置基础高级语法

jade模板库安装配置基础高级语法