@养鱼的猫-优快云博客

原创前端工程化

前端工程化模块化的相关规范浏览器端模块化规范服务器端模块化规范大一统规范--ES6模块化规范在node中通过babel中间件体验ES6模块化ES6模块化的基本语法webpack在项目中安装和配置webpack配置打包的出口和入口配置webpack自动打包功能webpack中的加载器打包处理css文件模块化的相关规范浏览器端模块化规范AMD典型代表是require.jsCMD典型代表是Sea.js服务器端模块化规范典型的就是nodejs中的CommonJS模块化规范模块分为单文件模块和包

2021-12-07 23:07:30 400

原创 Python无法使用pip命令安装

项目场景：pycharm更换pip源问题描述：无法使用pip命令在命令行中进行安装，这里整理了几个pip源便于收藏解决方案：先贴出国内的pip镜像源（记得收藏）：清华：https://pypi.tuna.tsinghua.edu.cn/simple阿里：http://mirrors.aliyun.com/pypi/simple/豆瓣：http://pypi.douban.com/simple/华中理工大学：http://pypi.hustunique.com/山东理工大学：http:/

2021-09-30 19:20:14 357

原创 Form表单及模板引擎

Form表单及模板引擎什么是Form表单Form表单的一些属性表单的同步提交及优缺点通过Ajax提交表单数据JQuery的监听表单提交事件取消表单默认提交行为快速获取表单中的数据模板引擎模板引擎的好处art-template模板引擎使用art-template模板引擎1.导入template-web.js2.定义数据3.定义模板调用`template()`函数渲染HTML结构什么是Form表单表单在网页中主要负责数据采集功能，通过<form></form>标签的提交操作，把采集到

2021-08-18 15:41:58 541

原创 Vue基础

Vue基础Vue概述Vue的基本使用插值表达式指令Vue概述直接贴官网：https://cn.vuejs.org/index.html在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools(Chrome)。它允许你在一个更友好的界面中审查和调试 Vue 应用。安装完这个插件后，在打开通过Vue编写的页面时，在控制台即可进行调试。Vue的基本使用Vue的基本使用步骤：需要提供标签用于填充数据引入vue.js库文件使用vue语法将vue提供的数据填充到标签里引入可以

2021-08-17 09:11:11 805

原创 Vue前端路由

Vue前端路由Vue Routervue-router的基本使用引入相关的库文件添加路由链接添加路由填充位定义路由组件配置路由规则并创建实例对象将路由挂载到Vue根实例中路由重定向vue-router嵌套路由vue-router动态路由匹配路由组件传递参数props值为布尔值props值为参数对象props的值为函数类型Vue RouterVue Router是Vue.js官方的路由管理器，它和vue.js的核心深度结合，可以非常方便的用于SPA（单页面应用程序）的开发Vue Router包但不限于的

2021-08-11 09:38:09 158

原创 express解析请求体数据

express解析请求体数据说明解析JSON格式的数据解析url-encoded格式的数据解析multipart/form-data格式的数据说明如果不配置解析表单的中间件，则req.body默认为undefind。配置时需要注意将中间件配置在路由之前。解析JSON格式的数据app.use(express.json());解析url-encoded格式的数据app.use(express.urlencoded({ extended:false }));解析multipart/form-da

2021-07-31 09:40:51 892

原创 Express基础

文章目录Express什么是express？Express的优势Express的基本使用安装创建最基本的Web服务器监听GET请求监听POST请求Express什么是express？Express是基于Node.js平台，快速，开放，极简的Web框架。其作用与Node.js内置的http模块类似，都是用来创建Web服务器的。Express本质上就是一个npm上的第三方包，提供了快速搭建Web服务器的简便方法。Express中文官网：https://www.expressjs.com.cn/Ex

2021-07-26 22:38:08 509

原创前端身份认证

前端身份认证在Express中使用Session认证什么是CookieCookie在身份认证中的作用Session的工作原理安装express-session中间件Session认证的局限性在Express中使用JWT认证机制JWT的使用方式安装JWT相关的包在Express中使用Session认证Session需要搭配Cookie进行认证什么是CookieCookie是存储在浏览器中的一段不超过4kb的字符串，由一系列的键值对组成，以及Cookie有效期、安全期、使用范围的可选属性组成。不同域名下

2021-07-26 22:36:40 820

原创对密码进行加密处理

