随笔分类 - HTML相关
摘要：问题 Q： 前端显示一张图片，该图片可被重新上传, 后端存储时全部命名为【/照片.jpg】。 当重新上传该图片时，请求详情接口后被更新的图片字段名称返回依旧是【/照片.jpg】，此时页面图片不更新，仍是未更新前的图片，重新刷新页面后图片更新。 如何使页面不刷新就更新图片？ 解答 A： 发生问题的原因
阅读全文
摘要：最近项目中更多的用到了flex布局，以前不太会用，记录一下尝试过程和心得。 定义方法与简单使用 display: flex;（块标签）/display:inline flex;（行内标签） 给某一标签添加上述样式后，即可将此标签设置为flex布局（弹性布局），任何一个容器都可以被指定为flex 布局
阅读全文
摘要：less中文网： "点我" less.bootcss： "点我" 使用方法 1 . 安装less npm install g less 2 . 新建HTML文件和Less文件 新建Less文件的方法 创建新文件 选择Less File 创建后： 3 . 编写HTML代码和Less代码 使用Less中
阅读全文
摘要：cookie是什么？ cookie是前端的本地存储，数据存储到浏览器中。 cookie只能存储4KB左右的数据，当发送网络请求时，浏览器中的cookie同时发送至后台。 没有设置过期时间的，浏览器彻底退出cookie也会清除； 需要设置过期时间的，在过期时间内，永久保存到浏览器中。 创建一条cook
阅读全文
摘要：[TOC] JS(JavaScript) 简介 JS全称:JavaScript JS是面向对象的编程语言,脚本语言 JS的组成部分 EMAScript:ES5 ES6 基础语法和标准性的东西 DOM:文档元素进行操作 BOM:对浏览器进行操作 JS的变量 怎样定义变量? Example : var
阅读全文
摘要：文件结构 css js img index.html 首页 favicon.ico css文件分类： ico图标的使用 网页SEO三大标签 1. 网页的title标签 2. Description标签 3. Keywords关键字
阅读全文
摘要：@[TOC] viewport 流式布局 ~~(不是流石(さすが)布局)你在想啥~~ 正常流式布局 其实就是百分比布局啦 算宽度：本身的宽度/父级的宽度 算高度：本身的高度/父级的高度 定位值： 纵向定位（top、bottom）/定位父级的高度 横向定位（left、right）/定位父级的宽度 盒模
阅读全文
摘要：效果图: 代码: 立方体1: 立方体2:
阅读全文
摘要：效果图： ~~彩千圣天下第一!(小声bb)~~ 代码:
阅读全文
摘要：效果图: 代码: 链接：https://pan.baidu.com/s/1fKhdjXyFukoFcvMP9VhTXQ 提取码：rs2g 图片包: 链接：https://pan.baidu.com/s/1PCJpD_xRrNv_n2uZafQGEw 提取码：5gpv
阅读全文
摘要：效果图 代码: 链接：https://pan.baidu.com/s/1w 7w3rMfT9BSFmzYJA8IqQ 提取码：4x46
阅读全文
摘要：效果图： 代码： 链接：https://pan.baidu.com/s/14Fzd tdeUClb6jhOb3KlMg 提取码：g7g4 工程图片包： 链接：https://pan.baidu.com/s/1T38c9cetpifWoA8HmEgzfw 提取码：3zyf 外挂css样式： 链接：ht
阅读全文
摘要：@[TOC] 表格 标签 表格 table 行 tr 列 td 表头 th 属性 表格间距离 表格的内边距 表格的边框 样式 边框合并 行合并 列合并 display 表单 标签 属性 提交的网址 请求方式 input相关 扩大响应范围 字符 密码 单选框 name value 默认选中 多选框 属
阅读全文
摘要：@[TOC] 目录 标签 块标签 div 无语义标签 分块 p 段落标签 只能嵌套行标签 h1~h6 标题 hr 分割线 br 换行符 ul,ol,li 列表 行标签 img 图片 src alt title span 无语义标签 input type value:默认值 placeholder a
阅读全文
摘要：效果图: 请使用火狐浏览器打开 代码: 链接：https://pan.baidu.com/s/1d1QFoaNGml1e2YDRYD58dQ 提取码：v8q2 图片包: 链接：https://pan.baidu.com/s/17G zCXguplH0xAp6CAb8mQ 提取码：zdmf
阅读全文
摘要：效果图: 代码: 链接：https://pan.baidu.com/s/1nLxGLVKGP323cM29uktIWg 提取码：b3u3 图片包: 链接：https://pan.baidu.com/s/1an5g76jlA8jqB4OAFnS_5w 提取码：nnb6 请将图片包下载放入工程中 代码使
阅读全文
摘要：代码: 链接：https://pan.baidu.com/s/1kG60uo4RRCdp0ZyUbm6gyw 提取码：en05 css样式: 链接：https://pan.baidu.com/s/15vQQ7o3XyL9xDECmo4HwkA 提取码：7lg4 图片包: 链接：https://pan
阅读全文
摘要：原图 作业效果图 代码文件 链接：https://pan.baidu.com/s/1wZthVywPOLClrP8iSCPjOA 提取码：3kt2
阅读全文
