- 浏览: 35906 次
- 性别:
- 来自: 北京
最新评论
-
heng123:
Vue.js视频教程大全www.it448.com
Vue.js学习及总结——组件系统
文章列表
1、node.js
菜鸟教程:http://www.runoob.com/nodejs/nodejs-tutorial.html
node资料大全:http://www.ziliao1.com/Article/Show/BE6DD015DABF81B6E8641AE4A567DA93.html
node入门:http://www.nodebeginner.org/index-zh-cn.html
2、koa
官网: http://koa.rednode.cn/
3、Gulp
官网:http://www.gulpjs.com.cn/
4、ES6
阮一峰:http://es6 ...
转载:http://blog.csdn.net/liuzhen917/article/details/8490219
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
html
<table id="show">
<template v-for="item in items">
<tr>
<td>{{ item.msg }}</td>
<td>{{ item.kk }}</td>
<td>{{ item.ll }}</td>
</tr>
...
参考: http://segmentfault.com/a/1190000004012600
先来看一个简单的实例:
html
<div id="component">
<my-component></my-component>
</div>
js
创建模板
var MyComponent = Vue.extend({
template: '<div>A good idea!</div>'
});
//注册一下 就是申明 绑定一下
Vue.component('my-component',MyComponent);
//创建实例 就是绑定 ...
现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
<select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select>
code:
一:javascript原生的方法
1:拿到select对象: v ...
页面随网页大小变化而布局不乱、并且也随之大小变化:包括图片、文字、页面宽度等。
万能公式: 目标元素 % 上下文元素 = 百分比尺寸。
1.宽、高、padding、margin:百分比;
2.文字大小(font-size):em;计算公式参照万能公式;
文字大小相对于父元素文字大小设定,行高相对于其本身文字大小设定。
3.图片:百分比;
如:img,object,video,ended {
max-width:100%;
...
1.width; 设备的视口宽度;2.height:屏幕宽度;
3.device-width:设备屏幕的宽度;
4.device-height:设备屏幕的高度;
5.orientation:检测屏幕是横向还是竖向;
6./ˈæspekt/(方面)aspect-ratio:基于视口宽度和高度的宽高比。
一个16:9比例的显示屏可以定义为,aspect-ratio:16/9;
7.device-aspect-ratio:和aspect-ratio类似,基于设备渲染平面宽度与高度的宽高比;
8.color:每种颜色的位数。如:min-color:16会检测设备是否支持16位颜色 ...
直接进入主题
1.viewport尺寸:浏览器窗口尺寸。
document.documentElement.clientWidth/Height;随浏览器大小变化而变化,但宽度不包含滚动条宽度。
2.浏览器内部尺寸。
window.innerWidth/Height;随浏览器大小变化而变化,宽度包含滚动条宽度。
3.用户屏幕尺寸。
screen.width/height;用户不更换显示屏,尺寸就不会变化。
4.zoom level 缩放比例。
screen.width/widow.innerWidth
5.事件出发点的X、Y坐标。
client.p ...
css3动画:1.transform;2.transition;3.animation; 下面分别详细讲解并解释三者的区别
1. transform (变换) 单纯的变化 瞬间完成 看不到变化过程
使用方法:直接在样式表中书写即可;
.test:hover
{
-moz-transform:rotate(5deg); //Firefox
-webkit-transform:rotate(5deg); //Safari and Chrome
-o-transform:rotate(5deg); // Opera
-ms-transfo ...
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、重启apache
步骤1:sudo gedit /etc/apache2/ports.conf 修改监听端口以及主机端口为8080NameVirtualHost *:8080Listen 8080步骤2: sudo gedit /etc/apache2/sites-available/default 只要修改virtualHost的端口即可(如果文件是空的,直接粘贴下面这行代码,记得保存!!!):步骤3:重启apache2sudo service apache2 stopsudo service apache2 start 或者sudo service apache2 restart参考地址:http:// ...
最近坐项目有一个需求是点击添加按钮后,出现文本框及提交按钮,提交文本后,添加按钮再次显示,如此循环。但问题来了,在提交文本后,再次显示的添加按钮,点击后不会出现文本框及提交按钮,原来的click事件已经失效。具体代码如下
<div class="creation">
<a href="#" class="create">
添加
</a>
</div>
$(function(){
addText();
}
f ...
height:高度
innerHeight:高度+补白 outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距
html代码:
<div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjjj</div>
js代码:
alert($("#test").height()); alert( ...