散人研博客 | 为梦想负重前行散人研

欢迎光临
我们一直在努力

【大前端基础】 关于width与height的百分比参照对象

基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...

Node.js基础

Express + multer 实现图片上传

散人研阅读(16)评论(0)赞(0)

简介 图片上传经常用于用户头像等场景。在node中常用的multer、formidable实现图片功能。 安装 npm install multer --save 单图上传 实现单图上传需要引用内置模块fs,另外需要将form表单属性设置为...

Node.js基础

Express 项目结构(混合)

散人研阅读(12)评论(0)赞(0)

最近学习了一段时间Node,尝试进行开发一些项目,本片文章主要介绍Express做混合项目开发的基本思路。 项目框架初始化 首先完成Express项目的初始化,建议使用Express生成器进行创建项目,完成项目后会获得下面的项目结构: . ...

Node.js基础

Express.06 Session概念与使用

散人研阅读(15)评论(0)赞(0)

session是一种记录客户状态的机制,与cookie保存在客户端浏览器不同,session保存在服务器中,当客户端访问服务器时,服务器会生成一个session对象,对象中保存kye/value值,同时服务器会将key传回给客户端的cook...

Node.js基础

Express.05 Cookie加密方式

散人研阅读(16)评论(0)赞(0)

cookie加密是让客户端无法得知cookie的铭文信息,是数据安全的重要部分。本文介绍cookie在express下的两种加密方式。 使用cookie属性加密 const express = require('express&#...

Node.js基础

Express.04 Cookie的使用

散人研阅读(14)评论(0)赞(0)

cookie 特点 cookie 保存在浏览器本地,只要不过期关闭浏览器也存在 正常情况下cookie不加密,用户可以轻松看到 用户可以删除或禁用cookie cookie可以被篡改 cookie可用于攻击 cookie存库量很小 一般是4...

Node.js基础

Express.03 中间件核心概念

散人研阅读(14)评论(0)赞(0)

中间件简介 中间件可以理解为在接受请求和响应请求之间的一些列操作。事实上,express是一个路由和中间件的web框架、express应用程序可以理解为一系列中间件函数的调用。 中间件可以执行以下的任务: 执行任何代码 对请求和响应进行更改...

Node.js基础

Express.02 Get请求与Post请求

散人研阅读(14)评论(0)赞(0)

GET 请求 在网站开发中,GET请求主要用于数据获取和查询,类似于数据库中的查询操作,GET请求查询字符串是在URL上进行的,中文会进行BASE64加密。 http://localhost:8080/login?goods1=0001&a...

Node.js基础

Express.01 路由基础

散人研阅读(15)评论(0)赞(0)

express 路由简介 路由表示应用程序端点(URI)的定义以及相应客户端请求的方式,它包含一个请求方式、路径和匹配的函数。 app.get('/home',(res,req,next)=>{}) express...

前端框架VUE

vue 单页面应用 公共设施的基础配置

散人研阅读(30)评论(0)赞(0)

我们项目开发中肯定需要对一些公共的方法进行封装使用,这里我把它称之为公共设施,那么我们可以在 src 目录下建一个 common 文件夹来存放其配置文件: └── src └── common ├── index.js # 公共配置入口 ├...

前端框架VUE

vue 单页面应用 公共接口的基础配置

散人研阅读(30)评论(0)赞(0)

在项目的开发过程中,我们也少不了与后台服务器进行数据的获取和交互,这一般都是通过接口完成的,那么我们如何进行合理的接口配置呢?我们可以在 src 目录下新建 services 文件夹用于存放接口文件: └── src └── service...

前端框架VUE

vue 单页面应用 vuex的基础配置

散人研阅读(30)评论(0)赞(0)

除了 vue-router,如果你的项目需要用到 Vuex ,那么你应该对它有一定的了解,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这里我们先来看一下使用 CLI 生成的配置文件 store.js 中的内容: impo...

前端框架VUE

vue 单页面应用 路由的基础配置

散人研阅读(30)评论(0)赞(0)

简介 Vue 项目配置主要包管理文件配置/webpack配置/环境配置/路由配置/Vuex配置/借口配置/公共设施配置七个方面,本片文章主要介绍如何在Vue中如何配置router。 基础配置 由于Vue框架由一个或多个单页面构成,在单页面内...

前端框架VUE

基于 vue-cli3.0 的移动端项目适配

散人研阅读(53)评论(0)赞(0)

基于 vue-cli3 的 vue 移动端样式适配 简介 lib-flexible 为页面自动添加 标签,根据屏幕分辨率大小的不同,调整根元素html的font-size的值从而达到每个元素宽高自适应变化,以适配不同的屏幕。 postcss...