html+css总结
html+css总结一、h1一个网页就用一次,用来放新闻标题或者网页logo。
二、strong、em、ins、del 标签自带强调含义(语义)。
标签名
效果
strong
文字加粗
em
倾斜
ins
下划线
del
删除线行内元素与
三、行内元素、块级元素以及行内块元素
行内元素有:a b span img input select strong;一行可以显示多个,设置宽高属性不生效,宽高尺寸由内容撑开。
级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p;独占一行,宽度默认是父级的100%,添加宽高属性生效。
行内块元素:一行可以显示多个,设置宽高属性生效,宽高尺寸也可以有内容撑开。
四、img标签属性说明
属性
作用
说明
alt
替换文本
图片无法显示的时候显示的文字
title
提示文本
鼠标悬停在图片上面的时候显示的文字
width
图片的宽度
值为数字,没有单位
height
图片的高度
值为数字,没有单位
五、a标签 超链接标签
href 属性值是跳转地址, ...
数据库sql总结
数据库SQL总结1、DDL 数据库定义语言
对数据库的操作使用数据库1use 数据库名;
查查询所有数据库:
1show databases;
查询当前数据库:
1select database();
增1create database [if not exists] 数据库名;
如:create database test; #创建一个test数据库
删1drop database [if exists] 数据库名;
如:drop database test; #删除test数据库
PS:database可替换为schema
如:create schema test;
对表的操作增123456create table 表名(字段1 字段1类型 [约束] [comment 字段1注释 ], 字段2 字段2类型 [约束] [comment 字段2注释 ], ......字段n 字段n类型 [约束] [comment 字段n注释 ]) [ comment 表注释 ];
如:
1234567create table tb_user (id int comment ' ...
前端之模块的导入导出方法
1、commonJs标准导出:module.exports = {}
导入: require(‘模块名或路径’)
模块名或路径: ✓ 内置模块:直接写名字(例如:fs,path,http)
✓ 自定义模块:写模块文件路径(例如:./utils.js)
2、ECMAScript标准(1)默认标准使用导出:export default{}
导入: import 变量名 from ‘模块名或路径’
(2)命名标准使用:导出: export 修饰定义语句 例如 export const baseURL = ‘http://www.damaomao.net‘
导入: import {同名变量} from ‘模块名或路径’
如何选择?
按需加载,使用命名导出和导入
全部加载,使用默认导出和导入
节流防抖
1、节流形象比喻为王者荣耀技能键,点击多次只能第一次点击有效要等cd冷却后才能继续使用,跟排队一个道理(既有多次点击事件只执行第一次点击事件)
开发使用场景
假如一张轮播图完成切换需要300ms, 不加节流效果,快速点击,则嗖嗖嗖的切换 ,加上节流效果, 不管快速点击多少次, 300ms时间内,只能切换一张图片。
2、防抖形象比喻为王者荣耀回城,打断了又重新计算回城秒数(既执行最后一次)
开发使用场景
搜索框防抖假设输入就可以发送请求,但是不能每次输入都去发送请求,输入比较快发送请求会比较多我们设定一个时间,假如300ms, 当输入第一个字符时候,300ms后发送请求,但是在200ms的时候又输入了一个字符, 则需要再等300ms 后发送请求
同源策略(跨域)
同源策略(跨域)同源策略 (Same-Origin Policy),它默认情况下不允许网页从一个源(origin)的页面请求另一个源的资源。
如网页位于http://127.0.0.1:5500,而尝试从该网页访问http://localhost:8001/api/province,这两者的源是不同的,因此浏览器阻止了该请求。
要解决这个问题,要在服务器端配置跨源资源共享 (CORS) 头,以允许特定源(如http://127.0.0.1:5500)访问您的API。在服务器端添加适当的响应头后,浏览器将允许跨源请求。
方法一:
node.js+express.js配置跨域
1234567891011121314151617181920const express = require('express');const app = express();// 允许所有源访问,也可以指定特定的源app.use((req, res, next) => { res.header('Access-Control-Allow-Origin', ...
Typora使用方法
以mac电脑为例
window电脑commad替换为win键 option替换为Alt键
一级标题 command1二 command2三 command3四command4五 command5六 command6用command +/-提升标题 降级标题
用command/查看markdown源代码
command0正文
加粗 commandB
倾斜 commandi
下划线commandu
==高亮文本==command+shift+h
上标 cm3 要上标的符号前后加标签跟html一样结束标签要有/
下标H2O 要下标的符号前后加标签跟html一样结束标签要有/
无序列表前的小圆点 option+command+u
或 -加空格 +加空格 *加空格
无序列表下一级 TAB键 或 command] 返回上一级用command[
有序列表 option+command+o
待办事项 option+command+x
行内代码 int 整型 前后加``
...
javascript中substring的用法
javascript中substring的用法substring 是 JavaScript 字符串对象的一个方法,用于提取字符串中的一部分并返回一个新的字符串。它的基本语法如下:
1str.substirng(start,end)
**start**:必需。提取的起始位置(包括该位置的字符)。如果 start 为负数,则会被视为 0。
end:可选。提取的结束位置(不包括该位置的字符)。如果 end 为负数,则会被视为 0。如果省略 end,则提取从 start 到字符串末尾的所有字符。
用法示例
基本用法
123const str = "Hello, World!";const result = str.substring(7, 12); // 从索引 7 开始,到索引 12 结束(不包括索引 12)console.log(result); // 输出: "World"
省略 end 参数:
123const str = "Hello, World!";const result = str.substring(7); ...
javascript中indexof的用法
javascript中indexof的用法indexOf 是 JavaScript 字符串对象的一个方法,用于查找指定子字符串在字符串中首次出现的位置。如果未找到该子字符串,则返回 -1。它的基本语法如下:
1str.indexOf(searchValue, fromIndex)
**searchValue**:必需。要查找的子字符串。
**fromIndex**:可选。从字符串中的哪个位置开始查找。默认值为 0。如果 fromIndex 为负数,则会被视为 0。
基本用法
123456const str = "Hello, World!";const index = str.indexOf("World");console.log(index); // 输出: 7const index2 = str.indexOf("Wo");console.log(index2); // 输出: 7
指定起始位置:
123const str = "Hello, World!";const index = st ...
前端BFC和IFC机制
前端BFC和IFC机制BFC(Block Formatting Context,块级格式化上下文)BFC就像一个有魔法的盒子,它可以把里面的东西(其他盒子)整理得整整齐齐,并且有一些特别的规则:
盒子不会跑出去:魔法盒子里的东西不会跑到外面去,外面的东西也不会跑进来。
盒子会变高:魔法盒子会自动变高,以便把所有东西都装进去,哪怕是浮起来的东西(浮动元素)。
盒子们紧紧靠在一起:魔法盒子里的东西会紧紧地排列在一起,不会有多余的空隙。
什么时候会有魔法盒子(BFC)呢?
当我们给盒子加上float属性时,它会变成魔法盒子。
当我们给盒子加上position: absolute或fixed属性时,它也会变成魔法盒子。
当我们给盒子加上display: inline-block、table等属性时,它会变成魔法盒子。
当我们给盒子加上overflow属性,比如hidden,它也会变成魔法盒子。
IFC(Inline Formatting Context,内联格式化上下文)IFC就像我们写字时的一行行文字,这些文字(内联元素)会整齐地排在一起。
一行排开:IFC里的东西会一个接一个地排 ...
闭包
我们先来看一个简单的例子:
123456789101112function outerFunction() { var outerVariable = "我是外部变量"; function innerFunction() { console.log(outerVariable); // 这里可以访问 outerVariable } return innerFunction;}var myClosure = outerFunction();myClosure(); // 输出 "我是外部变量"
在这个例子中,有两个函数:outerFunction 和 innerFunction。innerFunction 是在 outerFunction 里面定义的。当我们调用 outerFunction 时,它返回 innerFunction,并且 innerFunction 记住了 outerVariable 的值。
详细解释
定义外部函数(outerFunction):
12fu ...


