前端笔记

Vue Vue.js学习笔记-认识Vue

今天开始学习Vue.js，每天学习记录笔记 vue生成一条数据 vue中的渲染在{{ }}两个大括号中间，一个小示例： <div id="app-1">{{ message }}</div> var app1 = new Vue({ el: '#app-1', data: {

2017-08-22 00:27:53 4486 2 19

阅读详情

JavaScript JavaScript Array

数组的操作 var arr = [ 1,2,77,8,4,5 ]; 添加、删除 arr.length = 0; //清空数组的方法，让length等于0； arr = []; //从新赋值一个空数组，清空 arr.unshift( 0 ); //向数组的第一位添加内容 arr.push( n ); //向数组最后一位添

2016-05-18 00:40:17 4929 3 26

阅读详情

JavaScript JavaScript Json

Json的写法： //第一种属性名不加引号 var json = { name : 'xuanmo', age : '21', fn : function(){alert(22)} } //第二种属性名加引号 var json1 = { 'name' : 'xuanmo', 'age' : '21', 'fn' : f

2016-05-16 22:41:44 4093 0 21

阅读详情

JavaScript JavaScript String

字符串的相关操作： var str = 'xuanmo blog'; 查找   str.charAt(n);查找字符串下标对应的字符   str.charCodeAt(n);查找字符串对应下标的ASCII码   String.fromCharCode(n);写

2016-05-15 20:49:49 4167 2 10

阅读详情

HTML/CSS 让盒子在网页中居中的方法

让一个盒子居中的几种方法，通过绝对定位实现，会跟着浏览器窗口的缩放不断调整位置，一直居中通过绝对定位，定位时上边距与左边距都给50%，在利用margin减去当前盒子的一半宽度与高度 .box{ position: absolute; top: 50%; left: 50%; width: 100px; height:

2016-05-10 11:14:32 11142 2 24

阅读详情

JavaScript JavaScript setInterval/setTimeout

定时器：setInterval与setTimeout setInterval：循环去做一件事情语法： //一个简单定时器，单位为毫秒，会让num一直加1 var num = 0; setInterval(function(){ num++; console.log( num );

2016-05-08 23:24:34 3987 2 12

阅读详情

JavaScript JavaScript call方法

call：改变当前函数调用对象的this指向有名函数执行时使用了call。第一个参数需要把此函数this指向给的对象，第二个为实参开始 document.getElementById('box').onclick = function() { fn.call(this, 10); //call改变当前对象的th

2016-05-05 23:51:16 3705 0 6

阅读详情

HTML/CSS css选择器

选择器示例示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有&

2016-05-03 23:49:42 4266 1 8

阅读详情