- 博客(26)
- 资源 (4)
- 收藏
- 关注
RSS订阅转载 Promise,async,await,fetch带我们逃离异步回调的深渊
Promise: 在ES6以前如果我们需要在js中进行异步处理，大多数都是通过使用回调函数的方式来解决问题，如果简单的异步处理，回调函数的方式看起来还是比较优雅的，逼格还有点高，但是如果异步操作很多，回调嵌套就很深，代码看起来就会特别别扭，维护起来成本也会变高这个时候ES6带来Promise这个新特性，这个方法很好的解决了深层次异步嵌套的问题，我们在写代码的时候可以采用类似linux流式的书写方...
2018-11-22 11:42:43
572
原创 全页面换背景色，如果超出页面出现滚动条
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body{ position: fixed; height: 100%; width: 100%; background-color: red;
2018-11-15 14:54:16
848
原创 Koa2的类型请求、route、重定向
原文：http://www.ruanyifeng.com/blog/2017/08/koa.htmlconst route = require('koa-route');const Koa = require('koa');const app = new Koa();const main = ctx => { if(ctx.request.accepts('xml'))...
2018-10-29 14:32:32
12676
1
原创 浏览器与服务器通信的过程
首先需要知道：用户在浏览器中输入网址时候，浏览器会通过访问的域名来定位得到IP(DNS)会依此从浏览器缓存、系统缓存、路由器缓存、ISP DNS缓存中查找 HTTP协议：超文本传输协议，目的是为了提供一种发布和接受HTML页面的方法，浏览器和服务器都遵循的一种语法规范，所有的信息通过这种语法规范传输，使得浏览器和服务器都可以正确理解。 但浏览器和服务器不是直接连接上的，需要...
2018-10-27 16:15:23
2180
原创 Iterator 和 for...of 循环
Iterator 和 for...of 循环参考：http://es6.ruanyifeng.com/#docs/generator原生具备Iterator接口的数据结构ArrayMapSetStringTypedArray函数的arguments对象NodeList对象一个对象如果要具备可被for...of循环调用的Iterator接口，就必须部署方法class ...
2018-10-09 11:34:06
153
原创 回调地狱
回调地狱Callback Hell参考：https://www.jianshu.com/p/d31d2ecb4162JS异步编程或使用大量回调函数时，使得代码不直观什么是回调函数downloadPhoto('一个URL', handlePhoto)function handlePhoto (error, photo) { if (error) console.error(...
2018-10-08 17:00:34
217
原创 Promise对象
Promise对象Promise实例const promise = new Promise(function(resolve, reject) { //... if(异步操作成功) { resolve(value); } else { reject(error); }});Promise构造函数接受一个函数作...
2018-10-08 13:49:44
224
原创 页面背景大小根据界面的大小而改变
网页编写过程中，有时候会遇到下方留白的问题，那么就需要固定body的高度可以利用JS来改变页面的高度每一次加载页面就改变一次页面的高度在Vue中可以写在生命周期中的mounted中 mounted() { var height1 = window.innerHeight; //获取窗口的高度 var h = document.getEleme...
2018-09-05 11:52:28
657
原创 运算符返回值 和 预编译
1.&&运算符会有一个返回值，判断&&前面的表达式是否为真（布尔值）其中undefined, null, NaN, "", 0, false 返回的都是false 2.typeof的返回值只有六种number, string, boolean, object, undefined, function注意：数组，null返回的是object ...
2018-07-19 14:52:24
371
原创 三、父组件index的编写
子组件写好之后，需要在父组件中引用所以在script中导入：import lists from './list'申明： components:{ "lists":lists, },-------------------------------------------先来看一下数据的定义 data() {//数据初始化 return { ...
2018-07-13 10:34:15
239
转载 补充：父组件给子组件传值以及子组件向父组件传值
参考：https://segmentfault.com/a/1190000011882494父组件向子组件传数据父组件中data中定义传输的值，如todoLists:[],在标签中绑定：:新定义的名字="data中定义的数据名字"，如:todolist1="todoLists"子组件中props:['新名字'],如prop:['todolist1']，这样，在子组件需要的地方利用todolist1...
2018-07-12 17:45:27
480
原创 二、子组件list的编写
子组件是显示todolist先来看一下我们通过props传入三个值 props: { things1:{ }, whichshow:{}, defaultshow:{} },things1：从父组件中传入的一个对象数组，也就是包含了每一个todo的值里面的每一个对象包含三个值： value:...
2018-07-12 15:57:00
210
原创 一、项目说明以及功能介绍
todolist应该都比较熟悉编辑器用的vs code前端框架用的就是Vue，用了flex布局，还有element-ui组件其中分为两个部分，子组件是todo的列表，父组件就是其他内容功能介绍：1.输入todo，显示一条todolist2.点击checkbox，显示todo完成3.单击×可以删除todo4.点击下箭头可以全选或者反选5.双击todo可以修改todo的名称6.标签显示还有多少个未完成...
2018-07-12 14:59:38
1612
原创 元素水平垂直居中
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .fdiv { display: flex; width: 200px; height: 200px; background-color: red;
2018-06-11 15:18:35
167
原创 使用Bootstrap4制作登陆界面
实现效果：标准的登陆页面：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>首页</title> <meta name="viewport" content="width=device-width, in
2018-05-09 08:13:29
13107
原创 DIV并排与底部版权信息设置
1.DIV并排说明：使多个DIV可以并排的方法也就是设置CSS为左浮动float：left <!DOCTYPE html><html><head> <title>DIV并排</title> <style type="text/css"> .left { float: left; backgrou
2018-05-08 15:47:41
1577
原创 十、点击查看弹出个人信息以及志愿者活动
详细信息的页面包含学生信息，以及工时信息，也就是志愿者活动信息如图：其实方法和删除的方法是类似的，让我们来写一下因为每个查询页面都有这样一个按钮，所以我以其中一个查询的JSP为例子--------------------------------------------------------------------------JSP代码：在想要添加这个功能的JSP中添加如下代码<a href...
2018-04-19 14:27:13
752
原创 九、Table删除信息
在每一个按要求查询的JSP中都有一个删除操作，具体是： <a href="Detail?num=<%=times.getNum() %>">查看</a> </td> <td> <a href="Delete?num=<%=times.getNum() %>"&
2018-04-16 09:16:27
243
原创 八、各种查询的Servlet
查询全部信息TimeManageServlet.javapackage servlet;import java.io.IOException; import java.util.List; import java.util.*;import java.io.*;import javax.servlet.ServletException; import javax.servlet....
2018-04-15 16:35:11
635
1
原创 七、各种查询的JSP页面
TimeManage.jsp这是查询全部的页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ page import ="bean.AddMessageBean" %> <%@ page import ="
2018-04-15 16:16:59
3362
原创 六、完整的AddMessageDao.java和web.xml
前面都是细说某个功能，比如添加功能和按姓名查询功能，所以我把不相关的代码去掉了。在这里贴完整的。AddMessageDao.java内容是学生信息的录入，以及按照各种要求查询的函数package dao;import java.sql.Connection; import java.io.*;import java.sql.DriverManager; import java.sql....
2018-04-15 15:23:26
822
原创 五、按姓名查询的JSP+jdbc+Servlet
因为按要求查询都是差不多一样的，所以举个栗子详细说按姓名查询，然后其他的查询就贴代码了-----------------------------------------------------------需要的文件：JSP页面：SearchName.jspBean类：AddMessageBean.java Dao文件：AddMessageDao.javaServlet文件：SearchName....
2018-04-15 15:11:08
4699
原创 四、数据库创建以及信息录入的数据库连接
数据库创建的话，我使用数据库管理工具Navicat for MySQL数据库需要两张表，一张是学生信息表，一张是工时信息表我的数据库名字为project，里面有两张表一张是stumessage主键是学生学号，也就是num一张是stuworktime-------------------------------------创建文件：创建一个带java文件的包：Java Resources-src-右...
2018-04-15 13:54:05
1249
原创 三、创建工程以及信息录入JSP
工程创建1.File-new-Dynamic Web Project创建一个动态的JAVAWeb项目2.写上工程名字，选择使用的Tomcat和版本然后next3.这个页面是说java文件的存放目录，默认选择src，继续next4.第一个框是说JSP文件或者Html文件存放目录，选择默认的，然后勾选xml文件，会生成一个web.xml文件，该文件用来写servlet的配置信息。这样一个动态JAVAW...
2018-04-15 12:46:37
579
原创 二、项目展示
项目很简单，对我来说却很复杂1.主页面，添加学生信息使用了jQuery进行提交表单的时候检验输入的信息是否合理2.工时录入和学生信息添加差不多，分别录入信息到一个数据库的两张表3.工时管理点击后弹出下一个导航栏，按照不同的信息进行查询同时添加了查看详细信息页面，以及删除操作4.详细信息我随机点了一个，弹出详细信息页面内容包括学生信息和工时信息----------------------------...
2018-04-15 00:07:26
317
原创 一、环境配置
最近的一个实践课叫数据库应用课程设计纯小白慢慢研究，做了一个比较简单的项目JSP+JDBC+Servlet完成——工时系统开发环境：Eclipse Jee Oxygen数据库：MySQL开发语言：JAVA jdk-9.0.4服务器：Tomcat v8.0.50jdbc：mysql-connector-java-5.1.46--------------------------------------...
2018-04-14 23:42:57
341
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人