随笔分类 - CSS
摘要：如何在客户端利用html、或js将一个html页面嵌套在另一个页面中 1.IFrame引入 有时候需要把其他地方的页面嵌套到当前的的网站的某个模块中，就可以使用iframe嵌套 <iframe name="content_frame" marginwidth=0 marginheight=0 wid
阅读全文
摘要：一、http_load 程序非常小，解压后也不到100K。http_load以并行复用的方式运行，用以测试web服务器的吞吐量与负载。但是它不同于大多数压力测试工具，它可以以一个单一的进程运行，一般不会把客户机搞死。还可以测试HTTPS类的网站请求。下载地址：http_load-12mar2006.
阅读全文
摘要：如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。dev-server 使用了非常强大的 http-proxy-middleware 包。更多高级用法，请查阅其文档。 在 localhost:3000 上有后端服务的话，你可以这样启用代理：
阅读全文
摘要：零基础开始学习web前端技术，那么没有好的书籍你怎么开始学习呢？作为一个从零开始学习web前端技术的人给大家推荐基本不错的书籍，希望对于刚刚想进入web前端的人有一定的帮助，以下就是给初学web前端最近书籍推荐。 一、《Web前端开发最佳实践》 这本书是前端开发领域的经典之作，是一本扎实前端基本功，
阅读全文
摘要：常常有类比说：人是有操作系统的。譬如我们需要构建自己的操作系统，我们都需要不断升级自己的操作系统 等等... ... 我很认同这个类比。 其实更简单一些说，人就如同一个程序，如果这个系统很烂，体验很差。那他做出来的事情，输出出来的东西，就是一团乱麻，没什么实际价值。 其实我们每个人既是一个系统，同时
阅读全文
摘要：1.使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 onkeyup = "value=value.replace(/[^\d]/g,'')" 2.使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输
阅读全文
摘要：方法一：footer高度固定+绝对定位 html代码： <body> <header>头部</header> <main>中间内容</main> <footer>底部信息</footer> </body> css代码： *{ margin:0; padding:0; } html{ height:1
阅读全文
摘要：网站制作公司数不胜数，每家公司使用域名、服务器的提供商也是不同，制作网站使用代码语言、模板、自主研发的系统都是各不相同。网站整体的设计要好，这个设计，一是指网站的代码设计，最好采用php+MySQL的形式，像目前建站比较流行的Dedecms，Wordpress，都是基于这种开源程序，兼容性比较好。而
阅读全文
摘要：什么是rem单位？ rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（html元素）的font-size。默认情况下，html元素的font-size为16px， rem单位都是相对于根元素html的font-size来决
阅读全文
摘要：html5+css3响应式垂直时间轴，使用了html5标签<section>，时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中，多个div形成一个序列，并把这些div放在<section>中。 PC端: 移动端: html代码： <!DOCTYPE h
阅读全文
摘要：目前来说，Web业务日益复杂化和多元化，前端开发已经由以WebPage模式为主转变为以WebApp模式为主了。现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。工程复杂了就会产生许多问题，比如：如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发质量？
阅读全文
摘要：web网页是由 html标签一层层组成的，js也可以动态添加对应的标签，比如mate标签、script标签、div标签、img标签等，动态创建的方法基本都差不多，下面将简单介绍下如何实现 一：手动添加mate标签 function addMeta(name,content){//手动添加mate标签
阅读全文
摘要：html的textarea内容显示的时候怎么换行？输入的时候换了行，但是读取出来的时候是连在一起的，要怎么才可以显示换行？ 方式一：利用pre 1、在textarea输出的div中添加如下css样式： .content { white-space: pre; } 2、利用<pre>标签来输出text
阅读全文
摘要：所有的颜色都可以由红、绿、蓝三原色调配而成。 css中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256*256*256种颜色。css纵有多种颜色表示： 十六进制表示法： 可表示为：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。 例如
阅读全文
摘要：转换是使元素改变形状、尺寸和位置的一种效果。通过 css3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸，可以大致分为2D转换和3D转换。下面介绍的是2D转换的相关知识点。 首先，css3中2D转换的形式是这样的： 选择器{ transform：转换函数（参数，参数）； } 而2D转换的函数
阅读全文
摘要：1.问题起源 在平时的业务开发写css中，为了满足页面布局，元素的浮动特性我们用的不能再多了。使用浮动的确能够解决一些布局问题，但是也带了一些副作用影响，比如，父元素高度塌陷，我们有好几种可以清除浮动的方法，最常用的就是设置父元素的overflow:hidden这个属性，每次在写代码的时候总是这样写
阅读全文
摘要：1、什么是数据交互格式？ 就是客户端和服务端进行信息传输的格式（xml和json），双方约定用什么格式进行传输，然后解析得到自己想要的值 xml扩展标记语言，属于重量级（第一占宽带、第二解析难） json属于轻量级的数据交互格式（不占宽带，解析很简单） 2、xml和json优缺点 xml优点：格式统
阅读全文
摘要：一个小型的网站，比如个人网站，可以使用最简单的html静态页面就实现了，配合一些图片达到美化效果，所有的页面均存放在一个目录下，这样的网站对系统架构、性能的要求都很简单，随着互联网业务的不断丰富，网站相关的技术经过这些年的发展，已经细分到很细的方方面面，尤其对于大型网站来说，所采用的技术更是涉及面非
阅读全文
摘要：语法 缩进使用soft tab（4个空格）； 嵌套的节点应该缩进； 在属性上，使用双引号，不要使用单引号； 属性名全小写，用中划线做分隔符； 不要在自动闭合标签结尾处使用斜线（html5 规范 指出他们是可选的）； 不要忽略可选的关闭标签； html5 doctype 在页面开头使用这个简单地doc
阅读全文
摘要：css 声明( Declarations ) css 声明可以为空，或者由 css 特性( property )，后加一个冒号 ":"，跟着是一个特性的值构成。中间可以有空格将它们隔开。 可用以下方式表达： property : value; 其中 property 指代的是所有 css 特性，va
阅读全文