前端
关注
分享
扫一扫
html+css+js+ajax的学习
那个雨季
这个作者很懒，什么都没留下…
展开
-
复习之盒子模型（二）
border-collapse:collapse; 表示相邻边框合并在一起一般设置的width和height都是内容的宽高产生问题：撑大原来的盒子解决办法：a. 设置的宽高减去原来的盒子b. 通过设置box-sizing: border-box;对于如下问题，设置了儿子的外边距，结果父亲跟着下来了解决方案：a.给父亲添加border,border: #FAEBD7 solid 1px;b.为父亲定义内边距c.为父亲定义overflow:hiddend.儿子浮动e.儿子绝对定位或者固原创 2022-06-02 00:29:50 · 122 阅读 · 0 评论 -
复习之css(一)
/*首行缩进2个字 em 1个em 就是1个字的大小*/ text-indent: 2em; a. 块级元素(block-level)常见的块元素有~、、、、、等，其中标签是最典型的块元素块级元素的特点（1）比较霸道，自己独占一行（2）高度，宽度、外边距以及内边距都可以控制。（3）宽度默认是容器（父级宽度）的100%（4）是一个容器及盒子，里面可以放行内或者块级元素。注意：只有 文字才 能组成段落 因此原创 2022-06-02 00:31:02 · 128 阅读 · 0 评论 -
使用vue脚手架创建项目
1. 安装（目前默认是vue-cli3）npm install -g @vue/clivue create myproject2. 基于vue2.x的旧模板，创建旧版的vue项目vue cli3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具npm install -g @vue/cli-initvue init webpack my-project3.v原创 2022-05-22 22:12:52 · 203 阅读 · 0 评论 -
nodejs实现服务端用户的增删改查（一）
// 搭建网站服务器，实现客户端与服务器端的通信// 连接数据库，创建用户集合，向集合中插入文档// 当用户访问/list时，将所有用户信息查询出来// 实现路由功能// 呈现用户列表页面// 从数据库中查询用户信息 将用户信息展示在列表中// 将用户信息和表格HTML进行拼接并将拼接结果响应回客户端// 当用户访问/add时，呈现表单页面，并实现添加用户信息功能// 当用户访问/modify时，呈现修改页面，并实现修改用户信息功能// 修改用户信息分为两大步骤// 1.增.原创 2022-04-05 19:11:29 · 1139 阅读 · 1 评论 -
js之浅拷贝和深拷贝
<!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-UA-Compatible" content="ie=edge"> <title>D.原创 2022-03-20 19:20:54 · 222 阅读 · 0 评论 -
echarts之地球绘制
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>echarts_3D_earth</title> <script src="./lib/jquery-1.11.3.mi...原创 2021-09-12 21:34:23 · 1596 阅读 · 0 评论 -
Promise之async(四)
1.async的基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript" src="js/axios.js"></script> <scrip原创 2021-08-18 00:18:16 · 234 阅读 · 0 评论 -
Promise之axios(三）
1. axios的基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript" src="js/axios.js"></script> <scr.原创 2021-08-18 00:16:50 · 128 阅读 · 0 评论 -
Promise之fetch（二）
1. fetch的基本使用，fetcg是基于promise的封装的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> /* Fetch API 调用.原创 2021-08-18 00:14:04 · 339 阅读 · 0 评论 -
Promise(一)
1. Promise的基本用法：function foo() { return new Promise(function(resolve, reject){ setTimeout(function(){ // resolve(123); reject('error'); }, 100); }) } // foo() // .then(function(data){ //原创 2021-08-18 00:09:53 · 149 阅读 · 0 评论 -
前端：防抖代码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>开始</title> </head> <body> <input id='app' type=text /> <script type="text/javascript"> // 防抖：用于触发请求过于频繁，只取最后一次 input =.原创 2021-06-29 22:32:09 · 364 阅读 · 0 评论 -
js计时器
<!DOCTYPE html><html><head><meta charset="utf-8"><title>计时器</title></head><body><p id='dd'></p><button onclick="clearInterval(ll)">点我停止</button><script>function myFunc原创 2021-06-17 00:15:53 · 68 阅读 · 0 评论 -
AJAX学习笔记之发送请求（一）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="AJAX.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> #table{ text-align: ce原创 2021-05-07 23:42:44 · 113 阅读 · 0 评论 -
css学习之字体，文本（三）
1.字体大小：a. font-size会逐级传递，默认是16pxb. 若单位为em，则表示：相对于直接上级的元素的字体大小来设置大小c.若单位为rem, 相对于html的元素字体大小来设置大小d.百分比，相对于元素自身的大小来设置大小（上级的font-size会传递给子的）结果展示如下：以上可以看出选择器的优先级，id的优先级>class的优先级>标签2.其他字体属性：示例：h1{ /* font-size: 20px; */ /* font-family: "b原创 2021-04-29 22:44:00 · 119 阅读 · 0 评论 -
css学习之元素的高度、宽度、背景颜色、背景图片及位置（二）
三种选择器优先级Id选择器（选一个）class选择器（选多个）元素选择器 （选一种元素）2.尺寸： h1{ background-color: red; /*元素的高度，可以设置固定长度 */ height: 500px; /* 元素的高度，可以设置百分比 */ width: 60%; /*对于单行文本设置line-height=元素的height可以使其居中*/ line-height: 500px; }示例截图：3.背景颜色的详细说明 h.原创 2021-04-23 00:08:50 · 985 阅读 · 0 评论 -
CSS学习之三种引入方式（一）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>CSS学习1</title> <!-- 注意内部和外部引入方式放的顺序不一致覆盖性也不一致，后面的覆盖前面写的，如下就是内部覆盖外部 --> <!-- 外部引入方式 --> <link rel="stylesheet" type="text/css" hr原创 2021-04-22 22:30:25 · 114 阅读 · 0 评论 -
html学习笔记之for表单（五）
form表单，待完善<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="post" > <!-- label中的for属性使用input中的id 可以绑定--> <label for="user">用户名原创 2021-04-18 18:53:41 · 275 阅读 · 0 评论 -
html学习笔记之有序、无序和自定义列表（四）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>列表学习</title> </head> <body> <dl> <dt>HTML列表</dt> <dd> 知识点梳理 <ol> <li> 无序列表原创 2021-04-18 09:53:26 · 106 阅读 · 0 评论 -
html学习笔记之内嵌页面iframe（三）
内嵌页面iframe<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body style="height: 100%"> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">原创 2021-04-18 00:16:44 · 152 阅读 · 0 评论 -
html学习笔记之表单（二）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格的学习</title> </head> <body> <table border="2" align="center" bgcolor="antiquewhite" cellspacing="0" cellpadding="50" width="80%">原创 2021-04-17 17:31:28 · 115 阅读 · 0 评论 -
html学习笔记：常见标签的使用（一）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>学习</title> <script type="text/javascript"> function alertInfo(){ window.alert("学习中") } </script> </head> <body> &原创 2021-04-17 14:33:46 · 84 阅读 · 0 评论