栈长-优快云博客

原创 Vue组件

1.钩子函数；beforeCreate: //组件实例之前执行的函数；create: //组件实例化完毕，但页面还未显示执行的函数；beforeMount: //组件挂在前，页面仍未展示，但虚拟doM已配置；mounted： //组件挂在后，此方法执行后，页面显示；beforeUpdate: //组件更新前，页面仍未更新，但虚拟doM已配置；updated： //组件更新，此方法执行后，页面显示；...

2018-06-27 11:59:10 230

原创 git学习总结

一：常用命令：1. 进入某个目录 $ cd D: $ cd Git2.返回上一级目录：$ cd .. //注意，cd和..之间必须有一个空格3. 查看当前目录：$ pwd4.$ git add readme.txt //表示将这个文件预添加到仓库，这一句不会有什么反应5.$ git commit -m "add readme.txt" //描述干了什么6.$ git ini...

2018-06-02 15:15:30 186

原创 webstorm破解码

2018/02/23License server：http://idea.imsxm.com/2018/03/19License server：http://idea.iteblog.com/key.php

2018-02-23 08:51:04 1574

原创项目中遇到的问题总结

1.在很多li中，无序点击，在后面需要用到上一个点击过的元素和下一个点击元素，怎么获取。解决思路： 1.需要上一个点击元素的下标，下一个点击元素的下标； 2.声明一个空数组；用来保存点击过的li的下标； 3.获取数组长度-2的结果就是上一次的点击过的元素的下标； 4.下一次点击元素下标是数组长度-

2017-09-25 11:15:20 1903

原创 js中this的使用

2017-07-26 14:10:33 324

原创让你详细了解js闭包问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body><script> //如下有一个函数 var a=10;//声明在fn1函数外 function fn1() { console.l

2017-07-25 23:43:36 255

原创 Array() 对象

