- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue-cli安装
1.安装vue-cli① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm...
2018-08-20 17:42:25
358
原创 VUE如何加载main.js
如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话， 你执行npm run dev的时候会出来页面， 是因为你根目录下的package.json文件里script配置了"dev": "node build/dev-server.js"，也就是其实执行的是dev-server.js这个文件，里面有定义var webpackConfig = require('./webp...
2018-08-20 11:42:29
1275
原创 父子组件通信和非父子组件通信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></s
2018-08-15 20:41:38
333
原创 vue路由
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></s
2018-08-15 20:37:28
259
原创 3d旋转轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style id="css"> *{ margi
2018-08-08 17:46:42
1854
1
原创 jQuery轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-07-30 21:03:52
266
原创 canvas方块移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-07-26 19:36:16
1362
原创 js对象轮播插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-07-24 20:11:33
243
原创 瀑布流
*{ margin: 0; padding: 0;}div{ width: 1200px; margin: 0 auto;}ul{ float: left; list-style: none; width: 200px; margin:0 20px;}<div> <ul></ul> <ul>...
2018-07-12 22:41:26
325
原创 javascript性能优化和闭包
javascript性能优化JS提供了三种循环：for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差，因为它需要查询Hash键，因此应尽量少用for(in)循环，for(;;)、while()循环的性能基本持平。var arr=new Array(1,2,3,4,5);for(x of arr){ console.log(x) //输出x的value值(1,2...
2018-07-10 22:32:03
469
原创 Ajax get方法和post方法封装
function ajax(method,url,data,fn) { var x= null; if(window.XMLHttpRequest){ x = new XMLHttpRequest(); }else{ x=ActiveXObject("Microsoft.XMLHTTP") } if(method=="post"){ x.open(...
2018-07-09 20:22:51
564
原创 Cookie、历史记录、Iframe操作和存储
Cookie:概念：“Cookie”是小量信息,某些 Web 站点在您的硬盘上用很小的文本文件存储的信息,下次访问该站点时，可从浏览器读回此信息。作用：保存数据到客户端浏览器。可用于：保存用户登录状态、跟踪用户行为（如保存地区）、定制页面样式、创建购物车限制：每个域最多保存50个cookie,个cookie大小不能超过4k储存方式：document.cookie = "名字＝值; expires=...
2018-07-05 21:27:48
1449
原创 Window对象、navigator对象和Location对象
Window对象（最大的对象）概念：Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。属性：1、innerHeight 返回窗口的文档显示区的高度2、innerWidth 返回窗口的文档显示区的宽度3、outerHeight 返回窗口的外部高度4、...
2018-07-04 19:34:11
1614
原创 轮播图2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-07-03 22:08:31
247
原创 事件监听和事件解绑
事件监听：oDiv.addEventListener("click",function(){},布尔值（默认为flase）)；addEventListener为添加事件监听"click"这里填的是要执行的事件function(){}这里填的是执行内容布尔值（默认为flase）这里填ture或flase 停止事件传播event.stopPropagation();低版本IE事件监听：oDiv1.at...
2018-07-02 19:54:01
651
原创 方块拖动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #fk{ width: 50
2018-06-28 21:28:00
687
原创 图案跟随鼠标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 80
2018-06-28 21:23:55
285
原创 商品的添加、删除和修改
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> td, th { height: 40px
2018-06-26 22:03:33
6175
原创 关于函数封装
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><ul id="ul"&
2018-06-26 21:24:22
530
原创 关于DOM
DOM概念:文档对象模型（Document Object Model，简称DOM）。获取节点的方法：1、由id获取 getElementById语法：node.getElementById("id"); 2、由class获取 getElementsByClassName语法：node. getElementsByClassName("class");3、由标签名获取 getElementsByT...
2018-06-25 22:49:02
218
原创 正则表达式中match和exec的区别
match是字符串执行匹配正则表达式规则的方法，它的参数是正则表达，而exec是正则表达式的方法，不是字符串的方法，它的参数是字符串。在定义为非全局匹配时：1、正则表达式无子表达式，exec和match执行的结果是一样，均返回第一个匹配的字符串内容；2、正则表达式有子表示时，exec和match执行的结果是一样；在定义为全局匹配时：1、正则表达式无子表达式，exec和match执行，做存在多处匹配...
2018-06-24 18:04:25
510
原创 Math对象和Date对象
Math对象:用于执行数学任务的对象，使用其下的方法，可以执行相应的数学任务。访问语法：Math.属性名Math属性：E、LN2、LN10、LOG2E、LOG10E、PI、SQRT1_2、SQRT2Math常用方法：1、Math.abs(x) 作用：返回数的绝对值2、Math.ceil(x) 作用：对数进行上取整3、Math.floor(x) 作用：对数进行下取整4、Mat...
2018-06-20 19:59:42
286
原创 关于substring、substr、slice的不同
substring()：用于提取字符串的子串，接收起始位置但不接收末尾位置（俗称含头不含尾），括号内跟两个参数，第二个参数如果不选，则返回的参数会一直到字符串的尾部，若两个参数相等，则返回空字符串，若某个参数为负数，则会被替换成0，如果前一个参数大于后一个参数，substring会以两个参数中较小一个作为起始位置，较大的参数作为结束位置。substr()：用于返回一个从指定位置开始到指定长度的字符...
2018-06-17 20:40:45
325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人