流浪的我
- 浏览: 32353 次
- 性别:
-
最新评论
-
流浪的我：
嘻嘻，多谢你提的建议。
web前端基础 什么是对象 -
任清宇：
代码 改成 ruby 代码 不是java
Rails中validates及各种用法 -
任清宇：
太少了 再弄多点
web前端基础 什么是对象 -
chenyue1：
刘伟同学，写的很好，我一定会分享给大家的
做一个好的程序员
文章列表
swiper（滑动） 快速使用
- 博客分类：
- 知识总结
1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。
2.HTML内容。
<!DOCTYPE html>
<html>
<head><link rel="stylesheet" href="path/to/swiper.min.css">
</head>
<body>
<script src="path/to/jquery.js"></script>
...
鼠标事件是Web 开发中最常用的一类事件，毕竟鼠标还是最主要的定位设备。DOM3 级事件中定义了9 个鼠标事件。
click：在用户单击主鼠标按钮（一般是左边的按钮）或者按下回车键时触发。这一点对确保易访问性很重要，意味着onclick 事件处理程序既可以通过键盘也可以通过鼠标执行。
dblclick：在用户双击主鼠标按钮（一般是左边的按钮）时触发。这个事件并不是DOM2 级事件规范中规定的，但鉴于它得到了广泛支持，所以DOM3 级事件将其纳入了标准。
mousedown：在用户按下了任意鼠标按钮时触发。不能通过键盘触发这个事件。
...
css bug问题处理方法
- 博客分类：
- 知识总结
最简单的一些css问题是由代码中的打字和语法错误造成的。 例如在声明末尾忘了加分号，或者在输入的时候输入错误。解决方法：选择一个包含语法突出显示和代码补全功能的css编译器。自己写代码的时候也多注意。
...
css知识点总结
1.从css样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部链接式三种。
a.内联式css样式：
<p style="color:red;font-size:12px">这里文字是红色。</p>
b.嵌入式css ...
less是什么
less是一种动态样式语言，属于css预处理语言的一种，类似于css的语法，为css赋予了动态语言的特性，如变量、继承，运算，函数等，更方便css的编写和维护。
less的编译工具
我前端开发使用的是HBuilder编译工具，在HBuilder中提供了less的编译插件。打开工具--安装插件里面有less、scss编译插件点击安装；
打开工具中的预编译器设置点击新建：a文件后缀为：.less；b触发命令地址就是less.cmd所在的地址，可以在你的HBuilder安装目录下搜索一下文件，填写地址D:\software\HBUILDER\HBu ...
css选择器--伪类、伪元素
- 博客分类：
- 知识总结
css的元素选择除了id（#），class（.），属性（[]）外，还有伪类和伪元素。跟id选择器、类选择器、属性选择器等这些从html文档层次中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的，它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中的特别的内容（伪元素）。伪类和伪元素的表现形式也使用“:”(英文冒号)与其它选择器相区分。
1、基本选择器
* 通用元素选择器，匹配任何元素
p 标签元素选择器，匹配所有使用p标签的元素
.info class选择器，匹配所有class包含in ...
基本原理：页面载入时，向后台请求数据，PHP通过查询数据库将最新的几条记录显示在列表页，在列表页的底部有个“更多”链接，通过触发该链接，向服务端发送Ajax请求，后台PHP程序得到请求参数，并作出相应，获取数据库 ...
echarts 基本使用
- 博客分类：
- 知识总结
最近项目需要做一下数据展示，在网上搜索了一下发现了echarts，没有接触过，正好学习一下。想要使用它主要有几个步骤：
1. 首先去官网下载一个echarts.js文件，把它引入；
2.在绘制我们想要的图之前的需要一个有宽高的容器；
3.通过echarts.init方法初始化一个echarts实例并通过setoption方法生成一个简单的图；
<html lang="en">
<head>
<meta charset="utf-8">
<title> ...
1 在使用百度地图是，首先的申请密钥（ak）才能成功加载API JS文件。
ak的使用方法：<script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥" type="text/javascript"></script
validfrom 表单验证的使用心得
- 博客分类：
- 知识总结
首先引入 validform.js文件
html代码
<form id="form">
<input id="name" placeholder="请输入真实姓名" type="text" datatype
html页面原则：
1.保证代码规范，结构表现行为相互分离，有一套html规范。
2.保证代码的最简化，避免多余的空格、空行，保持代码的语义化，尽量使用具有语义的元素，避免使用样式属性和行为属性。任何时候都要用尽量简单、尽量少的元素解决问题。
3.按照标准，但是不能违背实用性。
4.开发同一个项目时，共用一套代码规范，这样就像是一个人写的
页面规范：
1.缩进与换行：使用4个空格作为一个缩进层级，不允许使用两个或tab字符；
2.命名：
a.使用驼峰命名
b.使用单词拼接（单词字 ...
coffeeScript
- 博客分类：
- JavaScript
CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分.
CoffeeScript 的指导原则是: "她仅仅是 JavaScript". 代码一一对应地编译到 JS, 不会在编译过程中进行解释. 已有的 JavaScript 类库可以无缝地和 CoffeeScript 搭配使用, 反之亦然. 编译后的代码是可读的, 且经过美化, 能在所有 JavaScript 环境中运行, 并且应该和对应手 ...
angularjs Scope
- 博客分类：
- angular.js
一、什么是Scope？
scope（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope）是一个指向应用model的object。它也是expression（http://www.cnblogs.com/lcllao/archive/2012/09/16/2687162.html）的执行上下文。scope被放置于一个类似应用的DOM结构的层次结构中。scope可以监测（
angular.js 表单验证
- 博客分类：
- angular.js
构建一个ng表单
1.确保form上标签有一个name属性，像下面的例子一样。最好再加一个novalidate=”novalidate”
2.form中不能有action属性。提交交由ng-submit处理
3.每个input一定要有ng-model，最好有一个name方便引用。然后用require或者ng-minlength之类才起作用
<form name="form" novalidate="novalidate">
<label name="email">Your email</la ...
AngularJS中为我们提供了众多的内置服务，通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。
1.$location服务
$location服务解析在浏览器地址栏中的URL（基于window.location）并且让URL在你 ...