1.concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。语法：array1.concat(array2,array3,…,arrayX)；2.复制数组的前面两个元素到后面两个元素上：语法：array.copyWithin(target, start, end)var fruits = ["Banana", "Orange", "Apple", "

2017-06-29 17:46:10 323

原创 Window 对象

Window 对象表示浏览器中打开的窗口。如果文档包含框架（<frame> 或 <iframe> 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。Note注意：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。Window 对象属性1.closed 属性可返回一个布尔值，该值声明了窗口是否已经关闭。2.defa

2017-06-29 12:15:32 326

原创 Screen 对象

Screen 对象包含有关客户端显示屏幕的信息。 Note注意：没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。属性1.height 属性声明了显示浏览器的屏幕的高度，以像素计。document.write("总高度: " + screen.height);//7682.height 属性声明了显示浏览器的屏幕的高度，以像素计。document.write("总高度: "

2017-06-29 12:04:03 274

原创 Location 对象

Location 对象包含有关当前 URL 的信息。Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。 Note注意：没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。1.assign()方法加载一个新的文档。点击按钮在本页面加载一个新的页面<body><input type="button" value="载

2017-06-29 11:48:33 284

原创 Math() 对象

1.ceil() 方法可对一个数进行上舍入。如果参数是一个整数，该值不变。注意：ceil() 方法执行的是向上取整计算，它返回的是大于或等于函数参数，并且与之最接近的整数function myFunction(){ //对一个数进行上舍入: var n=Math.ceil(1.4); console.log(n);//2 } myF

2017-06-29 11:23:13 392

原创 Date() 对象

获取1.getDate() 方法可返回月份的某一天。 function myFunction(){ var d = new Date("July 21, 1983 01:15:00"); var n = d.getDate(); console.log(n);//返回21 }2.getDay() 方法可返回一周（0~6）的某一天的数字。注意：

2017-06-29 10:05:12 788

原创 RegExp() 对象

1.compile()compile() 方法用于在脚本执行过程中编译正则表达式。也可用于改变和重新编译正则表达式。function myFunction(){ var str="Every man in the world! Every woman on earth!"; var patt=/man/g;//全局匹配man， var str2=s

2017-06-29 09:00:04 245

原创 Number()对象

Number()对象Number 对象是原始数值的包装对象。 Number 创建方式 new Number()。语法var num = new Number(value);1.toExponential() 方法可把对象的值转换成指数计数法。 var num = 5.56789; var n=num.toExponential(3);//返回5.568e+0 console.

2017-06-28 23:17:07 287

原创 String()对象

String()对象String 对象用于处理文本（字符串）。 String 对象创建方法： new String().语法var txt = new String("string");或者更简单方式：var txt = "string";方法#####1. charAt() 方法可返回指定位置的字符。该方法根据下标返回当前元素；unction myFunction(){ v

2017-06-28 20:28:21 283

原创常用对象

1.Array()对象属性constructor 返回创建数组对象的原型函数。 length 设置或返回数组元素的个数。 prototype 允许你向数组对象添加属性或方法。方法concat() 连接两个或更多的数组，并返回结果。 copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。every() 检测数值元素的每个元素是否都符合条件。 fill() 使用一

2017-06-28 15:57:10 242

原创 js面向过程的选项卡

代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style> body{ background: #000; } div{ width: 300px;

2017-06-28 14:58:12 325

原创拖拽（面向过程+面向对象）

1.面向过程的拖拽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style> body{ background: #000; } div{ width: 100p

2017-06-28 14:53:46 304

原创面向对象的选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style> body{ background: #000; } section{ width: 400px;

2017-06-27 20:50:00 588

原创什么是js面向对象？有什么特点？

什么是js面向对象？首先，js面向对象是一种思想；其次，遵循万物皆对象的准则；

2017-06-27 19:33:27 5713

原创面向对象

1.什么是面向对象？a,万物皆对象;b,而同一种对象也是一个类；c，面向对象区别于面向过程，抓住问题核心，只考虑功能和结果，而不考虑过程和内部的实行；d,是由属性和方法组成；e,具有抽象，封装，继承，多态的特征；f,比如一个人是一个对象，一个机器是一个对象，一本书也是一个对象；g,面向对象可以把程序中的关键模块都视为对象，而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来，日后使用将非常方便

2017-06-27 12:15:56 360

原创 ajax跨域处理

方法一代理（后台） 1.通过在同域名的web服务器端创建一个代理； 2.通过在同域名下的web服务器端创建一个代理：北京服务器(域名:www.beijing.com) 上海服务器(域名：www.shanghai.com) 比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.c

2017-05-19 20:21:43 290

原创正则表达式

用户名验证var userReg = /^[a-zA-Z]\w{1,9}$/;密码验证var passReg = /^\w{6,12}$/;验证码验证var imgReg=/^[a-zA-Z0-9]{4,6}$/;手机验证var phoneReg=/^[1-9][0-9]{4,11}$/;邮箱验证var emailReg=/^[a-zA-Z0-9]\w*@\w+.\w{2,3}(.\w{2})?$/

2017-05-09 09:24:42 239

原创正则知识点

字符集ISO-8859-1，包含英文字符和计算常用的字符，一共有127个字符GB2312，包含ISO-8859-1的所有字符和一些常用的中文字符，不包含生僻字GBK，GB2312的扩展，包含了更多的汉字和生僻字BIG5，繁体汉字UNICODE，目标实现能够显示地球上所有文字，包含UTF-8，UTF-16....[] 中括号可以写需要查找的数据范围[0-9] 查找

2017-05-09 09:14:05 295

原创 Dom3

表格应用1.1搜索字符串比较：忽略大小写：toLowerCase();大写转成小写；模糊搜索： search(”);找到并返回字符串所在位置，没有找到返回-1；多关键字：split（’ ‘）；规定字符串之间的间隔；1.2appendchild(); 把元素从原来的父元素中删掉，给现在的父元素新添上；1.3表单事件 onsubmit 提交时发生 onreset

2017-04-30 18:58:05 367 1

原创定时器

开启定时器setInterval() 间隔型 setTimeout() 延时型停止定时器clearInterval() clearTimeout()获取系统时间Date charAt();获取字符串的某一位；兼容IE7；无缝滚动offsetLeft offsetTopspeed：运动方向和速度； -向左运动 +向右运动

2017-04-30 14:29:07 296

原创 js基础深入

1.函数返回1.1 return 函数参数可以有很多个，但返回值只有一个。 1.2 arguments 可变参不定参script type="text/javascript"> function sun(){ console.log(arguments.length); } sun(12,13,1

2017-04-27 13:59:12 220

原创 js基础知识

1.js的组成1.ECMAScript:解释器 0,1 几乎没有兼容性问题；2.DOM 文档，对象，模型 document object model 兼容性一般；3.BOM 浏览器，对象，模型 browser object model 完全不兼容；2.变量类型typeofnumber string boolean function

2017-04-26 20:13:03 198

原创 js知识点

函数function();1.函数定义：只是告诉系统有这个函数，不会实际执行； 2.函数调用：真正执行函数里面的代码；//函数定义function foo(){ alert('abc'); }//函数调用foo()；if判断html> head> meta charset="UTF-8">

2017-04-25 20:03:51 286

原创 DOM2

1.创建节点输出内容html> head> meta charset="UTF-8"> title>title> head> body> input type="text" name="" id="" value="" /> input type="button" name="" id="" value=

2017-04-24 14:49:14 256

原创 DOM

1.DOM：文档对象模型；作用：1.赋予js操作节点的能力。当网页加载时浏览器会创建页面的DOM。2.查找html元素2.1document.getElementById('id');2.2document.getElementsByTagName('tag');2.3document.getElementsByClassName('.class');2.4docu

2017-04-20 16:24:28 273

原创 switch/for/while/break/continue的使用

1.switch的使用语法：switch(值){case'1':....;break;//如果不加break，程序从入口进入执行，之后的内容都会被执行。case'2':....;break;case'3':....;break;case'4':....;break;case'n':....;break;default:....;//因为它是最后执行，所以可以省略break;}2成绩结果

2017-04-18 09:05:09 449

原创 js小案类

1.乘法口诀表<script type="text/javascript"> document.write("<table border='1'; cellpadding='20' cellspacing='10'>"); //整个表格 for(var x=1; x<=9; x++){ document.write('<tr>');//每一行

2017-04-15 17:21:15 261

原创 js第二课

1.parseInt()；把文本转换成一个整数，如果有小数，会去掉。2.parseFloat();转换成浮点数。数据类型1.简单数据类型stringNumberbooleannullundefined字符串数学布尔空未定义2.复杂的数据类型function函数 array数组 obje

2017-04-13 17:29:25 261

原创 java script第一课

什么是java script?1.是用于web前端开发，提高用户交互性的一种简单的脚本语言。 2是一种基于对象和事件驱动的客户端脚本语言（弱类型）。 3也直接可以运行在操作系统上，需要node.js环境支持。 4netscape公司1997年创建的，livescript。 5.js作用：验证/交互/页面特效第一个javascript程序!DOCTYPE html PUBLIC "-//W3C

2017-04-13 09:03:54 474

转载欢迎使用优快云-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-04-13 09:00:22 209

原创 java script基础知识

1.什么是java script?是用于web前端开发，提高用户交互性的一种简单的脚本语言。2.什么是变量？是在程序运行中随时变化的量，是存放数据的容器。3.java script的运算符？1）算数运算符：+ - * / % ++ --；2）赋值运算符：= += -= *= /= %=；3）链接运算符：+4）关系运算符：

2017-04-12 17:57:27 1431

原创做项目遇到的问题及解决方案

1.有固定间距，固定盒子大小，浮动之后要刚好装在大盒子里；方法：让最后一个右浮动，设置最后一个的右外边距为零。2.透明度opacity不能在ie显示效果；方法：设置ie专属代码:filter:alpha(opacity=50);3.序选择器效果无法在ie中显示；方法:换类选择器；4.同是类名，后面写的为什么替换不了前面的？方法：类名之前的其他父级选择器也要写上，保持一致

2017-04-07 14:20:58 1589

原创立方体动画制作------方法二

方法二：步骤一：一个大盒子包着6个小盒子；步骤二：大盒子的宽高和小盒子的一样；步骤三：子绝父相，让6个小盒子脱离文档流，叠在一起；步骤四：给6个小盒子设置不同背景颜色；步骤五：先做上下两个面，分别沿Y轴的上下各自平移宽度的一半，再继续围绕X轴各自旋转90deg。步骤六：先做左右两个面，分别沿X轴的左右各自平移宽度的一半，再继续围绕Y轴各自

2017-04-04 19:06:24 426

原创立方体动画制作------方法一（忽略左右两边，保证上下前后四面旋转到前面时都是正的）

步骤一：一个大盒子包着6个小盒子；步骤二：大盒子的宽高和小盒子的一样；步骤三：子绝父相，让6个小盒子脱离文档流，叠在一起；步骤四：给6个小盒子设置不同背景颜色；步骤五：先做上下前后四个面，分别围绕X轴旋转90deg,180deg,270deg,360deg,再继续沿Z轴平移宽度的一半。

2017-04-04 18:56:26 874

空空如也

空空如也