- 博客(22)
- 收藏
- 关注
原创 Vue.js基础
Vue.js:渐进式JavaScript框架 没有太多的限制1.引入cdn:<script src="https://unpkg.com/vue"></script>或者:<script src="https://cdn.jsdelivr.net/npm/vue"></script>2.实例化vue对象:new Vue({ el:"#vue-ap
2018-03-19 12:47:48
438
原创 PHP基础入门
php文件发生乱码:在PHP文件最开始写上header("Content-Type: text/html; charset=UTF-8");1.变量命名规范变量:$来开头标志变量名:只能以字母[a-zA-Z]、数字[0-9]、_下划线组成,且不能以数字开头。2.控制结构 1)顺序结构 //程序从上到下,顺序执行 2)选择 // 例如if else的使用。 3)循环 while 例: $r...
2018-03-19 12:40:31
273
原创 ES6基础
ES6 就是ECMAScript 6是新版本JavaScript语言的标准。1.let 定义变量,存在于代码块,出了代码块就不存在,适用于for循环2.const/constant 定义常量,不能改变,必须要有初始值3.变量的解构赋值(数组)var [a,b,c]=[1,2,3];abc分别是123var [a,...c]=[1,2,3]; a等于1,c等于23var [a,b,c='defaul...
2018-03-19 12:39:24
245
原创 jQuery笔记
jQuery原理:1.js对象和jquery对象的区别:jquery就是js中的new Object生成的普通对象2.js对象和jquery对象的方法能不能共用?不能共用3.js对象和jquery对象能不能互换? 能 1).js对象->jquery对象 $(dom); 2).jquery对象->js对象 $('h1')[1]; $('h1').get(1); jquery核心方法:1....
2018-02-21 19:54:33
196
原创 JS中的正则表达式
· 字符串操作var str='asdfghert';//alert(str.search('s')); //查找位置,没有就是-1//alert(str.substring(2,5)); //获取子字符串,不包括结束位置//alert(str.charAt(1)); //返回字符串的某一位var str1='123-asd-gf-ewr-z
2018-01-10 11:09:44
603
原创 COOKIE基础与应用
· cookie设置document.cookie='user=frank';document.cookie='pass=123456';alert(document.cookie);· Date对象计算方法var oDate=new Date();//设置日期对象内部时间//oDate.setDate(25);//当前日期加上10天后的日期oDate.setDate(o
2018-01-10 11:05:49
216
原创 BOM应用
· open打开窗口· write · write应用(在文本框内输入内容 点击打开新的页面并显示文本框的内容)oBtn.onclick=function () { //创建另一个页面为空,如果后面写_self就是在本页面上替换 var oNew=window.open('about:blank','_blank') oNew.document.write(
2018-01-10 10:57:17
315
原创 JS面向对象实例、高级
· 选项卡用面向过程1window.onload=function (){ var oDiv = document.getElementById('div1'); var aDiv = oDiv.getElementsByTagName('div'); var aBtn = oDiv.getElementsByTagName('input'); for (var i=0;i<aB
2018-01-10 10:38:22
1868
原创 JS面向对象基础
· 变量、属性var a=2; //变量:自由的,不属于任何人alert(a);var arr=[1,2,3,4];arr.a=12; //属性:属于一个对象的alert(arr.a);· 函数、方法function aaa() //函数:自由的{ alert('a');}var arr=[1,2,3,4,5];arr.aaa=function ()
2018-01-10 10:26:55
200
原创 Ajax基础、中级
Ajax基础· 调用Ajax读取txt文本的信息window.onload=function (){ var oBtn = document.getElementById('btn1'); oBtn.onclick=function () { ajax('a.txt', function (str){ alert(str); }); };};·
2018-01-10 10:15:44
155
原创 js事件中级、高级应用
js事件中级· 自定义右键菜单//浏览器右键菜单功能document.oncontextmenu=function(ev){ var oEvent = ev||event; var oDiv = document.getElementById('div1'); //自定义事件添加 oDiv.style.display='block'; oDiv.style.left=oE
2018-01-09 20:50:14
410
原创 JS事件基础
· 整个页面点击事件 //整个页面的点击事件用document而不是body,因为body里面没有东西就不会撑起来 document.onclick=function () { alert('aaaa'); };· 事件冒泡事件会一层一层往父级父级...的传· 消除冒泡//取消冒泡 oEvent.cancelBubble=true;· 点击坐标
2018-01-09 20:36:14
219
原创 js运动中级
· 链式运动框架//取非行间样式封装函数function getStyle(obj,name){ if(obj.currentStyle) { //只兼容IE return obj.currentStyle[name]; } else { //不兼容IE,其他的可以 return getComputedStyle(obj,false)[name]; }}
2018-01-09 20:12:57
259
原创 js运动应用
· 多个div变宽 for(var i=0;i<aDiv.length;i++) { //定义一个div的属性timer定时器,这样每个定时器就是独立的,类似于定义index序号的思想 aDiv[i].timer = null; aDiv[i].onmouseover = function() { startMove(this,500); }; aDiv[i]
2018-01-09 19:57:22
240
原创 js运动基础
· 运动基础 //定义一个空的timer下面用来存放定时器 var timer=null; function startMove() { var oDiv = document.getElementById('div1'); //一开始先关掉定时器,保证只有一个定时器在运行,解决重复点击速度加快问题(多个定时器共同运行) clearInterval(timer);
2018-01-09 19:45:18
276
原创 DOM操作应用
· 创建和插入元素//先创建一个LIvar oLi = document.createElement('li');//把创建的LI插入到UL当中oUl.appendChild(oLi);· 创建并添加内容在里面var oLi = document.createElement('li');var aLi = oUl.getElementsByTagName('li');oLi.in
2018-01-09 19:24:04
332
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人