• HTML小记

    1、页面内跳转 当a元素用于页面内的锚点跳转时,应该先为该页面设置一些锚点,而定义锚点有两种办法: 通过a元素的name属性来定义,如:a name="anchor-name"name属性的值就是锚点的名称a 通过其他元素的id属性来定义,如:div id="anchor-name"id属性值可以作为锚点的...

    2018-06-24 02:25:10

  • 深入css布局 (3)完结 — margin问题与格式化上下文

    深入css布局(3) — margin问题与格式化上下文 在css知识体系中,除了css选择器,样式属性等基础知识外,css布局相关的知识才是css比较核心和重要的点。今天我们来深入学习一下css布局相关的知识。 css布局篇已经讲个2篇了,前面我们深入讲解了 盒模型与box-sizing, 元...

    2018-06-24 02:25:07

  • CSS代码检查工具stylelint

    前面的话 CSS不能算是严格意义的编程语言,但是在前端体系中却不能小觑。 CSS 是以描述为主的样式表,如果描述得混乱、没有规则,对于其他开发者一定是一个定时炸弹,特别是有强迫症的人群。CSS 看似简单,想要写出漂亮的 CSS 还是相当困难。所以校验 CSS 规则的行动迫...

    2018-06-24 02:25:07

  • input点击链接另一个页面,各种操作。

    1.链接到某页 input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='filename.html'" / 2.返回(等同后退) input name="Submit2" type="button" class="btn" onclick="location.href='javascript:history.go(-1);'" value="返 回" / 3...

    2018-06-24 02:25:06

  • 关于换行这个动作,win 和 mac 的实现

    \r'是回车,前者使光标到行首,(carriage return) '\n'是换行,后者使光标下移一格,(line feed) \r 是回车,return \n 是换行,newline 对于换行这个动作: unix下一般只有一个0x0A表示换行("\n"), windows下一般都是0x0D和0x0A两个字符("\r\n"), 苹果机(MAC OS...

    2018-06-24 02:25:04

  • 关于如何解决bootstrap table 列 切换 刷新 高度不一

    在使用bootstrap table时候,碰到bootstrap table 列 切换 刷新 高度不一样的问题,如图所示: 解决这个问题很简单,在你的页头加一句!DOCTYPE html 就行了。 解决了.......

    2018-06-24 02:25:03

  • 原生js创建模态框

    1.效果图如下: 2.代码如下: ! DOCTYPE html html head meta charset ="UTF-8" title Test / title style #pageMask { visibility : hidden ; position : absolute ; left : 0px ; top : 0px ; width : 100% ; height : 100% ; text-align : center ; z-index : 1100...

    2018-06-24 02:25:00

  • web前端开发从0到1—html结构与常用标签

    一:html文档标签结构 html/html !--文档片头信息,表示文档内容是用什么标签写的。-- head/head !--head是网页定义网页头部信息,该信息不会显示在网页中,head标签里面可以嵌入其它标签-- title/title !--title标题标签,给自己的网页起一个的名字-- meta !--meta元...

    2018-06-24 02:25:02

  • 全方位分析web前端如何进行性能优化

    前言: 最近刚刚完成项目,空闲一段时间,想起之前有被问起怎么对前端进行性能优化,自己也是脑中零零散散的总不成体系,现特来总结,欢迎补充指教。 1、整体资源 (1)js、css源码压缩 (2)css文件放到文档顶部,js文件放到文档底部 因为浏览器渲染网页是自上而下的...

    2018-06-24 02:24:59

  • 移动优先的响应式布局

    前面的话 随着移动互联网的兴起,不同设备的分辨率相差较大,如果在不同的设置上显示同一个页面,则用户体验差。响应式网页设计是一种方法,使得一个网站能够兼容多个终端,而不用为每个终端制作特定的版本。它使得一个网站可以在任何类型的屏幕上,都可以被轻松地浏览...

    2018-06-24 02:24:57

2