HTML HTML5 "HTML5 – 1.基础" "HTML5 – 2.新元素" "HTML5 – 3.加强版ol" "HTML5 – 4.canvas" CSS CSS3 "CSS3–1.css3 新增选择器" "CSS3–2.css3 响应式布局" 精通CSS第3版 "《精通CSS第3版》（3 ...
分类：
Web程序 时间：
2019-07-02 22:46:35
阅读次数：
127
1.背景介绍 传统的布局解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所 ...
分类：
其他好文 时间：
2019-07-02 21:34:35
阅读次数：
141
模板特色：300多个前端整站demo数据 展示地址： http://www.betheme.cn/ 编码格式：前端Html5+css3响应式，后台PHP，数据库mysql 主机要求：支持php+mysql 汉化程度：主题文件95%以上汉化，插件95%以上汉化 模板用途：各类企业、新闻博客、产品展示、 ...
分类：
其他好文 时间：
2019-07-02 16:03:21
阅读次数：
117
注意： 1. 这个案例，是我写vue项目修改的，所以思路同样适用于vue框架项目。2. 建议先把代码直接复制过去，先看一下效果。 3. 涉及到知识点，flex布局的属性配合使用 ， @media媒体查询的语法 4. 给ul设置 flex-wrap: wrap , 一定要允许li可以换行，我在这个坑里 ...
分类：
其他好文 时间：
2019-07-02 09:19:16
阅读次数：
80
复用 padding bottom 可实现一块区域在窗口尺寸变化使始终保持自适应。对于响应式布局中的图片或视频来说比较有用。 <div style="width: 100%; position: relative; padding bottom: 56.25%;"> <div st ...
分类：
Web程序 时间：
2019-06-30 09:15:05
阅读次数：
150
入口文件 CSS {layout}指向主题布局，您可以选择拥有布局中任意一套。当前提供主题有base和topbar两种。 JavaScript 需在头部引入的js Breakpoints用于响应式布局设置断点，当浏览器进入或退出断点时会触发自定义事件，在复杂布局时非常实用。 说明:Breakpoin ...
分类：
其他好文 时间：
2019-06-29 16:24:45
阅读次数：
126
前端全栈架构，组件式开发，响应式开发，全栈工程师架构，用户界面架构，企业级架构项目实战 ...
分类：
其他好文 时间：
2019-06-28 11:49:24
阅读次数：
149
在发送短信验证码的地方，为了防止用户重复点击（毕竟发送一次需要5分钱成本），往往会将按钮变灰一分钟时间，在这期间，按钮上显示倒计时。这个效果在最新的Angular6中利用内置的RxJS库非常容易实现，只要几行代码就可以实现。RxJS（响应式扩展的 JavaScript 版）是一个使用可观察对象进行响 ...
分类：
其他好文 时间：
2019-06-26 16:32:08
阅读次数：
347
前端布局神器display:flex 个人推荐更灵活的学习方法： https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目 ...
分类：
其他好文 时间：
2019-06-25 09:30:36
阅读次数：
79
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 这是Bootstrap中文文档中提供的栅格系统的定义，大概是什么意思呢，响应式大概是什么意思呢，就是说自动根据屏幕显示窗口的大小来进行布局。 将“行”的clas ...
分类：
其他好文 时间：
2019-06-25 00:08:17
阅读次数：
102
