摘要：
当自己的网站应用流畅运行之后，下一步您就需要让它看起来更美观生动。本文列举了21种实用的JavaScript和css库，可帮助您实现更加酷炫的效果。 1. Algolia 如果您想在自己的网站上添加具有自动完成功能的表单，那么您肯定会用到这个库。由于其精准和快捷的特点，我非常喜欢它带有的地图功能。这 阅读全文
摘要：
本文主要收集一些移动web开发中常见的问题和解决办法，在日常的工作中遇到新的问题会不定时更新到文章中。 屏蔽阴影： -webkit-appearance:none 亲测，可以同时屏蔽输入框怪异的内阴影，解决iOS下无法修改按钮样式，测试还发现一个小问题就是，加了上面的属性后，iOS下默认还是带有圆角 阅读全文
摘要：
如何在客户端利用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，都是基于这种开源程序，兼容性比较好。而 阅读全文
摘要：
1.在input 或 textarea中加属性 maxlength="10" 2.js判断 function limitImport(str,num){ $(document).on('input propertychange',str,function(){ var self = $(this); 阅读全文
摘要：
什么是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优点：格式统 阅读全文