01 2017 档案
摘要：来源：https://segmentfault.com/a/1190000006636138 作者：https://segmentfault.com/u/leftstick 背景 说起工程人员/团队应该具备的“常识”，真正促使我认真思考这个问题，还是因为知乎的一篇贴跟没有常识的人聊天是一种怎样的体验
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head> <style type='text/css'> .circle{width:200px;height:200px;p
阅读全文
摘要：display:inline-block产生间隙，是由于换行在内的空白符 display:inline-block在IE下仅仅是触发了layout，而它本是行布局，触发后，块元素依然还是行布局。所以需让块元素呈递为内联对象，display:inline则起到了这一作用（*号只被ie6、7所识别），然
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table</title> <style type="text/css"> tr td{font-size:30px;color:#000;text-align:c
阅读全文
摘要：<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta
阅读全文
摘要：Flex 布局教程：实例篇 作者： 阮一峰 日期： 2015年7月14日 作者： 阮一峰 日期： 2015年7月14日 上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教
阅读全文
摘要：Flex 布局教程：语法篇 作者： 阮一峰 日期： 2015年7月10日 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不
阅读全文
摘要："tabBar": { "backgroundColor": "#ffffff", "color": "#000000", "backgroundTextStyle": "dark", "list": [ { "pagePath": "pages/index/index", "text": "首页"
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片文字，垂直水平居中显示</title> <style type="text/css">.picbg{ background-size: contain;disp
阅读全文
摘要：rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0. 微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*.m-demo {float: left;display: inline; m
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html,body{width:100%;height:100%;overflow
阅读全文
摘要：在移动前端制作中，很多新的css3特性能够帮助我们更好的制作。例如这个垂直水平居中问题，就有一个简单的代码可以解决： 利用CSS3的transform:translate .center{ width:50%; position: absolute; top: 50%; left: 50%; -mo
阅读全文
摘要：Web前端助手（FeHelper） 本插件提供了chrome和sougou浏览器两个版本，其中sougou浏览器版本属于简版，只包含部分工具，代码较简单；重点维护的，还是chrome版本 一、官网地址 http://www.baidufe.com/fehelper 二、扩展安装地址： 1、官方安装地
阅读全文
摘要：出自:http://blog.csdn.net/longyulu/article/details/9159589 一、设计模式的分类 总体来说设计模式分为三大类： 创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式，共七种：适配器模式、装饰器模式、代理模式、
阅读全文
摘要：IE: filter: progid: DXImageTransform.Microsoft.Alpha(style=0,opacity=60); IE: filter: alpha(opacity=10); FF: opacity:0.6; FF: -moz-opacity:0.10; 最好两个都
阅读全文
摘要：使用教程 接下来设计达人网小编为大家讲解这个使用方法，其实是相当简单的。 STEP 1: 复制你想要的SVG加载动画代码到<body>里面，小编随意复制一个代码如下：<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
阅读全文
摘要：现在到处都是JavaScript，每天都能知道点新东西。一旦你入了门，你总能从这里或是那里领悟到很多知识。 一旦我发现一些有意思的东西，我喜欢去感觉他们的源代码，看一看它是怎么办到的。 今天我想分享Addy Osmani的一行代码 ，这行代码对于你调试你的CSS是很有用的。为了可读性，我把它变成了3
阅读全文
该文被密码保护。
摘要：1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });}); 2. 隐藏搜索文本框文字Hide when clicked in the search fi
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页脚固定在底部显示</title> <style type="text/css"> *{ margin: 0;padding: 0; } html,body{hei
阅读全文
摘要：“浏览器模式”、“文档模式”选项的区别如下： 1、“浏览器模式”用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理（User-Agent）字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能，这样就可以向不同的浏览器返回不同
阅读全文
摘要：两个以上，要更改端口号。1 下载tomcat的压缩包（不是安装的那种，直接解压缩就能用的）下载地址：http://tomcat.apache.org/download-55.cgi 下载好的文件名是：apache-tomcat-5.5.23.zip2 解压缩。我解压缩到了C:\分别是C:\apach
阅读全文
