linxner的博客

在水平对齐方法中display inline-block是一种很方便的方法，但是使用时会有一点小瑕疵。当子元素标签与标签之间存在空格：<div class="box"> <div class="box1">盒子一</div> <div class="box2">盒子二</div>&lt

最近想自己搭一个网站，但仅仅会前端还是有点做不到实际情况中的前后端交互，就自己瞎鼓捣了几个工具，来搭一个简单的网站。工具：        后端处理这种自己做的小网站用 Node是最好不过来（其他语言不会。。），选Express跟Koa都可以，这边我选的是Express，数据库当然也需要来一个，这边我选的是mongoDB：官网；安装的话可以看网上教程，前端可以选个框架，这边平常用的React...

移动端有时候会需要长按保存图片，但当页面中有文字时，长按会出现选中文字时的框，用户会感觉很奇怪。禁止目标文字被选中//在需要禁止选中的文字所在位置加上以下css样式.txt { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-...

pointer-events：auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all默认值：auto，auto：与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同none：元素永远不会...

 通用方法：在你添加了点击事件的元素的样式中加入以下样式，-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 

一、定位1、标准文档流    在HTML文档中，如无任何其他额外规定，元素默认按标准文档流排列，行内元素会一个接一个同行排列，直到排满本行后自动换行；块级元素每一个规定占一整行；每个元素会按其在文档中的位置按顺序排列，此为标准文档流。2、浮动（float）    脱离标准文档流的一种方式，元素会脱离标准文档流，并尽可能的往浮动方向偏移，直到遇到包含它的元素边框或者其他浮动元素的边框...

相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功 能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据Yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。以上是一张...

一、CSS 选择符： 1.id选择器(# myid) 2.类选择器(.myclassname) ；3.标签选择器(div, h1, p) ；4.相邻选择器(h1 + p) ；5.子选择器(ul > li) ；6.后代选择器(li a) ；7.通配符选择器( * ) ；8.属性选择器(a[rel = “external”]) ；9.伪类选择器(a: hover, li:nth-child)；1...

移动端布局要适配各种客户端，稳定的布局就显得比较重要。本文介绍几种常见的采用flex布局简单且稳定的达到预期效果的例子。

     最近写一个H5要求序列帧动画比较多，但是却仅仅是作为装饰，而不对其进行操作，为了减小内存以及更好的性能选择了css动画+css精灵图的方式。1.找工具制作css精灵图。    听说Win系统的css sprite很好用，可惜mac系统不行，所以先安利大家一个插件：gulp.spritesmith，用gulp作为构建工具，可以获得css样式文件，css generator也行，但个...