- 博客(17)
- 收藏
- 关注
RSS订阅原创 BFC 让浮动盒子撑起父盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BFC</title> <style> body { /* 谷
2020-12-02 15:07:35
213
原创 JSON
前言：遇到一些复杂的数据处理的问题，让人觉得有点头大，先从了解数据格式开始，再到利用数组和对象的一些方法处理。 在处理问题时，应该明确自己的最终目的，再考虑已有资源，再思考处理问题的方法 json是什么？ json是一种数据的格式，是通用的，不仅仅是在javascript中出现 json能支持的值 除了undefined，它可以接受简单的j基本类型的值，还有对象等引用类型的值 解析与序列化（重） JSON.stringify() JSON.parse() 将一个对象利用json.stringi
2020-10-25 21:50:41
150
原创 HTMLCSS面试题1
h5新特性 css3新特性 iframe标签（缺点） h5的离线缓存（manifest） h5的本地存储（cookie，sessionstorage，localstorage的区别） viewport meta 响应式布局 seo的优化 渲染优化 js引入位置的区别 css优先级计算 让内容水平居中 垂直居中方案 BFC CSS优先级 文档类型声明 浏览器渲染机制 CSS盒模型 浏览器兼容性问题 清除浮动的方法 初始化CSS 边距塌陷 圣杯布局和双飞翼布局 https://blog.csdn.net/q.
2020-08-29 21:14:58
105
原创 2020-08-28 面试题
1. H5应用缓存和浏览器缓存的区别 H5引入了应用缓存的概念，就是离线缓存 提高性能，借助manifest文件实现 使用 引入 <html manifest="test.appache"> https://www.w3school.com.cn/html5/html_5_app_cache.asp 编写manifest文件 manifest文件 CACHE MANIFEST 文件将在首次下载后进行缓存 NETWORK 文件需要与服务器的连接，且不会被缓存 FALLBACK
2020-08-29 00:47:53
188
原创 2020-8-27
1. html5的新特性 https://www.w3school.com.cn/html5/index.asp 语义化标签 header footer nav section article aside details summary dialog 增强型表单 input的type：color date datetime email month number range search tel time url week 新增表单元素 datali
2020-08-28 00:53:16
227
原创 2020-08-25
1. BFC BFC 块级格式上下文 独立的容器 1.1触发BFC body 浮动元素：float除none以外的值 绝对定位 position(fixed absolute) display inline-block table-cells flex overflow 除了visible以外的值（hidden，auto，scroll） 1.2 边距塌陷 外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，不过只有上下外边距才会有塌陷，左
2020-08-27 18:34:28
263
原创 2020-08-15 学习笔记
DOM简单操纵 Ajax 基础 Mockjs+Node 模拟数据 信息过多用… // https: //www.bilibili.com/video/BV1ZE411c7yM?p=60 DOM 文档对象 DOM 树 文档：一个页面就是一个文档 元素：页面中所有标签 节点：网页中所有内容 1.获取元素 根据ID //返回 匹配到id的DOM Element对象 没有则null document.getElementById(id); 根据标签 //返回 获取元素对象集合 伪数组 var lis
2020-08-16 03:11:16
117
原创 rem布局
em单位：根据父元素的font-size设置大小 rem：根据html元素的font-size设置大小 默认html16px rem+媒体查询 @media screen and （min-width：320px）{ html{ font-size:100px; } } 怎么使用rem 1. 根据标准稿件来定义html的font-size属性 2. .划等分 3. 适配不同的设备 要怎么理解这个过程 以下模拟一下 假设拿到了一张设计稿 750px 我想将它划分为
2020-08-14 02:29:08
128
原创 JS数组
1.创建数组 数组文本var dogs = ['pony', 'jerry'] newvar dogs = new Array('pony','jerry'); 注意 2. 访问数组元素 通过索引号访问 3. 添加数组元素 push length属性 4. 关联数组 命名索引的数组 js不支持，只支持数字索引 数组和对象的区别js 数组数字索引，对象命名索引 5. 如何识别数组 typeof 返回的 Object isArray() instanceof 重写isArray(
2020-07-10 20:08:07
241
原创 Node博客项目——登录退出功能
Node博客项目——登录退出功能 1.案例初始化 2.登录 初始化用户，连接数据库，创建用户集合，添加数据 设置路由 表单提交路径，name传值，服务端req.body获取传来的值 提交前，客户端进行验证，提交后服务器端验证。 服务端接受数据 与 服务器端查询数据库中的邮箱进行比对，若存在，再比对密码，比对成功，登录成功。 登录密码加密 使用模块const bcrypt = require('bcrypt'); 登录无状态解决方案cookie session 3. 代码 准备：模板模块化，将公共部分
2020-05-10 14:47:27
757
原创 Ajax01
Ajax01 Ajax 是什么，Ajax能干嘛，Ajax实际使用 1.Ajax概述 Ajax 是浏览器提供的一套方法 主要是为了解决传统网站中的一些问题 提高用户的体验 客户端发送请求 服务端给出响应 Ajax在这中间充当了代理人 Ajax 相当于浏览器发送请求与接收响应的代理人 传统网页的问题？ 提高用户体验？ 常见应用场景？ 传统网页的问题 网速慢，页面加载时间长 更新内容，...
2020-05-01 17:01:28
142
原创 响应式布局
响应式布局 一 媒体查询 @media 设备 and （表达式）{ /* 样式*/ } 在电脑显示器上宽度小于等于768时 body背景颜色为pink @media screen and (max-width:768px){ body{ background-color:pink; } } 建议：移动端优先首先使用的是min-width，PC端优先使用的max-width 二 ...
2020-04-14 11:33:59
137
原创 图的遍历DFS和BFS
图的遍历DFS和BFS无向图 无向图 #include<stdio.h> #include<stdlib.h> #define MAXVEX 30 int visited[MAXVEX]={0};//遍历算法前的顶点皆未被访问 typedef struct{ char vexs[MAXVEX];//顶点表 int AdjMatrix[MAXVEX][MAX...
2020-03-26 00:32:28
153
原创 Vue学习组件化
Vue学习笔记----组件化组件的创建私有组件组件中的data 组件的创建 Vue.extend创建全局Vue组件 <body> <div id="app"> <!-- 如果要使用组件，直接把组件的名称 以HTML标签的形式 引入到页面中 --> <my-com1></my-com1> ...
2020-03-21 22:56:38
127
原创 web app(HTML5/CSS)相关知识
移动Web离线应用 什么 是离线应用 没有网络下使用应用程序缓存功能使web应用可以继续工作 Application接口有哪些优势 实现离线浏览 更快的加载速度 服务器负载更少 ApplicationCache与WebStorage区别 webstorage 浏览器缓存 Application Cache 存储静态资源 离线存储和浏览器存储的区别： 离线存储为整个web提供服务...
2020-03-03 13:36:02
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人