随笔分类 - 前端
摘要：hammerjs是什么 hammerjs是一个短小精悍的库，他可以让我们轻松的实现移动端上的手势。 hammerjs的两大优势如下： 为什么使用hammerjs 诚然，我们可以通过touch的四个事件等来完成相同的功能，但是不可避免的会比较麻烦，所以既然前人已经造了这个好轮子，为什么不去使用呢？ 另
阅读全文
摘要：1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About im
阅读全文
摘要：很早以前了解过当元素是固定宽度和高度的时候，水平垂直高居中的方法可以设置margin的负值来使其居中，这个负值是元素的宽和高的一半，比如宽高是100px，那么就用margin-left:-50px;margin-top:-50px这样的写法。但如果这个元素的宽高是用百分比表示呢？ 如果使用百分比来设
阅读全文
摘要：1.正则表达式基本语法 两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。 例子如下： "^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）； "of despair$"：表示所以以"of despair"结尾的字符串； "^abc$"：表示
阅读全文
摘要：PHP 页面跳转： // 只是跳转,所以一定要用die();或者exit;终止下一步操作; header('location:index.php'); exit; // 等待3秒，跳转并刷新 header('refresh:3; url=index.php'); JS 页面跳转： location.
阅读全文
摘要：location.reload() 和 location.replace()的区别和应用: reload 方法，该方法强迫浏览器刷新当前页面。语法： location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。 tr
阅读全文
摘要：另一种设置图片垂直的简单方法： 1.设置DIV的属性 2.设置span的属 3.设置图片的属性 4.HTML的源代码 5.原理： 利用vertical-align实现垂直，决定行高的是行内最高的元素的值。
阅读全文
摘要：ckeditor 的官方网站是 http://ckeditor.com/ 一、使用方法： 1、在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/JavaScript" src="ckeditor/ckeditor.js"></script>
阅读全文
摘要：宋体：SimSuncss中中文字体（font-family）的英文名称 Mac OS的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 Pro：LiHei Pro Med
阅读全文
摘要：从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选)：
阅读全文
摘要：body{word-break: break-all;} *{padding: 0;margin: 0;} img{border: none;} li{list-style: none;} a{text-decoration: none; color: #000;}
阅读全文
摘要：当设置margin-top无效时，要在顶部上面的那个容器设置overflowt：hidden。
阅读全文
摘要：1.div居中对齐 【HTML】 2.div中文字居中 【HTML】 3 div图片居中 【HTML】 4.表格内容居中 【HTML】
阅读全文
摘要：设置透明： transparent，例：比如把边框先设置2个像素的透明边框，当鼠标点击时，改变边框颜色。 img等，行内块元素: 默认底部有3个像素的间隔，转成块元素才能消除这间隔。display:block。
阅读全文
摘要：li的float:left方法显然有一个问题，就是无法居中（水平），只能使用padding-left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。使用这种方法主要是利用li的浮动固定宽度来实现，li的默认display为block，将其这个属性改为inline
阅读全文
摘要：转自： https://segmentfault.com/a/1190000005046830 CSS书写格式 1.格式化代码 1.1文件 [建议]：CSS文件使用无BOM的UTF-8编码 1.2缩进 [强制]：使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。 .selector { margin: 0; padding: 0; } ...
阅读全文
摘要：背景图片位置 ： background-position:值1 值2; (其中值1代表水平方向的位置，值2代表垂直方向的位置) 水平方向可以取默认的left左 center中 right右三个值，也可以写一个具体的偏移数值 垂直方向可以取默认的top上 center中 bottom下三个值，也可以写
阅读全文
摘要：CSS书写顺序 *{ /*显示属性*/ display position float clear cursor … /*盒模型*/ margin padding width height /*排版*/ vertical-align white-space text-decoration text-a
阅读全文
摘要：切片常用快捷键：放大画布 ctrl+加号 或者 同时按住ctrl+alt然后向前滚动鼠标滑轮缩小画布 ctrl+减号 或者 同时按住ctrl+alt然后向后滚动鼠标滑轮拖动画布 按住空格键不放按鼠标左键拖动画布 调出切片工具 C shift+c调出移动工具 V 调出标尺 ctrl+R图片自由变换 c
阅读全文
浙公网安备 33010602011771号