qq_40885461的博客

原创 前端强缓存和协商缓存

缓存是前端面试的一个常见知识点，下面对于实际项目中如何进行缓存的设置给出方案。强缓存和协商缓存浏览器缓存是浏览器将用户请求过的静态资源存储到电脑本地磁盘中，当再次访问时，就可以直接从本地缓存中加载而不需要去向服务器请求了。但是缓存也有缺点，如果服务端资源更新了，客户端没有强制刷新的情况下，看到的内容还是旧的。所以，前端需要根据项目中各个资源的实际情况，做出合理的缓存策略。这就出现了强缓存和...

原创 vmware中正在决定 eth0 的 IP 信息...失败；无链接。检查电缆吗？问题的解决方法

这个问题困扰了我一天，一开始是更改各种配置文件，各种都尝试了，结果还是不行。然后受启发，需要手动启动 Windows VMware 服务！！！终端输入 service network restart...

原创 安装node模块时的踩坑记录

安装时报错：Install fail! Error: EBUSY: resource busy or locked解决办法：1，npm cache clean --force2，我第一种办法没有解决关闭电脑管家或者360就能成功安装了...

原创 使用Heroku部署上线Vue.js项目

前面有一篇讲述了在heroku上部署接口api(https://blog.csdn.net/qq_40885461/article/details/89145746)，部署Vue.js和这个有些许不同安装Heroku我们通过使用 npm 来全局安装 herokunpm install --global heroku安装成功后，我们使用以下命令查看版本号heroku --ve...

原创 Vuecli3.x与Node.js项目配置前后端连载

全栈开发过程中，前后端分别采用vue-cli脚手架和Node.js开发。项目启动时，分别在两个终端中启动Node.js后台项目，再在另一个终端中启动vue项目，这样做会比较麻烦，因此就需要前后端连载。项目根目录下除了client是前端部分，其余为Node后端部分。两个都有一个package,json文件下面是前后端连载的方式：1.安装concurrently模块一定是在项目根目录下...

原创 Nodejs搭建restful接口

用到的技术包括Node,js，Express框架，Passport验证，validator验证，bcrypt加密验证主要内容：1.使用Node构建后台接口2.使用Express实现路由和模板引擎3.使用Passport实现Token的验证4.使用bcrypt实现密码加密实现的详细内容：1.express搭建服务器2.连接MongoDB数据库3.搭建路由和数据模型...

原创 三层架构详解-以学生管理系统为例

1.三层架构与MVC设计模式的目标一致：都是为了解耦合，提高代码复用 区别：二者对项目的理解角度不同2.三层组成表示层（USL,User Show Layer:视图层） -前台：对应于MVC的View，用于和用户交互，界面显示 jsp,html,js,css 代码位...

原创 Servlet2.5和Servlet3.0的使用

1.前面纯手工方法创建第一个Servlet步骤：编写一个类，继承HttpServlet重写doGet()、doPost()方法编写web.xml 中的servlet映射关系2.借助于Eclipse快速生成Servlet直接新建Servlet即可！（继承、重写、web.xml 可以借助Eclipse自动生成）Servlet3.0，与Servlet2....

原创 MVC模式与Servlet执行流程

1.MVC设计模式：M：Model ，模型 ：一个功能。用JavaBean实现。V:View，视图： 用于展示、以及与用户交互。使用html js css jsp jquery等前端技术实现C:Controller，控制器 ：接受请求，将请求跳转到模型进行处理；模型处理完毕后，再将处理的结果 返回给 请求处 。 可以用jsp实现， 但是一般建议使...

原创 JSP访问数据库以及JavaBean(封装数据和封装业务逻辑)

1.JSP访问数据库JSP就是在html中嵌套的java代码，因此 java代码可以写在jsp中（<% ... %>）导包操作：java项目 ：1 Jar复制到工程中 2.右键该Jar :build path ->add to build Path Web项目：jar复制到WEB-INF/lib核心：就是将 java中的JDBC代...

原创 JDBC用PreparedStatement访问数据库以及Statement和PreparedStatement的区别

DriverManager ： 管理jdbc驱动Connection： 连接（通过DriverManager产生）Statement（PreparedStatement） ：增删改查 （通过Connection产生 ）CallableStatement ： 调用数据库中的 存储过程/存储函数 （通过Connection产生 ）Result ：返回的结果集 （上面的Statem...

原创 JDBC原理及使用Statement访问数据库

1.JDBC概述:Java DataBase Connectivity 可以为多种关系型数据库DBMS 提供统一的访问方式，用Java来操作数据库JDBC原理：2.JDBC API 主要功能：三件事（与数据库建立连接，发送sql语句，返回处理结果），具体是通过以下类/接口实现：3.jdbc访问数据库的具体步骤：a.导入驱动，加载具体的驱动类b.与数据库建...

原创 JSP的9大内置对象

pageContext JSP页面容器request 请求对象session 会话对象appliation 全局对象response 响应对象config 配置对象（服务器配置信息）out 输出对象page 当前JSP页面对象（相当于java中的this）exception 异常对象四种范围对象（小->大）pageContext JSP页...

原创 session与cookie问题以及application

Cookie：a.不是内对对象，要使用必须newb.但是，服务端会 自动生成一个(服务端自动new一个cookie) name=JSESIONID的cookie 并返回给客户端session和cookie的区别 session cookie 保存的位置 服务端 客户端 安全性 较安全 较不安全 保存...

原创 session执行机制和session共享问题

session（内置对象） :会话a.浏览网站：开始-关闭b.购物： 浏览、付款、退出c.电子邮件：浏览、写邮件、退出 开始-结束就是一次会话session机制：客户端第一次请求服务端时，匹配客户端的jsessionid和服务端的sessionid失败，服务端会产生一个session对象（用于保存该客户的信息，自带sessionid，然后将sessionid复制一份给...

原创 使用Cookie实现记住用户名功能

原创 response，请求转发和重定向，cookie

1.response :响应对象提供的方法：void addCookie( Cookie cookie ); 服务端向客户端增加cookie对象void sendRedirect(String location ) throws IOException; :页面跳转的一种方式（重定向）void setContetType(String type):设置服务端响应的编码（设置服务端的co...

原创 使用request对象实现注册实例，请求方式编码的问题

1.注册register.jsp ，show.jspWebContent/register.jsp:WebContent/show.jsp:http://localhost:8888/MyJspProject/show.jsp?uname=aa&upwd=123&uage=22&uhobbies=%E7%AF%AE%E7%90%83 ...

原创 统一编码，JSP页面元素以及request对象

1.JSP的页面元素： HTML java代码（脚本Scriptlet）、指令、注释a.脚本Scriptlet i. <% 局部变量、java语句 %> ii. <%! 全局变量、定义方法 %> iii....

原创 使用Eclipse快速开发JSP

1.使用Eclipse开发Web项目(JSP项目)先要把Eclipse与Tomcat关联一下打开Eclipse，选择Window中的Preferences，查找server，选择Runtime Environments点击“add”，根据自己下的Tomcat版本选择版本，我这里提前下载的Tomcat是8,5，所以选择的是8.5。然后选择“JRE”版本没有看到JRE，就找到下...

原创 JSP执行流程

jsp- java(Servlet文件) -classD:\study\apache-tomcat-8.5.30\work\Catalina\localhost\JspProject\org\apache\jspJsp 和Servlet 可以相互转换 因为第一请求服务端 会有翻译 和编译的过程，因此比较慢； 后续访问 可以直接访问class,因此速度较快。但是 如果 服务端修改了代...

原创 虚拟路径和虚拟主机

虚拟路径a.方式一将web项目配置到 webapps以外的目录conf/server.xml中配置host标签中：<Context docBase="D:\study\JspProject" path="/JspProject" />docBase：实际路径path：虚拟路径 （绝对路径、相对路径【相对于webapps】）缺点：虚拟路径配置完成后tomc...

原创 jsp环境搭建及入门

JSP:动态网页静态、动态：1.不用 和 是否有“动感”混为一谈 2.是否 随着 时间、地点、用户操作 的 改变而改变动态网页 需要使用到 服务端脚本语言（JSP）架构CS：Client ServerCS不足：a.如果 软件升级， 那么全部软件都需要升级b.维护麻烦：需要维护每一台 客户端软件c.每一台客户端 都需要安装 客户端软件BS ：Brosw...

原创 高德地图定位

高德地图开放平台，获取key获取key值后，将其在index.html中引入<script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.13&key=3902ac46d78e575ee30697e17fc419fc"></script>然后来到App.vue下，即根组...

原创 阿里云矢量图标的使用

阿里图标官网：https://www.iconfont.cn/创建“我的项目”，获取css链接:两种使用方法：一.本地引用1.引入iconfont 的css<link rel="stylesheet" type="text/css“ href="font/iconfont.css">2.设置class属性<i class="iconfont ...

原创 跨域问题之手机号码登录验证

1. 构建登录组件router.js:设置路由import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const router = new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { ...

原创 后端接口下载并打包上传（连接远程MongoDB数据库，接口部署到heroku服务器）

1,下载后端接口代码，先终端cnpm install 下载我们所需要的模块。2,在上传之前，先注册两个账号：MongoDB Atlas和heroku，因为mLab已经被MongoDB收购，所以直接进入MongoDB注册。3，MongoDB注册好账号后，使用MongoDB云数据库https://www.cnblogs.com/xybaby/p/9460634.html?tdsourcetag...

原创 访问本地MongoDB数据库和远程数据库遇到的问题

访问本地MongoDB数据库：先将MongoDB的安装目录下的bin目录路径加入环境变量path，终端输入命令：mongod（A窗口），输入命令：mongo（B窗口）。访问远程数据库：一开始一直连接失败，后面发现是因为shell和server不匹配，设置IP Whitelist设置的是0.0.0.0，修改后就可以连接上远程数据库了。...

原创 获取用户的OpenID

OpenID 是一个以用户为中心的数字身份识别框架，它具有开放、分散性。OpenID 的创建基于这样一个概念：我们可以通过 URI （又叫 URL 或网站地址）来认证一个网站的唯一身份，同理，我们也可以通过这种方式来作为用户的身份认证。每次用户登录小程序生成的OpenID都是不一样的。给用户添加不同的标识，然后请求不同的数据，因而向用户展示的页面就不同，这唯一的标识就是OpenID。小程序登录...

原创 获取用户信息并存储到vuex中

在pages/index/index.vue中<template> <div class="container"> <div class="login"> <img src="/static/imgs/guide_bg.jpg" alt=""> <div class="learn"> ...

原创 async+await解决回调地狱问题

前面说到Promise解决回调地狱的问题，但是还是不彻底，有额外的复杂性，都需要理解抽象的底层运行机制。异步编程的最高境界就是根本不用关心它是不是异步，这时候async函数好像打开了另外一扇门。1，async函数是什么？了解async函数前，先看下Generator函数前文有一个Generator函数，依次读取两个文件var fs = require('fs');var ...

原创 控制Footer的显示隐藏

有些路由组件不需要Footer，因此需要隐藏router/index.jsexport default new VueRouter({ routes: [ { path: '/', redirect: '/msite' }, { path: '/msite', component: Msite...

原创 使用Swiper实现轮播图效果

1，先下载插件 npm install --save swiper2，HTML内容<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div c...

原创 vue中组件间通信方式-slot

有时候，header或footer使用同一个组件，那么就需要用slot来从父组件向子组件传递“标签数据”子组件：Child.vue<template> <div> <slot name="xxx">不确定的标签结构 1</slot> <div>组件确定的标签结构</div> <s...

原创 当vue路由变化时，改变导航栏的样式的方法

当我们需要做一个类似于顶部或者底部导航栏公共组件的时候，单击某个导航栏按钮，跳转到另一个组件，并且改变导航栏的样式。1) 通过编程式导航实现路由的切换显示($router)相关API:this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面)this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面)...

原创 vscode自动格式化stylus设置

首先，安装stylus依赖包npm install stylus stylus-loader --save-dev确保自动格式化时stylus的风格不发生变化，只需要对vscode进行设置，在vscode的插件选项中搜索 "stylus Supremacy” 安装，然后修改settings.json文件:修改过后就不会改变stylus的格式了！...

原创 v-router的初步认识与学习

一般路由1，说明官方提供的用来实现SPA的vue插件 github: https://github.com/vuejs/vue-router 中文文档: http://router.vuejs.org/zh-cn/ 下载: npm install vue-router --save2，相关API说明用于创建路由器的构建函数VueRouter(): new VueRoute...

原创 vue完成列表的搜索和排序

vue的一般搜索：有以下两种方法：(1)在methods属性中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...

原创 v-for遍历数组完成列表渲染需要注意的问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

原创 v-if和v-show的用法与区别

vue中有两种常用的显隐方法：v-if和v-show。但是两者有本质区别实现本质方法区别：v-if是动态地向DOM树内添加或者删除DOM标签v-show其实是将标签display设置为none，控制隐藏编译的区别：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件v-show其实就是在控制css性能：v-if不停的销毁和创建...