随笔分类 - Html
摘要：近期由于业务的需求，让我这从未想过要碰Web Gis的业余前端开发者，走了Web Gis的开发道路。功能需求很简单，但却也是让自己难为了好几天。如，应该选择那个Gis框架，Gis框架的兼容性如何，直接Ie哪些版，能不能简单到只有一张图片就行解决问题，等等。。。。。。 在如此多的技术盲点，以及不确定的
阅读全文
摘要：当今大多数的团队都实现了前、后端分支。前端与后端的沟通都是通过接口来实现的（一般情况下都是webapi接口）。这种情况你肯定需要一个接口查询的帮助文档，这个当然用swagger都可以实现。但做为前端开发的我们是否也应该考虑把自己写的组件以帮助文档的方式公开都团队其他人员使用。就像iview，easy
阅读全文
摘要：表单模块可以分为两部分：一是表单的布局，也就是规范表单元素单元的排列位置；二是表单元素，如：输入框、单选、复选、列表组件、搜索组件等，由于列表组件、搜索组件不是单纯的css组件，所以暂且没有实现。 一、表单布局的实现 表单布局分为：表单容器、行、表单元素组（包含元素标题、元素）。并且实现根据屏幕进行
阅读全文
摘要：这段时间在工作中遇到一个看似较为棘手的问题。问题描述：查询报表页面分为上下两部分，上部分为条件输入区域，下部分为报表展示区域。客户要求做到默认满屏（但要动态适应不同的窗体大小，也就是浏览器窗体用户会手动改变其大小），但上部分条件输入区域有动态变化高度的现象。 在遇到上述问题，您是否第一反应就是利用w
阅读全文
摘要：最近业余时间利用hexo为自己搭建一个高度自定义的个人站点，站点发布在github上，访问地址为：https://cqhaibin.github.io/。本博客简单介绍实现此站点的过程。效果图如下 构建此站点最初的目的主要方便自己使用本人开发的tomato time这个小工具。然后在实施的过程中加入
阅读全文
摘要：一、http协议实现缓存 1. 缓存头部 通用缓存、条件缓存、缓存控制三大类 其他缓存头部 Vary | 向服务器请求时以Vary指定的字段来区分内容是否缓存了 data/age | 服务器响应时输出资源的最后响应时间（从本地缓存读取的资源不会有变化，也就是cache-control控制），而304
阅读全文
摘要：一、http方法 二、http常用状态码 1. 100~199信息状态码 2. 200~299成功状态码 3. 300 ~ 399重定向状态码 4. 400~499错误状态码 5. 500~599状态码
阅读全文
摘要：一、简单请求与非简单请求 跨域请求分为简单与非简单请求，同时满足以下两种条件的可以确定为简单请求。 简单请求的请求方法 简单请求的HTTP头信息 二、简单请求处理原理 注意事项 三、非简单请求处理原理 如果请求方法是PUT、DELETE，或者Content-type的类型为applicetion/j
阅读全文
摘要：box-sizing + margin负值 升级双飞翼布局 一、box-sizing属性 二、border-box属性的应用 对双飞翼布局的改造，传统的双飞高度是自适应的。本次通过box-sizing属性的border-box值对双飞翼布局的高度进行定高，从而实现head与footer固定，而中间内
阅读全文
摘要：一、更新注册表 说明： applicationName:表示网页打开时提示的名称 "%1"：表示要传递的参数，只是%1,\"：表示的是转义字符 二、创建一个应用 以下是c#应用程序的代码： 入口位置： 窗体代码： 三、创建一个网页 网页用a标签调用即可：
阅读全文
摘要：目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、缓动效果 学习和利用贝塞尔曲线，默认支持ease，ease-in，ease-out,ease-in-out和linear等 还提供一个cubic-beizer自定义贝塞尔曲线的起点
阅读全文
摘要：目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、自适应内部元素 利用width的新特性min-content实现 width新特性值介绍： fill-available，自动填充盒子模型中剩余的宽度，包含margin、paddi
阅读全文
摘要：在Css中对元素进行水平居中是很简单的，如果他是一个行内元素，对它的父元素应用text-align:center；如果是一个块级元素，就对自身应用margin:auto。然而如果要对一个元素进行垂直居中，想想就头皮发麻。本文主要探索以Css3为基础进行元素的垂直居中，对当下流行的几种技巧不做讨论，原
阅读全文
摘要：目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、条纹背景 利用background为linear-gradient函数实现，linear-gradient取值如下： <angle>：角度，渐变的方向 to left right
阅读全文
摘要：position俗称定位，主要取值及作用如下： static 默认值。没有定位，出现在正常文档流中 absolute 绝对定位，相对于position为absolute、relative、fixed的第一个父元素进行定位 relative 相对定位，相对于其正常位置进行定位 fixed 绝对定位，相
阅读全文
摘要：一、Float的特性 1. 应用于文字围绕图片 2. 创建一个块级框 3. 多列浮动布局 4. 浮动元素的宽度、高度自适应，但可以设置其值。 二、核心解决的问题 文字围绕图片：img标签与多个文本标签放置在一个容器中，如果img浮动，文本标签会围绕图片。 2.1 这是一个问题 浮动元素与正常元素相邻
阅读全文
摘要：四、inline-block 此类元素是inline + block的合体 1) margin和padding都有效；width和height都有效； 1) 还是存在8像素的间隔 2) Block/inline-block元素包裹的inline-block元素，默认超width会换行，hieght撑
阅读全文
摘要：Display在官方定义：规定元素应该生成的框的类型。本文只重点分析常用的6个值：none、block、inline、inline-block、inherit、flex。其他table、list-item等都不再推荐使用。 一、None 此元素不会被显示。主要与visibility属性为hidden
阅读全文
摘要：一、页面可见性（visibility） 主要提供两个属性，一个事件（都在document对象上）：1. 属性： 1.1. hidden：获取或设置当前页面的可见性，boolean值； 1.2. visibilityState: 获取当前页面可见性状态，值为hidden、visibility其中一个2. 事件：visibilityChange：页面可见性发生改变时触发的事件 3. 由于各类...
阅读全文
摘要：一、H5有哪些新特性，移除了哪些元素？如何处理h5新标签的浏览器兼容性问题，如何区分html和html5 1. html5不在是SGL（通用标记语言）的一个子集，而包含了：图像、位置、存储、多任务等功能 2. 新增的图像为canvas类，媒体回放video和audio元素；本地离线存储localSt
阅读全文
