xjwolaile
- 浏览: 341073 次
- 性别:
- 来自: 杭州
-
最新评论
-
幻紫1992：
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992：
就是没有返回顶部的按钮，这个页面、、
[JS代码库] -
幻紫1992：
很受用，O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco：
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520：
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
文章列表
Zepto
Zepto，是一个比较有争议的框架，最近一直在做移动端页面开发，一直在用这个框架，今天对于用了这么久的框架来聊聊这个Zepto如何。
Zepto是什么：
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类 ...
//创建一个h1方法里面舒服一个nihao
function h1(){
console.log("nihao");
}
h1();
//三个模版两个是普通的输出 一个是一个简单的for循环在同一个js文件夹里面一起调用
//exports 对象应该方法，但是每一个都是一个独立的没办法整批的书写在同一个里面
exports.ss = function() {
console.log('shenme');
};
exports.sh = function() {
console.log('ni hao');
};
ex ...
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台
Node.js的安装
1、现在到官方网站上下载一个Node.js，根据你的操作系统的，下相对因的版本，然后压缩到任意一个盘，把装Node.js的文件夹改成node
2、运行一个简单的Node.js
创建一个后缀名是.js的文件这个文件需要放在存放node.js的文件里面就是放在node里面在里面输入
console.log("Hello World");
然在在开始里面输入cmd
在输入下面的命令
E：
cd node
node 你的文件名.js
在运行以后以后 ...
Git使用
首先 开启"Git Bash"
输入 ssk-keygen -t rsa -C "注册git上的邮箱和注册邮箱的密码"
然后会在c盘的用户里面 Administrator 里面的.ss文件 里面会有一个是 id_dsa 和 id_dsa.pub
然后直接复制 id_dsa.pub 文件给项目人，让他 ...
首先
1、标签、描述等描述清晰准确
2、网站结构3层树状结构
3、优质的内容
4、从流量看，pc端的流量比移动端多得多
5、 pc的推广链接也比移动端多
页面的补充
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
这个可以让网页在移动端支持
页面的制作上
1、操作尺度-PC上鼠标的操作尺度比较小，点击是一件准确的事情触屏的操作尺度就比较大，点击误差大，所以元素必须往大了做，也不支持hover事 ...
Bootstrap基础排版样式
.col-xs-*
//<768px用col-xs-*表示，在容器里定义它直接默认
.col-sm-*
>=768用col-sm-*表示，在容器里定义它直接默认
.col-md-*
>=970px用col-md-*表示，在容器里定义它直接默认
.col-lg-*
>=1200px用col-lg-*表示，在容器里定义它直接默认
//1 - 12是后面放在*号的问题，1最小12最大，在上面的基础样式中1可以放置12个
12就相当于百分之百的概念
这里是响应式图片的一些用法和需要注意到的地方
// ...
特点
Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。
响应式设计
responsive.less中提供了一组media query: 智能手机《=480px
流式列，非固定宽度 垂直平板《=767px
流式列，非固定宽度 水平平板》=768px
默认》=980px
大分辨率》=1200px
组件
下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
在这里说一个小问题
第一行代码未加input,垂直不能对齐。第 ...
流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作为单位来确定每一块的宽度。这种布局非常适合一次编写，然后自适应各种不同大小的屏幕（手机，PAD…）。
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
</div>
<div class="span10">
</div>
< ...
首先在bootstrap里面所有的样式并在pc上是根据px的单位来判断的，就是我们说的分辨率，
@media(min-width:1200px){
......里面的样式
}
那么就是说当你的屏幕放大或者缩小是根据pc的分辨率来定的，当屏幕的缩小px也跟着缩小，在自 ...
通过公司的两个比较大型项目，让我接触到了Bootstrap框架，现在就来说说Bootstrap这个框架
首先，我绝对Bootstrap框架是一个很不错的响应式的框架，特别对于移动端来说，帮助我们前端解决的很多，在样式上的问题，和需要特殊样 ...
<html>
<!--这里是必须引入的只有引入了这些才能在手机端展示出正常的页面-->
<meta name="apple-touch-fullscreen" content="yes">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<meta name="apple-mobi ...
一、原型模式结构
// 定义一个jQuery构造函数
var jQuery = function() {
xxxxxxxxxx
};
// 扩展jQuery原型
jQuery.prototype = {
xxxxxxxxxx
};
//上面是一个原型模式结构，一个jQuery构造函数和jQuery实例化对象的的原型对象
var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法，但是jQuery不是这个用的
二、返回选择器实例
var jQuery = fu ...
<base>、定义页面中所有链接的基准URL
<title>、设定显示在浏览器左上方的标题内容
<isindex>、表明该文档是一个可用于检索的网关脚本 不支持
<meta>、文档本身的元信息,例如查询关键词,有效期等
<style> 设定CSS层叠样式表内容
<link>、设定外部资源的链接
<script>、页面脚本内容
" "
& &
< <
> >
© ©
® ® ...
1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
2. <!--[if IE]> 所有的IE可识别 <![endif]-->
3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-- ...
一、IE6下如果line-height超出本身区块的height高度，则会把区块高度挤高。比如：li{line-height:25px;height:20px;}则实际li的高度为25px，而IE7和FF下则为20px.
二、 IE下的margin double bug，具体说来比如一个div你设置左浮动，然后又设置margin-left：5px，则实际margin-left会加倍变为10px。解决办法：加display：inline
所以说一般在距左浮动下要兼容ie6的情况下都最好加上display：inline 属性
display 属性规定元素应该生成的框的类型
inline 默认 ...