对密码进行加密处理对密码进行加密处理bcryptjs包对密码进行加密处理为了保证数据的安全性，不建议将密码按明文的形式存储，而是建议将密码加密存储。bcryptjs包使用bcryptjs对用户密码加密有以下优点加密后无法逆向破解同一明文加密多次，产生的是不同的加密结果安装bcryptjsnpm i bcryptjs导入并使用使用bcrypt的hashSync(明文字符串, 随机盐长度)方法，该方法返回一个加密后的字符串const bcrypt = require("bcrypt"

2021-07-25 19:16:18 321

原创 Node.js中的mysql模块

Node.js中的mysql模块在Express中连接mysql并使用select查询insert插入update更新delete删除标记删除在Express中连接mysql并使用首先要在项目中导入mysql模块npm i mysql在使用mysql模块控制MySQL数据库之前，需要对mysql模块进行一些配置// 导入mysql模块const mysql = require("mysql");// 建立与MySQL数据库的连接const db = mysql.createPool({

2021-07-23 22:45:37 1400

原创初步学习Node.js

初步学习Node.js什么是Node.js什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行时。点击进入Node.js官网注意：浏览器是JavaScript的前端运行环境，而Node.js是JavaScript的后端运行环境Node.js中无法调用DOM和BOM等浏览器内置API...

2021-07-22 09:22:57 1250 1

原创 Git版本控制系统的基本使用

Git版本控制系统概念基础版本控制软件使用版本控制软件的好处版本控制系统的分类Git基础什么是GitGit的三个区域Git的三种状态基本的Git工作流程安装并配置Git配置用户信息查看Git全局的配置信息方法一方法二概念基础版本控制软件是用来记录文件变化，以便将来查阅特定版本修订情况的系统，因此有时也叫“版本控制系统”。使用版本控制软件的好处操作简便。只要记住几组简单的终端命令，即可快速上手常见的版本控制软件。易于对比。基于版本控制软件所提供的功能，能够方便地比较文件的变化细节，从而查找出导致

2021-05-24 23:08:58 715

原创 HTTP协议

HTTP协议HTTP协议简介什么是通信协议HTTP协议HTTP请求消息什么是HTTP请求消息HTTP请求消息的组成部分HTTP请求行HTTP请求头部HTTP请求消息中的空行HTTP请求体HTTP响应消息HTTP状态行HTTP响应头部HTTP空行HTTP响应体请求方法HTTP响应状态代码HTTP响应状态码的组成2** 成功相关的响应状态码HTTP协议简介什么是通信协议通信协议（Communicate Protocol）是指通信双方完成通信所必须遵守的规定和约束。HTTP协议HTTP协议（Hyper

2021-05-22 21:13:22 829

原创跨域与JSONP 防抖与节流

跨域与JSONP了解同源策略和跨域实现跨域数据的请求JSONP实现原理JQuery中的JSONP防抖和节流什么是防抖缓存搜索结果什么是节流了解同源策略和跨域什么是同源：如果两个页面的协议、域名和端口号都相同，则两个页面具有相同的源，只要三者中任何一项不同则是跨域。示例：var url = "http://www.test.com/index.html"//协议：http//域名：www.test.com//端口号：80（域名后面紧跟的:就是端口号，没有则默认是80）同源策略：是浏览器提供的

2021-05-21 20:59:31 273

原创 Ajax的基本使用

Ajax的使用什么是Ajax接口收集一些接口Postman接口测试工具JQuery中的AjaxJQuery中常用的Ajax方法$.get()函数$.post()函数$.ajax()函数什么是AjaxAjax的全称是Asynchronous JavaScript And XML（异步的JavaScript和XML），是客户端与服务器之间进行数据交互的技术之一。网页中数据的增删改查以及获取、提交数据都可以通过Ajax的形式来实现数据交互。通俗的理解：在原生JS中使用XMLHttpRequest对象和服务器

2021-05-16 17:33:28 562

原创 HTML5

HTML5常用的语义化标签``视频标签常见属性``音频标签常见属性``表单的新增新增的input类型新增的表单属性常用的语义化标签语义化标签对搜索引擎比较友好，但是语义化标签存在兼容性问题，IE9+，如果不考虑兼容性问题可以大量使用。<header>:头部标签<nav>：导航栏标签<section>：定义文档某个区域，相当于一个<div>标签<aside>：侧边导航栏标签<footer>：尾部标签上述语义化标签的常规

2021-05-01 11:23:22 245

原创 rem适配布局+媒体查询+Less的使用

rem适配布局rem基础rem单位媒体查询Media Query语法规范媒体类型mediatype关键字 and|not|only媒体特性 media feature示例引入资源语法规范Less基础CSS的弊端Less介绍Less使用Less变量Less编译rem适配方案rem基础rem单位rem（root em）是一个相对单位，类似于em单位，em默认是12px，是相对于自身字体的大小，没有则默认继承父元素的字体大小，与em不同的是rem的基准是相对于html元素的字体大小rem优点：rem结合媒

2021-05-01 11:10:00 593

原创 CSS浮动以及清除浮动float

float设定浮动浮动的元素脱离标准流（文档流），相当于飘浮起来了，会释放原先占有的位置，位置不再保留，浮动的元素都具有行内块元素的特性，浮动的盒子只会影响后面的标准流，不会影响前面的标准流浮动类型描述float: left;向左浮动float: right;向右浮动清除浮动由于很多时候父盒子的高度不需要单独设定，由子盒子直接撑开，但是当子盒子开启浮动后，父盒子会产生高度塌陷，高度直接变为0，这样会对父盒子后面的排版产生影响，需要clear: both;清除浮动

2021-05-01 11:04:47 140

原创 CSS高级技巧

CSS高级技巧精灵图sprites字体图标精灵图sprites精灵图：将多个图片（背景图片、图标等）放在一张图片上，实现一张图片多次利用。精灵图技术的目的：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度。字体图标字体图标：...

2021-05-01 11:00:36 180

原创 Flex弹性布局

Flex弹性布局Flex布局简介常见的添加到容器的属性设置主轴方向flex-deriction主轴上子元素的排列方式justify-content从尾部开始排列flex-start在主轴居中对齐center让子元素平分剩余空间space-around先紧贴两边，再平分剩余空间space-between子元素是否换行flex-wrap不换行nowrap换行wrap侧轴子元素排列方式（多行）align-content在侧轴居中center在侧轴平分剩余空间space-around首尾行紧贴，其余平分space-

2021-04-24 15:34:03 230

@养鱼的猫的博客