一、flex布局 顶部，底部固定，中间自适应(中间左固定，右自适应)。 <body> <div class="container"> <div class="header"></div> <div class="content"> <div class="left"></div> <div clas ...
分类：
Web程序 时间：
2020-06-07 10:59:54
阅读次数：
64
在 这里 display:flex 需要兼容性处理，webpack 编译打包时，需要使用 postcss-loader 这个loader 和 postcss-preset-env 这个插件，它帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼 ...
分类：
Web程序 时间：
2020-06-05 10:21:41
阅读次数：
83
在flex容器中默认存在两条轴，水平主轴和垂直的交叉轴，这是默认设置，当然可以通过修改相关属性使垂直方向变为主轴，水平方向变为交叉轴，在容器中，每个单元块称为flex item，每个flex item占据主轴空间为main size，占据交叉轴空间为cross size。 Flex容器 首先实现fl ...
分类：
Web程序 时间：
2020-06-05 01:09:43
阅读次数：
86
前言 我曾一度觉得总写css的前端很low，有了这种思想以后我便远离网页布局，H5的工作更不想接，沉迷于页面逻辑和封装组件。直到最近我面试，面试官说我css3理解的不熟，我起初很不屑，但后来静下来反省了一下并不是我不熟，只是我开始瞧不上网页制作这种工作了，问我css问题时，我感觉就像是再问一个老粉刷 ...
分类：
Web程序 时间：
2020-06-04 21:55:27
阅读次数：
82
css 如何水平垂直居中，请尽量多说几种方法？很尴尬，我多次面试都被问到这个问题，fuck 定位（回答了）、table-cell布局、flex布局、translate+relative定位 w3c和ie盒模型区别 我回答反了 尴尬 jquery jquery中如何只实现一次事件绑定 $('dom') ...
分类：
其他好文 时间：
2020-06-04 21:49:39
阅读次数：
135
一、实验目的 1）掌握单元测试的方法 2) 学习XUnit测试原理及框架； 3）掌握使用测试框架进行单元测试的方法和过程。 二、实验内容与要求 1）源码 #include "stdio.h" #include "string.h" #include "windows.h" #include "tim ...
分类：
其他好文 时间：
2020-06-03 20:07:23
阅读次数：
53
开放文档 基本框架 一个小程序主体部分由app.js app.json app.wxss三个文件组成，必须放在项目的根目录。每个页面page包含js、json、wxml、wxss四个文件。 渲染层：WXML+WXSS（类似于HTML+CSS） text组件 展示文字 image组件 展示图片 vie ...
分类：
微信 时间：
2020-06-03 20:06:16
阅读次数：
133
前言 在看阮一峰老师的Grid网格布局教程的时候，突然想起一件事，在上家公司（久其）工作的时候做NP平台首页部分，leader实现了一个根据解析不同角色元数据配置从而加载不同首页模块信息的功能，当时我看代码的实现是用table标签实现的，用colspan、rowspan控制单元格的布局，而元数据的配 ...
分类：
其他好文 时间：
2020-06-03 18:49:27
阅读次数：
75
Float 布局 给子元素加上float:left 给父元素加上clearfix .clearfix::after{ content: ''; display: block; clear:both; } Flex 布局 给父元素加上 display:flex; 给父元素加上 justify-cont ...
分类：
其他好文 时间：
2020-06-03 13:52:47
阅读次数：
48
flex布局基础知识文档 基础知识 概念 ： 一个有效的布局方式，即使不知道视窗的大小或者元素未知的情况下智能的，灵活的调整和分配元素和空间两者之间的关系 特性 默认水平对齐 默认不换行 默认使所有子元素占满一行，并自动调整子元素的大小(改变默认宽度) 包含概念： flex布局容器(display为 ...
分类：
其他好文 时间：
2020-06-02 19:21:38
阅读次数：
151
