前端杂记

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

布局

浏览 88 扫码 分享 2022-10-21 18:12:28
  • table布局
  • css 定义变量
  • css实现三角形
  • css响应式布局
  • 怪异盒模型
  • column //报纸文字排列布局
  • select 多选
  • background与border
  • 文本
  • 元素
  • 显示与隐藏
  • 动画
  • fiex 布局
  • 在页面居中显示

若有收获，就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 网络请求
    • axios
      • 介绍
  • 网安
    • XSS攻击
    • CSRF攻击
  • Demo
    • webSocket-简易聊天室
      • 项目需求
        • 服务端
          • 数据操作模块
          • node主入口
        • 客户端
          • 数据操作
          • 页面操作的封装
        • 页面与功能
  • CSS
    • 布局
      • Grid 布局
      • Flexible Box 布局
  • 数据库
    • 视图
    • 分组
    • 内置函数
    • 联表查询
    • 表的基本查询
    • 数据库设计-待完善
    • Mysql的安装
  • 奇奇怪怪问题
    • window禁止运行脚本
  • node
    • 进程与线程
    • 断点调试
      • 基本的断点调试
    • express-框架
      • 缓存的基本原理
      • 生成验证码
      • 生成二维码
      • 代理
      • 图片
        • 图片防盗链
        • 图片水印
      • 文件上传与下载
        • 文件下载
        • 文件上传
      • 解决跨域
        • 跨域之CORS
          • CORS中间件
          • 实现简单请求与预检请求与携带cookie
        • 跨域之jsonp
      • 认证
        • jwt
          • 登录验证与客户端联动
          • 实现登录与验证
        • session
        • cookie
          • 登录与验证
      • 数据请求日志记录
      • express-router
      • 常用中间件函数
      • express中间件
      • nodemon 监视器
      • 基本使用
      • 介绍
    • 数据驱动和ORM--数据库管理
      • Sequelize
        • 日志记录
        • 时间不统一问题
        • 数据查询
        • 数据抓取
        • 模型增删改与三层模型
        • 模型定义和同步
        • 入门
        • Sequelize简介
    • node模块
      • EventEmitter
      • 生命周期
      • https
        • https模块
        • https协议
      • http模块
      • net模块
      • 文件流
        • 普通数据操作与流式数据操作
        • 可写流
        • 可读流
      • 文件I/O
    • 模块化细节
      • es6模块化
  • 设计模式
    • 单例模式
  • 微信小程序
    • 全局位置：app.json
  • VUE
    • 利用webpack，手动搭建vue应用程序
    • 项目
      • vue2今日任务
        • 困难
      • vue2每日优鲜项目
    • Vue3
      • 共享数据
      • CompositionApi
      • 响应式的变化
        • ReactivityApi
      • 组件的变化
        • Teleport // 变换元素的位置
        • 异步组件
      • 模板的变化
      • 构建工具Vite
        • 效率的提升
        • Vite原理
      • 为何去掉Vue构造函数，vue3的数据响应式的理解
      • 使用vue3制作事件簿
      • vue3的重大变化
      • 搭建工程
    • Vue2
      • 导入css样式文件
      • vueX
        • Vuex_Module
        • Vue-Action
        • Vue-Mutation
        • Vuex_Getter
        • vueX-State
        • vueX简介
      • Vue的实例上都有啥
      • router
        • route简易原理
        • 过渡动效与滚动行为//单页应用的滚动缺陷
        • 路由元信息
        • 导航守卫
        • router-命名视图-路由组件传参
        • 动态路由匹配
        • 编程式导航
        • 路由命名-嵌套路由-重定向-别名
        • router-基础
      • 异步组件
      • 动画与过渡
        • 复用过渡
        • 列表过渡
        • 多元素过渡
        • 单元素过渡
      • 函数式组件--基于jsx
      • jsx
      • 渲染函数
        • 案例
        • render函数的使用
        • 节点、树、以及虚拟 DOM
      • 利用脚手架搭建项目
      • 项目--淘宝商品筛选
      • 项目--任务清单
      • 项目--建议计算器
      • 项目--调查问卷
      • 项目--姓名筛选
      • 项目--全选商品
      • vue-resource--发送数据与接收数据
      • 仿百度搜索联想词
      • b站app首页
      • 项目--日历
      • 项目--树形组件
      • 自定义指令
      • 过滤
      • 混入
      • 组件
        • 通信方式
        • 处理边界情况
          • 控制更新
          • 模板定义的替代品
          • 循环引用
          • 程序化的事件侦听器
          • 访问元素 %26 组件
        • 动态组件
          • keep-alive--缓存之前的状态
        • 插槽--slot
          • 插槽--slot--需要重新翻新
        • 监听组件事件-$emit
        • prop--向子组件传递数据
          • 非prop特性
          • 单向数据流
          • prop 验证数据
        • 组件基础
      • 生命周期
      • template与el与$mount的区别
      • 数据的请求与发送
        • Axios
          • axios 拦截器-错误处理-取消
        • vue-resource 很不幸，Vue官方已不再维护这个库了
      • 侦听器--watch
      • 计算属性--computed
      • v-model //表单元素数据双向绑定
      • 小练习
      • 列表渲染--v-for
        • 项目--列表循环
        • 缺陷无法与v-if无法同时使用
        • key //解决v-for的就地更新
        • 缺陷--就地更新
      • v-on指令的修饰符
      • v-on指令
      • v-bind 指令
      • 条件渲染
      • 相关指令
      • 响应式原理
      • veu的响应式--数组与对象
      • vue的响应式--数据
      • 开始使用
  • 自动化构建工具--gulp
    • 案例--音乐播放器
  • js兼容性
    • babel
      • webpack中使用
      • babel插件 //plugins
      • babel预设 //presets
  • CSS工程化
    • 分离css
    • PostCss
      • 在webpack使用PostCss
    • 预编译器-less
      • less在webpack中使用
    • css-in-js
    • css命令规范-BEM
    • webpack 拆分css代码
      • css-moudle
  • webpack--注重于模块化开发
    • 错题
    • 性能优化
      • 其他优化
        • 不确定的动态依赖
        • 压缩//gzip
        • 生成bundle视图
        • Eslint
      • 传输优化
        • 懒加载
        • 压缩
        • 分包
          • 自动分包
          • 手动分包
      • 构建性能
        • 热替换
        • 优化loader性能
        • 减少模块解析
    • 常用扩展
      • 小案例-查询城市
      • 获取location中的参数
      • webpack内置插件
      • 普通文件处理
        • 路径问题
      • 开发服务器
      • 复制静态资源
      • 生成HTML页面
      • 清除输出目录
    • 其他配置
    • 区分环境
    • plugin
      • 手写插件-添加文件列表
    • loader
      • loader 处理图片
      • loader处理样式
    • 入口与出口
    • webpack 编译过程
    • devtool配置
    • webpack配置文件
    • webpack编译结果分析
    • 酷炫数字查询效果
    • webpack的模块化兼容性
    • webpack的安装与使用
    • 如何在浏览器实现模块化
  • 包管理器
    • pnpm
      • pnpm 原理
    • nvm
    • yarn
      • yarn简介
      • yarn其他命令
      • yarn的核心命令
    • npm
      • npm错题
      • npm发布包
      • npm其他命令
      • npm环境配置
      • npm脚本
      • 语义版本
      • 实现简易爬虫
      • 包的使用
      • 包的配置文件
      • 包的安装
  • 模块化
    • es6模块化简介
      • es6模块化的其他细节
      • 模块化的基本导出与导入
    • 浏览器端模块化
      • AMD
      • CMD
    • CommonJs / node端模块化
  • 算法
    • 二叉树练习题
      • 257. 二叉树的所有路径
    • 优先搜索
      • bfs
        • 126. 单词接龙 II
    • 常用排序
      • 快速选择
        • 215. 数组中的第K个最大元素-中等
      • 冒泡排序
      • 插入排序
      • 归并排序
      • 快排
    • 二分算法
      • 540. 有序数组中的单一元素-中等
      • 154. 寻找旋转排序数组中的最小值 II-困难
      • 81. 搜索旋转排序数组 II
      • 34. 在排序数组中查找元素的第一个和最后一个位置-中等
      • 69. x 的平方根-简单
    • 双指针
      • 滑动窗口
        • 76. 最小覆盖子串-困难
      • 快慢指针
        • 142-环形链表 II
      • 普通双指针
        • 524. 通过删除字母匹配到字典里最长单词-中等
        • 680. 验证回文字符串 Ⅱ-简单
        • 633. 平方数之和-中等
        • 88. 合并两个有序数组-简单
        • 167. 两数之和 II - 输入有序数组-简单
      • 算法解释
    • 贪心算法
      • 665-非递减数列
      • 406-根据身高重建队列-中等
      • 122-买股票的最佳时机2-简单
      • 763-划分字母区间-中等
      • 452-用最少数量的箭射爆气球-中等
      • 605-种花问题-easy
      • 435-无重叠区-中等
    • 力扣算法题
      • 两数之和
    • 算法的衡量标准
      • 空间复杂度
      • 时间复杂度
        • 参考文章2
        • 参考文章1
      • 复杂度
    • 动态规划
      • 青蛙跳台阶进阶版本
      • 青蛙跳台阶
    • 图
      • 何为图
      • 图的深度优先搜索
        • 417. 太平洋大西洋水流问题-中等
        • 547. 省份数量-中等
        • 695. 岛屿的最大面积-中等
        • 回溯
          • 46. 全排列-中等
          • 回溯
      • 图的广度优先搜索
    • 树的广度优先搜索
    • 树的深度优先搜索
    • 红黑树
      • 红黑树概念
      • 红黑树前置--234树
      • 平衡二叉树
        • 解决二叉树不平衡--单旋
          • 二叉树的双旋（左左双旋，右右双旋）
          • 二叉树的双旋（左右双旋，右左双旋）
      • 二叉搜索树
        • 二叉搜索树的应用
        • 构建二叉搜索树
    • 图的最小生成树
      • 克鲁斯卡尔算法 // 加边法
      • 普里姆算法 //加点法
    • 二叉树
      • 二叉树的比较
        • diff算法
        • 二叉树左右子树互换比较
        • 二叉树左右子树无互换的比较
      • 二叉树的搜索
        • 广度优先搜索
        • 深度优先搜索
      • 二叉树的遍历
        • 代码实现还原二叉树
        • 后序遍历
        • 中序遍历
        • 前序遍历
      • 二叉树之子树的概念
      • 二叉树之完全二叉树
      • 树形结构
      • 二叉树之满二叉树
    • 二维数据结构
    • 栈与队列
    • 标准快排排序
    • 快速排序
    • 选择排序
    • 冒泡排序
    • 数据结构与算法
    • 线性数据（一维数据结构）
      • 线性数据结构之数组
      • 线性数据结构之链表
        • 双链表
        • 链表的遍历与逆置
  • git
    • git将本地项目推送到远程仓库
    • 克隆GitHub仓库中所有分支的文件
    • git 项目部署
    • git 简易配置
    • 出错问题
  • Bootstrap
    • 杂记
    • Sticky top
    • Display
    • 资料
    • content
      • Image
      • Reboot(重置)，Typography(排版)，Code(代码)
    • layout
      • 栅格系统
      • 栅格系统-2 / layout
    • 响应式原理 //@media
  • 插件 / demo
    • 京东首页logo动画
    • jq抢购倒计时插件
    • jq轮播图插件
  • H5
    • worker 真多线程
    • history
    • 优化动画
    • 陀螺仪
    • 四行写个服务器
    • 获取地理位置
    • video
    • SVG
    • canvas
      • 操作img
      • 案例
        • canvas鼠标跟随效果
        • 图片高斯模糊
        • canvas绘制雪花
      • 线段样式
      • 渲染文字
      • shadow
      • 放射性渐变
      • 线性渐变
      • 填充背景
      • save or restore
      • 平移 旋转 缩放
      • 贝塞尔曲线
      • arc
      • rect
    • 语义化
    • 属性
  • 杂记
    • contenteditable
    • alt与title的区别
    • DOCTYPE的作用,标椎模式，混杂模式
    • 一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？
    • Web前端应该从哪些方面来优化网站性能
    • web标准指的是什么
    • 介绍JavaScript语言特点
  • lodash
    • by 与 With 的区别
  • 算法
    • 计算从哪个方向移入元素
    • 二分算法
  • 网络
    • Restful API
    • http是什么
    • Ajax
    • get与post
    • 跨域
      • 在Promise使用jsonp
  • 公式
    • 物体下落的距离
  • 布局
    • table布局
    • css 定义变量
    • css实现三角形
    • css响应式布局
    • 怪异盒模型
    • column //报纸文字排列布局
    • select 多选
    • background与border
    • 文本
    • 元素
      • 选择元素拓展
      • 伪元素
      • h5
      • 音频元素
    • 显示与隐藏
    • 动画
      • 实现字体镂空
      • text-shadow //文本阴影
      • 圆角//border-radius的拓展
      • 渐变
      • 阴影：box-shadow
      • perspective // 景深
      • filter // 滤镜
      • transition // 过渡
      • transform
        • matrix //矩阵
        • skew//倾斜
        • scale //伸缩
        • rotate // 旋转
      • animation //关键帧动动画
    • fiex 布局
  • js/函数的本质就是对象
    • 函数
      • call，apply与bind
        • 手写bind
        • 手写call函数
      • 函数声明与函数表达式
      • 构造函数
        • 什么是构造函数
        • 实例属性(方法) 静态属性(方法)
    • js机制
      • 尾调用优化
      • 包装类型
      • new关键字都干啦啥
    • 运算符
      • 复杂运算
    • 语法基础
      • 对象
        • 属性
      • 语法糖
      • 变量
      • 数据
        • 数据类型
          • 小数类型运算不准确的原因
          • 原始类型与引用类型存取数据的区别
          • nan,null 与 undefined
          • 原始类型与引用类型
    • defineProperty与prototype
    • 操作符
    • 表单的操作
    • 关于动画的api
    • 事件循环
    • 面向对象简介
    • es6
      • 数组扩展
        • 类型化数组
          • ArrayBuffer
          • 制作黑白图像
          • 如何接受并处理二进制信息
        • 数组扩展api
      • 代理与反射
        • 属性描述符or存取器属性
        • Reflect-反射
        • Proxy -代理
          • 可验证的函数参数
          • 偷懒的构造函数
          • 观察者模式
      • 更多集合类型
        • Map
          • 初探Map
          • 手写Map
        • set集合
          • 初探set集合
          • Set应用
          • 手写Set
      • WeakSet 和 WeakMap
      • 迭代器与生成器
        • 迭代器
          • 初探迭代器
          • 可迭代器协议与for-of 循环
        • 生成器
          • 初探生成器
          • 生成器应用-异步任务控制
      • Fetch Api 概述
        • 基本使用
          • 文件上传
          • Headers 对象
          • Response 对象
          • Request 对象
        • Fetch Api 并非 ES6 的内容，属于 HTML5 新增的 Web Api
      • 异步
        • 异步处理的通用模型
        • Promise
          • promise 练习
          • async与await
          • Promise的其他api
          • Promise 串联
      • 符号
        • 普通符号
        • 共享符号
        • 知名符号
      • 解构
        • 解构对象
        • 解构数组
        • 参数解构
      • 对象
        • 类：构造函数的语法糖
          • 类的继承
        • api
        • 对象字面量语法
      • 函数
        • 箭头函数
        • 判断函数是否使用new的方式来调用函数
        • 展开运算符
        • 剩余参数
        • 参数默认值
      • 扩展 模板字符标记
      • 更多字符串/正则中的粘连标记
      • 码元与码点
      • 声明变量与块级作用域
    • 阻止默认事件
    • Restful API 简单介绍
    • 储存 cookie / Storage
    • 资料
    • 对象混合
    • 执行上下文与作用域链
    • 继承 //圣杯
    • window
    • 原型
    • localhost 对象
    • 错误
    • 递归/与时间线
    • 类 /包装类 / 静态属性与成员属性
    • 运动
      • 模拟重力场
      • 弹性运动
    • data //自定义属性
    • 节流%26%26防抖
    • 函数式编程/ 柯里化 || 函数管道
    • 克隆 //纯函数
    • 判断
    • 正则表达式
    • 事件
      • 键盘事件
      • 事件处理模型 -冒泡-捕获-以及事件委托
      • 鼠标事件
    • 文本
      • string
      • 数组
        • 数组的遍历与排列顺序
        • 数组的添加/截取/删除
        • 数组的 过滤 拆分 重组 拼接
      • Number
        • Math
    • 元素
      • 获取css属性
      • 距离与位置
        • 滚动条
    • 定时器
    • this 指向
  • jQuery
暂无相关搜索结果！

    让时间为你证明

    展开/收起文章目录

    分享，让知识传承更久远

    文章二维码

    手机扫一扫，轻松掌上读

    文档下载

    请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度
        思维导图备注