- 博客(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
253
原创 JSON
前言：遇到一些复杂的数据处理的问题，让人觉得有点头大，先从了解数据格式开始，再到利用数组和对象的一些方法处理。在处理问题时，应该明确自己的最终目的，再考虑已有资源，再思考处理问题的方法json是什么？json是一种数据的格式，是通用的，不仅仅是在javascript中出现json能支持的值除了undefined，它可以接受简单的j基本类型的值，还有对象等引用类型的值解析与序列化（重）JSON.stringify()JSON.parse()将一个对象利用json.stringi
2020-10-25 21:50:41
193
原创 HTMLCSS面试题1
h5新特性css3新特性iframe标签（缺点）h5的离线缓存（manifest）h5的本地存储（cookie，sessionstorage，localstorage的区别）viewportmeta响应式布局seo的优化渲染优化js引入位置的区别css优先级计算让内容水平居中 垂直居中方案BFCCSS优先级文档类型声明浏览器渲染机制CSS盒模型浏览器兼容性问题清除浮动的方法初始化CSS边距塌陷圣杯布局和双飞翼布局https://blog.youkuaiyun.com/q.
2020-08-29 21:14:58
181
原创 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
222
原创 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
262
原创 2020-08-25
1. BFCBFC 块级格式上下文 独立的容器1.1触发BFCbody浮动元素：float除none以外的值绝对定位 position(fixed absolute)display inline-block table-cells flexoverflow 除了visible以外的值（hidden，auto，scroll）1.2 边距塌陷外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，不过只有上下外边距才会有塌陷，左
2020-08-27 18:34:28
299
原创 2020-08-15 学习笔记
DOM简单操纵Ajax 基础Mockjs+Node 模拟数据信息过多用…// https: //www.bilibili.com/video/BV1ZE411c7yM?p=60DOM 文档对象DOM 树文档：一个页面就是一个文档元素：页面中所有标签节点：网页中所有内容1.获取元素根据ID//返回 匹配到id的DOM Element对象 没有则nulldocument.getElementById(id);根据标签//返回 获取元素对象集合 伪数组var lis
2020-08-16 03:11:16
144
原创 rem布局
em单位：根据父元素的font-size设置大小rem：根据html元素的font-size设置大小 默认html16pxrem+媒体查询@media screen and （min-width：320px）{ html{ font-size:100px; }}怎么使用rem1. 根据标准稿件来定义html的font-size属性2. .划等分3. 适配不同的设备要怎么理解这个过程以下模拟一下假设拿到了一张设计稿 750px我想将它划分为
2020-08-14 02:29:08
159
原创 JS数组
1.创建数组数组文本var dogs = ['pony', 'jerry']newvar dogs = new Array('pony','jerry');注意2. 访问数组元素 通过索引号访问3. 添加数组元素pushlength属性4. 关联数组 命名索引的数组 js不支持，只支持数字索引数组和对象的区别js数组数字索引，对象命名索引5. 如何识别数组typeof 返回的 ObjectisArray()instanceof重写isArray(
2020-07-10 20:08:07
287
原创 Node博客项目——登录退出功能
Node博客项目——登录退出功能1.案例初始化2.登录初始化用户，连接数据库，创建用户集合，添加数据设置路由表单提交路径，name传值，服务端req.body获取传来的值提交前，客户端进行验证，提交后服务器端验证。服务端接受数据 与 服务器端查询数据库中的邮箱进行比对，若存在，再比对密码，比对成功，登录成功。登录密码加密 使用模块const bcrypt = require('bcrypt');登录无状态解决方案cookie session3. 代码准备：模板模块化，将公共部分
2020-05-10 14:47:27
816
原创 Ajax01
Ajax01Ajax 是什么，Ajax能干嘛，Ajax实际使用1.Ajax概述Ajax 是浏览器提供的一套方法主要是为了解决传统网站中的一些问题提高用户的体验客户端发送请求 服务端给出响应 Ajax在这中间充当了代理人 Ajax 相当于浏览器发送请求与接收响应的代理人传统网页的问题？提高用户体验？常见应用场景？传统网页的问题网速慢，页面加载时间长更新内容，...
2020-05-01 17:01:28
170
原创 响应式布局
响应式布局一 媒体查询@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
177
原创 图的遍历DFS和BFS
图的遍历DFS和BFS无向图无向图#include<stdio.h>#include<stdlib.h>#define MAXVEX 30int visited[MAXVEX]={0};//遍历算法前的顶点皆未被访问 typedef struct{ char vexs[MAXVEX];//顶点表 int AdjMatrix[MAXVEX][MAX...
2020-03-26 00:32:28
199
原创 Vue学习组件化
Vue学习笔记----组件化组件的创建私有组件组件中的data组件的创建Vue.extend创建全局Vue组件<body> <div id="app"> <!-- 如果要使用组件，直接把组件的名称 以HTML标签的形式 引入到页面中 --> <my-com1></my-com1> ...
2020-03-21 22:56:38
161
原创 web app(HTML5/CSS)相关知识
移动Web离线应用什么 是离线应用没有网络下使用应用程序缓存功能使web应用可以继续工作Application接口有哪些优势实现离线浏览更快的加载速度服务器负载更少ApplicationCache与WebStorage区别webstorage 浏览器缓存Application Cache 存储静态资源离线存储和浏览器存储的区别：离线存储为整个web提供服务...
2020-03-03 13:36:02
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人