- 博客(42)
- 收藏
- 关注
RSS订阅原创 前端学习资料总结
1、node.js 菜鸟教程：http://www.runoob.com/nodejs/nodejs-tutorial.htmlnode资料大全：http://www.ziliao1.com/Article/Show/BE6DD015DABF81B6E8641AE4A567DA93.htmlnode入门：http://www.nodebeginner.org/index-zh-cn...
2016-08-28 06:17:49
189
原创 js函数 Number()、parseInt()、parseFloat()的区别：
转载：http://blog.csdn.net/liuzhen917/article/details/8490219
2015-12-31 15:13:19
150
原创 html head
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> &am
2015-12-22 17:05:36
150
原创 Vue.js学习及总结——循环展示
html <table id="show"> <template v-for="item in items"> <tr> <td>{{ item.msg }}</td> <td>{{ item.
2015-12-22 16:02:26
172
原创 Vue.js学习及总结——组件系统
先来看一个简单的实例：html <div id="component"> <my-component></my-component></div> js创建模板var MyComponent = Vue.extend({ template: '<div>A good idea!<..
2015-12-22 15:15:22
256
原创 js/jq获取select选中的值
现在有一id=test的下拉框，怎么拿到选中的那个值呢？分别使用javascript原生的方法和jquery方法<select id="test" name=""> <option value="1">text1</option> <option value="2">text2&a
2015-12-21 15:35:26
130
原创 响应式布局、流式布局
页面随网页大小变化而布局不乱、并且也随之大小变化：包括图片、文字、页面宽度等。 万能公式： 目标元素 % 上下文元素 = 百分比尺寸。1.宽、高、padding、margin：百分比；2.文字大小（font-size）：em；计算公式参照万能公式； 文字大小相对于父元素文字大小设定，行高相...
2015-12-14 15:02:12
95
原创 媒体查询能检测到的特性
1.width; 设备的视口宽度；2.height：屏幕宽度；3.device-width:设备屏幕的宽度；4.device-height:设备屏幕的高度；5.orientation：检测屏幕是横向还是竖向；6./ˈæspekt/（方面）aspect-ratio：基于视口宽度和高度的宽高比。 一个16:9比例的显示屏可以定义为，aspect-ratio：16/9；7...
2015-12-14 11:18:31
592
原创 关于viewport的几个width
直接进入主题1.viewport尺寸：浏览器窗口尺寸。document.documentElement.clientWidth/Height；随浏览器大小变化而变化，但宽度不包含滚动条宽度。 2.浏览器内部尺寸。window.innerWidth/Height；随浏览器大小变化而变化，宽度包含滚动条宽度。 3.用户屏幕尺寸。screen.width/he...
2015-12-07 15:31:07
1003
原创 css3 动画详解
css3动画：1.transform;2.transition;3.animation; 下面分别详细讲解并解释三者的区别1. transform (变换) 单纯的变化 瞬间完成 看不到变化过程 使用方法：直接在样式表中书写即可；.test:hover{ -moz-transform:rotate(5deg); //Firefox -webkit-t...
2015-12-04 10:19:40
145
原创 ubuntu 14.04 php连接mysql数据库失败
1、修改php配置文件php.ini sudo gedit /etc/php5/apache2/php.ini 把 display_errors = Off 改为 display_errors = On 把 error_reporting = xxx 改为 error_reporting = E_ALL | E_STRICT 2、重启apach...
2015-12-03 18:06:03
294
原创 修改apache2的监听端口
步骤1：sudo gedit /etc/apache2/ports.conf 修改监听端口以及主机端口为8080NameVirtualHost *:8080Listen 8080步骤2: sudo gedit /etc/apache2/sites-available/default 只要修改virtualHost的端口即可（如果文件是空的，直接粘贴下面这行代码，记得保存！！！）：步骤3：重启...
2015-12-02 14:42:14
2227
1
原创 jQuery给动态元素绑定事件
最近坐项目有一个需求是点击添加按钮后，出现文本框及提交按钮，提交文本后，添加按钮再次显示，如此循环。但问题来了，在提交文本后，再次显示的添加按钮，点击后不会出现文本框及提交按钮，原来的click事件已经失效。具体代码如下 <div class="creation"> <a href="#" class="create"> 添加...
2015-11-23 08:58:17
125
原创 jq 关于height
height:高度innerHeight:高度＋补白 outerHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距html代码：<div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id...
2015-11-18 15:37:46
156
原创 XMLHttpRequest流程
参考：http://www.cnblogs.com/heyuquan/archive/2013/05/13/js-jquery-ajax.html
2015-11-17 17:12:14
119
原创 纯JavaScript逻辑小结
1.二维数组变为一维数组 function double_to_one() { collection = [1,[2],[3,4]] var array = []; for(var i = 0;i< collection.length;i++){ var new_array = collection[i]; if( new_...
2015-05-21 08:45:02
83
原创 JavaScript页面跳转及区别
第一种： <script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script> 第二种： <script language="javas.
2015-05-21 08:08:53
540
原创 spyOn的简单例子
做TDD测试遇到这样一个题目，很是迷惑， var collection_a = [0.8, 0.6, 0.4, 0.2, 0]; var collection_b = [0.7, 0.4, 0.1, -0.2]; it('根据给定数字无限分割至小于等于0', function() { spyOn(Math, 'random').andReturn(...
2015-05-21 07:33:14
4002
原创 js 去重
最近有一段事件是在做TDD测试，我觉得难点就是去重问题，现提供几个方法及自己的理解。第一种方法： var arr = [1, 2, 2, 3, 4, 5, 6, 6];function getArray(a) { var hash = {}, len = a.length, result = []; for (var i = 0; i...
2015-05-19 08:55:42
137
原创 RubyGems镜像问题
大家学习除了自己开发外，你也需要和别人一块开发，用到别人的工程，但下载后是需要配置环境的，那该怎么做呢？ 配环境大家都知道：bundle install 但是下载的很慢所以大家就可以换成：https://ruby.taobao.org/ 具体怎么换呢？更换本地的gem sources。第一步：删除本地的gem sources，$ gem s...
2015-05-19 08:29:31
105
原创 Ajax
1. ajax就是页面的异步刷新，即在整个页面不刷新的情况一下只刷新你要改变的地方。先是页面： <th><button id='<%= p.id %>' onclick = "get_cart_number(this.id)">加入购物车</button></th> 页面调用js中的方法，即：...
2015-05-19 08:16:02
78
原创 Mysql 数据库的操作
第一步进入数据库： mysql -u root -p 这样进入是因为你设置了密码，没有设置密码，就直接 mysql -u root 第二步所有查看数据库： show databases; 大家注意一下一定要加后面的 分号。 第三步查看了所有发现没有，那就新建一个自己的呗： creat database zhaoni...
2015-05-19 07:44:18
68
原创 haml
首先,haml 它是作为一个gem 的形式存在的. 只要是 ruby 的项目,都可以通过bundle 或者gem 命令来安装这个 gem. 本文假设你在使用rails 框架. 当然可以套用到任何需要视图的 ruby 项目中. 这里, 你可以尝试的就是把views 下的文件全部替换成haml 格式的文件.app/views/homepage/index.html.erb → a...
2015-05-19 07:22:03
420
原创 JS 数组循环
我们有时在处理数组时会扩展内置对象Array，但这样会有一些问题，现在举例解决一下。var array = [1,2,3,4];for(var i in array){ print(array(i));}// 1// 2// 3// 4 现在我们扩展了内置对象Array，Array.prototype.add = function(){};...
2015-05-10 15:23:57
68
原创 AngularJs之MVC
MVC 起源是在1979年，Trygve Reenskaug第一次正式提出了MVC模式。 MVC分别是Model：数据模型层：View;视图层，负责展示;Controller：业务逻辑，这个模式的好处是职责清晰，代码模块化。 问题来了，为什么需要MVC？ 1.代码规模越来越大，切分职责时大势所趋。 2.为了复用：很多逻辑时一模一样的。 3.为...
2015-04-06 22:51:52
142
原创 何为面向对象（Ruby版）
最近在学习Ruby，是一门纯面向对象的语言，自己也对其有了一定的理解，现与大家共享。 这次主要时分享一下几个主要的概念，及其相对应的小例子。 类（class）：类是对概念的定义。如 ：class Personclass Snake 类可以从其他类中继承相应的功能特性，但仍有其自身独特的功能特性。 对象：是类的单个实例（或某些情况下是类自...
2015-04-06 22:51:20
64
原创 关于ruby的各个名词解释
ruby是什么？ ruby是一种跨平台同时面向对象的动态类型的编程语言。通俗点说就一种注意均衡的语言，它体现了表达的一致性与简单行，它不仅仅时一门语言更是表达想法的一种简练方式。 用到了ruby就会用到rvm，rvm是用来管理ruby的，可以安装跟中版本的ruby。具体点就是用于帮你安装Ruby环境，帮你管理多个Ruby环境，帮你管理你开发的每个Ruby应用使用机器上哪...
2015-04-01 13:30:31
214
原创 JavaScript之闭包
先来说说闭包的概念：由于在JavaScript中，函数是对象，对象是属性的集合，而属性的值又可以是对象，则在函数内定义函数成为理所当然，如果在函数func内部声明函数inner，然后在函数外部调用inner，这个过程即产生了一个闭包。 1、闭包的特性var outter = [];function test(){var array = ["one","two...
2015-03-30 22:44:16
61
原创 Html5本地存储之Localstorage
在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。 Localstorage可以简单理解为小型数据库。 其大小官方给出的文档是：每个域名5M； 其存储时间是：永久存储，永不失败，除非手动删除； ...
2015-03-30 21:23:23
119
原创 HTTP请求
我们现在介绍一下HTTP, HTTP是计算机通过网络进行通信的规则。即浏览器从web服务器请求信息与服务。 一个完整的HTTP请求过程，通常有7个步骤： 1.建立TCP连接 2.Web浏览器向Web服务器发送请求命令 3.Web浏览器发送请求头信息 4.Web服务器应答 5.Web服务器发送应答头信息 6.W...
2015-03-24 09:30:47
71
原创 GitHub 的使用教程
GitHub是一个开源的资料库，即项目托管仓库，里面有着各种各样的高质量代码。此博客便是和大家分享一下怎么使用GitHub。 1. 首先你需要安装Git，命令如下sudo apt-get install git 根据提示便可安装，安装完成后可通过以下命令查看安装的版本git --version 以确定安装好。 2.你需要到GitHub官网注册...
2015-03-24 09:18:19
81
原创 用css进行网页布局
第一部分<style type="text/css"> body{margin:0;padding:0} .top{height:100px;background:blue} .main{width:800px;height:300px;background:black;margin:0 auto} .foot{widt...
2015-03-17 11:16:20
72
原创 js 面向对象继承的两种方式及封装
最近学习js面向对象，一直不理解继承及封装，通过查看文字资料及视频资料，现总结如下。 第一种方式：通过 prototype：student.prototype = new Person();function Person(name){ this.name = name;}Person.prototype.say = functio...
2015-03-09 22:35:46
73
原创 Webstorm和Skype以及flash的安装
一， 要学习jQuery,需安装Webstorm，查阅好多资料，尝试好多方法，终究找到一个办法，本机安装的系统是ubuntu 14.10，64位的，现详细的安装过程如下。 1.首先安装了Oracle的Java，即安装JDK7,执行下列操作在终端。 sudo add-apt-repository ppa:webupd8team/javasudo apt-ge...
2015-03-09 22:17:17
167
原创 LoDash 中文版之 Array
学习LoDash，发现基本都是英文网站，对于初学者十分不方便。我自己总结了一下，现与大家共享，有错误处或不妥之处，请大神给予意见。1._.chunk(['a', 'b', 'c', 'd'], 2);// → [['a', 'b'], ['c', 'd']]_.chunk(['a', 'b', 'c', 'd'], 3);// → [['a', ...
2015-02-10 07:09:13
222
原创 Ubuntu 14.10 硬盘安装详细教程
很实用，望大家采纳 http://www.ubuntukylin.com/ukylin/forum.php?mod=viewthread&tid=12243
2015-02-08 16:51:32
210
原创 JavaScript 核心概念及实践之四大特点
JavaScript是一门动态的、弱类型、基于原型的脚本语言。虽然被广泛应用于Web客户端，但是其应用范围不仅仅局限于此。下面介绍其四个特点。 1 动态性 动态性是指，在一个JavaScript 对象中，要为其一个属性赋值，我们没有必要先创建一个字段，而是只需在使用的时候给它赋值就行了。var obj = new Object(); //定义一个对象 o...
2015-02-08 16:29:21
187
原创 JavaScript 编程及重构命名
最近学习了js重构，遇到了命名的问题，现与大家分享一下解决问题后的总结。 1.改 var save_temporary_goods;为 var save_temporary_goods = []; 能用[]，别改为var the_object_of_save_temporary_goods。2.改var fuuk = loadAllItems(); 为 ...
2015-02-08 15:19:11
135
原创 For 循环句头执行顺序
经过一段的js学习，对for循环有了新的理解，在此再次和大家分享！ 这次主要讲for循环句头的执行顺序，大家看下面的这个例子。 var i = 0,j = 4; for(i=0;i<j;i++,j--) { if(j==4) { ...
2015-01-29 22:49:43
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人