前端综合
Star,
这个作者很懒,什么都没留下…
展开
-
别踩白块游戏
HTML骨架:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>别踩白块</title> <link rel="stylesheet" href="ind原创 2020-11-29 20:42:52 · 245 阅读 · 0 评论 -
外边距合并问题(外边距塌陷)
注意:外边距合并问题是发生在给两个块元素设置垂直外边距时(也就是margin-top和margin-bottom)第一种:两个块元素为兄弟关系当上下相邻的两个块元素,上边个块有margin-bottom,下边个块有margin-top的时候就会发生外边距合并合并原则:取margin-bottom和margin-top中较大的一个值作为它们之间的距离解决方案:尽量只给一个盒子添加margin值第二种:两个块元素为父子关系父元素没有上内边距(padding-top)和边框(border)时,原创 2020-11-23 16:01:45 · 428 阅读 · 0 评论 -
盒子水平垂直居中的几种方法
第一种:盒子宽高 + margin思路 :上外边距为自身高度一半,左外边距为自身宽度一半:.box { width: 800px; height: 400px; border: 1px solid black; } .son { width: 400px; height: 200px; margin-top原创 2020-11-23 15:32:01 · 5723 阅读 · 0 评论 -
学生信息案例----Node.js+MongoDB实现
连接数据库(./model/connectt):// 引入mongoose模块用于连接数据库const mongoose = require('mongoose');mongoose.connect('mongodb://localhost/test01', { useNewUrlParser: true, useUnifiedTopology: true }) .then(() => console.log('数据库连接成功')) .catch(err => con.原创 2020-11-17 11:08:29 · 431 阅读 · 0 评论 -
用户信息案例-----Node.js编写(MongoDB数据库)
准备工作:利用第三方模块 mongoose 连接数据库,代码如下:// 首先在命令行中使用 npm install mongoose 命令下载 mongoose 模块// 引入mongoose模块const mongoose = require('mongoose');// 连接数据库mongoose.connect('mongodb://localhost/test01', { useNewUrlParser: true, useUnifiedTopology: true })原创 2020-11-17 10:50:46 · 527 阅读 · 0 评论 -
<script>元素的8个属性
async:可选。表示应该立即开始下载脚本,但不能阻止其他页面动作,比如下载资源或等待其他脚本加载。只对外部脚本文件有效。charset:可选。使用 src 属性指定的代码字符集。这个属性很少使用,因为大多数浏览器不在乎它的值。crossorigin:可选。配置相关请求的CORS(跨源资源共享)设置。默认不使用CORS。crossorigin= "anonymous"配置文件请求不必设置凭据标志。crossorigin="use-credentials"设置凭据标志,意味着出站请求会包含凭据。def.原创 2020-11-16 15:20:42 · 791 阅读 · 0 评论 -
JS中var、let、const的区别
var关键字:var声明的范围是函数作用域;即:var在函数内部声明一个变量,那么这个变量是该函数的局部变量,只有在函数内部才能访问,函数外部无法访问(当然如果用闭包可以实现从外部访问,关于闭包:JS中的闭包)var 关键字在全局全局作用域中声明的变量会成为window对象的属性如果在非严格模式下的函数中,未用var声明就给一个变量赋值,那么该变量会变成全局变量,即在函数外部也可访问;而在严格模式下这样给未声明的变量赋值会报错ReferenceError(未定义/引用错误)function te原创 2020-11-08 11:35:51 · 305 阅读 · 0 评论 -
鼠标覆盖出现文字
一开始是一个空盒子,当鼠标放上后会以左下角为旋转点,逆时针转出文字<!-- 一开始子盒子不可见,当鼠标放在父盒子上时,子盒子以左下角为旋转中心点转出来 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2020-10-09 22:11:02 · 557 阅读 · 0 评论 -
本地存储sessionStorage和localStorage(含案例)
localStorage和sessionStorage都是本地存储。为什么要使用本地存储呢?答:因为在有些情况下,浏览器并不需要和服务器交流;比如一个备忘录的页面,它其实只需要将数据存储下来方便用户在忘记的时候查看即可,并不需要其他更多的与服务器的交流。当然我们也可以将其存储到服务器上去,但这样会增加服务器的负担,所以这个时候最好的选择是使用本地存储。也就是将用户的一些数据存到本地(即浏览器)本地存储的特点:数据存储在用户浏览器中设置、读取方便,甚至页面刷新也不会丢失容量较大,sessio原创 2020-10-24 08:02:11 · 586 阅读 · 0 评论