- 博客(63)
- 收藏
- 关注
RSS订阅原创 VUE 安装步骤
#淘宝镜像安装sudo npm install -g cnpm --registry=https://registry.npm.taobao.org#安装webpackcnpm install webpack -g#安装vuecnpm install vue#创建VUE项目sudo cnpm install --global vue-cli#设置项目目录：vue i
2017-11-22 17:08:35
381
原创 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
设置或获取对象指定的文件名或路径。alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port) 设置或获取 URL 的协议部分。alert(window.location.protoc
2017-11-22 16:08:49
252
原创 axios基本用法
vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。首先就是引入axios,如果你使用es6，只需要安装axios模块之后import axios from 'axios';//安装方法npm install axios//或bower install axios当然也可以用script引入ax
2017-11-22 13:36:17
965
原创 浅谈 Vue 项目优化
基础优化所谓的基础优化是任何 web 项目都要做的，并且是问题的根源。HTML，CSS，JS 是第一步要优化的点分别对应到 .vue 文件内的，,,，下面逐个谈下 vue 项目里都有哪些值得优化的点template语义化标签，避免乱嵌套，合理命名属性等等标准推荐的东西就不谈了。模板部分帮助我们展示结构化数据，vue 通过数据驱动视图，主要注意一下几点v-show，v-i
2017-11-22 11:09:34
740
原创 nodejs的下载/安装和使用
下载 下载nodejs的网址：http://nodejs.cn/ 。 nodejs配置与安装 可以下载msi/zip文件，msi不用配置环境变量zip需要配置环境变量，解压之后找到对应的node.exe文件所在文件夹下，然后配置环境变量，修改环境变量path在最后加上node.exe所在文件夹目录并加上：在命令行中输入node –v 可以检测是否配置成功。 nodejs的基本语法 运行no
2017-10-16 11:29:51
3462
原创 跨域问题
jQuery1102004988987781091048_1503537119672({"q":"p","p":false,"bs":"qq邮箱","csor":"1","status":0,"g":[{ "q": "苹果官网","t": "n", "st": { "q": "苹果官网", "new": 0 } }, { "q": "ps教程", "t": "n", "st": {"q": "ps
2017-10-11 12:23:42
3943
原创 HTML5-地理定位
HTML5 geolocation API（地理定位）允许对我们喜欢的网站分享我们的位置信息。在开发中使用js获取我们的当前位置坐标（经纬度）。Geolocation 是基于navigator的一个新属性，我们创建一个地理定位的方式。 Var getlocation = navigator.geolocationgetCurrentPosition()是基于地理定位的一个方法，他可
2017-10-11 12:20:06
515
原创 HTML5-web 存储
Cookie特点：有效期：未来的时间。（expires）储存容量：所有的http请求都回带cookie信息.(联想http get请求的可以传送的数据内容)，从某种意义上来说，用cookie存储不是那么的安全 document.cookie= "zz=huadianedu;path=/;expires=2017-08-31T01:11:50.000Z"
2017-10-11 12:17:56
435
原创 HTML5-拖放
1被拖元素设置为可被拖动draggable = ‘true’ 2.规定当被拖元素被拖动时会发生的事件Ondragstart = drad(event);//执行这个函数Function Drag（ev）{//设置被拖动元素的数据类型和值（值是被拖动元素的id）//把被拖目标元素的id存到text里面。Ev.dataTransfer.setData(“Te
2017-10-11 12:15:23
419
原创 HTML5-canvas画布
（1）canvaswidth、height和style里面的width、height一样吗?如果直接设置canvas的width和height：画布和元素的宽度是你设置的值如果设置的是style里面的width和height，它仅表示canvas元素占文档流的位置，这时候画布的宽度和高度都是默认值分别是600，300。注意：设置canvas的宽度的直接设置canvas的width和
2017-10-11 11:58:46
537
原创 HTML5-音频和视频的处理
为什么会有audio/或者说video的出现是为了解决一些什么问题？在H5之前，如果想在浏览器上播放视频音频的话都是需要通过一些插件的支持（如flash），但是因为浏览器和插件之间存在一些兼容性的问题，所以其了解决这些问题就推出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标 使其可以统一化、简洁化1、audioaudio src="荣耀
2017-10-11 11:33:31
752
原创 HTML5-增强的页面元素
1 .details元素和summaryDetails语义，详情Summary语义，概要，摘要Details元素可以实现类似显示/隐藏的功能，summary用于显示details的标题或者间接。注意：（1）如果details下没有summary元素，浏览器会自动添加，同时内容是“详细信息”。（2）details默认是关闭状态的，我们可以通过设置open属性让它打开
2017-09-25 20:53:15
692
原创 HTML5-表单相关新增元素和属性
1.表单元素新增和废弃的属性表单新增的属性可以分成2类：提交类：提交给服务器设置的相关属性，formaction、formmethod、formtype、formtarget控制类：required、autfocus、labels1.1.form属性在H5之前，表单内的所有 从属标签（下级元素），必须书写在form标签内部。H5之后允许标签写在任何地方，
2017-09-25 20:27:36
514
原创 HTML5-主体结构元素
主体结构元素，它是为了语义可以结构化，说白了就是 为了更好的再直白一点就是为了浏览器更好的抓数据。包含的元素：article、section、nav、aside、time（1）article—使用频率低article> header> HTML5课程 header> p>轻松学习HTML5，欢迎来到ahref="http://
2017-09-21 11:30:36
626
原创 HTML5-H5的变化
1.HTML5推出的理由推出的缘由和目标：目前web端存在的一些问题，比如兼容性问题，同样的页面，在不同的浏览器上显示的效果不一样，那么开发人员需要做很多额外的工作去解决一些问题，需要花费大把的时间在这上面；一些特殊的权限没有给开发人员，比如，定位权限、；拉起照相机权限、动画、绘画。那么H5的推出就是为了解决这一系列的问题。H5解决了什么问题：（1）开发了一些特殊的权限给开发者
2017-09-20 18:49:46
1123
原创 CSS3-动画
1、animation动画属性 animation-name:去值为动画的名字 animation-duration：规定动画完成所需的时间 animation-timing-function：规定以什么方式完成动画 animation-delay：1s；规定动画的延迟多久执行 animation-direction：规定动画执行的方
2017-09-18 17:19:50
683
原创 CSS3-过渡
特点： (1)本质上是一帧动画，一帧结束后就没有然后了。。。 (2) 过度效果的实现，必须通过用户的行为，可能触发的行为：hover，focus，click，js代码1.transition的属性 transition-property：指定元素的过度属性。 transition-duration：规定了过度的时间 transition-timing
2017-09-18 17:10:02
582
原创 CSS3-二维变形
特点：所有的二维变形或者叫二维转化都是刷的一下就过去了，没有任何过度效果。 1.Transform转换属性 2.Transform方法 (1)偏移：translate（XY）X表示水平方向的移动，y表示竖直方向的移动。负值表示往反方向移动。使用该方法可以实现div元素的水平和垂直方向的居中*{ padding:0;
2017-09-18 16:54:19
695
原创 CSS3-阴影、倒影、渐变学习笔记
CSS3阴影shadow():阴影1、 text-shadow ：文本阴影text-shadow: 1px 2px3px2、参数：1）X轴的偏移量，越大越向右。 2）Y轴的偏移量，以上为负、下为证。 3）阴影半径（只能时候正值，越大阴影越模糊）。 4）代表颜色text-shadow: 1px 2p
2017-09-13 19:50:33
924
原创 CSS3学习笔记-背景
背景Background-color： backgound-image：backgound-position：backgound- body{ background-image:url("timg.jpg"); background-repeat: no-repeat; bac
2017-09-13 14:11:56
245
原创 CSS3学习笔记-圆角
圆角优点：一.减少网站的维护量二.提高网站的性能，少了对图片的HTTP请求，网页载入速度加快三.增加视觉美观性 #div1{ width: 200px; height: 50px; border: 2px solid red; border-ra
2017-09-13 14:01:16
276
原创 CSS3学习笔记-选择器
CSS3 选择器1.1属性选择器E[attr ^="value"] 指定属性名，找到以value开头的属性值E[attr$="value"] 指定属性名，找到以value结尾的属性值E[attr*="value"] 指定属性名，找到包含value开头的属性值1.2为类选择器1.2.1 用户界面相关的E：enabled{}：元素
2017-09-11 20:34:30
399
原创 H5---面试题十二
new操作符具体干了什么呢（1）创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。（2）属性和方法被加入到 this 引用的对象中。（3）新创建的对象由 this 所引用，并且最后隐式的返回 this 。
2017-08-27 19:45:02
302
原创 H5--主体元素结构与非主题元素结构
主体结构元素主体结构元素，它是为了语义可以结构化，说白了就是 为了更好的再直白一点就是为了浏览器更好的抓数据。包含的元素：article、section、nav、aside、time（1）article—使用频率低article> header> HTML5课程 header> p>轻松学习HTML5，欢迎来到ahre
2017-08-27 19:39:27
498
原创 H5---面试题十一
null和undefined的区别？null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。undefined：（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefined。（4）函
2017-08-25 13:34:11
285
原创 HTML5 学习笔记
HTML5的变化1、HTML5推出的理由推出的缘由和目标：目前web端存在的一些问题，比如兼容性问题，同样的页面，在不同的浏览器上显示的效果不一样，那么开发人员需要做很多额外的工作去解决一些问题，需要花费大把的时间在这上面；一些特殊的权限没有给开发人员，比如，定位权限、；拉起照相机权限、动画、绘画。那么H5的推出就是为了解决这一系列的问题。H5解决了什么问题：（1）开发
2017-08-22 19:49:37
405
原创 H5---面试题十
js有哪些内置对象数据封装类对象：Object、Array、Boolean、Number和 String其他对象：Function、Arguments、Math、Date、RegExp、Error
2017-08-22 08:42:49
515
原创 H5---面试题八
Lable的作用是什么？是怎么用的？label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。1. span style="font-size:24px;">label for="Name">Number:label> 2. input type=“text“name="Name" id="Name"/>
2017-08-15 15:34:44
295
原创 H5---面试题七
H5面试---Doctype作用1）声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2017-08-14 11:31:23
336
原创 H5---面试题六
HTML语义化的理解1）用正确的标签做正确的事情；2）html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；3）即使在没有样式css情况下也以一种文档格式显示，并且是容易阅读的；4）搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；5）使于都源代码的人对网站更容易将网站分块，便于阅读维护理解。
2017-08-12 13:58:54
389
原创 js BOM
BOMbrowser objest model 的缩写1. 常用对象window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法。var a = 1;function text(){ var a =2; alert(a); alert(window.a) ;}全局变量是wind
2017-08-11 17:01:26
259
原创 H5---面试题五
怎么解决 display:inline-block 之间显示间隙问题？ 1、移除空格（div之间回车）2、使用margin 负值3、使用 font-size:04、letter-spacing 5、word-spacing
2017-08-11 10:43:21
335
原创 js 全局变量优点和缺点
全局变量的优点：可以减少变量的个数，减少由于实际参数和形式参数的数据传递带来的时间消耗。全局变量的缺点：（1）全局变量保存在静态存贮区，程序开始运行时为其分配内存，程序结束释放该内存。与局部变量的动态分配、动态释放相比，生存期比较长，因此过多的全局变量会占用较多的内存单元。（2）全局变量破坏了函数的封装性能。函数象一个黑匣子，一般是通过函数参数和返回值进行输入输出，函数内部实现相对独立
2017-08-11 09:34:03
4252
原创 js DOM
1. DOM概念DOM（）文档对象模型整个的文档是由一系列的节点对象组成的一棵树。节点（Node）包括元素节点（1）、属性节点（2）和文本节点（3）。var th1= document.getElementById("th1"); alert(th1.nodeType); alert(th1.nodeName); alert(th1.nodeValue);
2017-08-10 09:46:48
291
原创 H5---面试题四
CSS 选择符有哪些 1）id 选择器（#myid）2）类选择器（.myclassname）3）标签选择器（div，h1，p）4）相邻选择器（h1 + p）5）子选择器（ul > li）6）后代选择器（li a）7）通配符选择器（* ）8）属性选择器（ a[rel = "external"]）9）伪类选择器（a: hover, li: nth - child
2017-08-10 08:41:06
364
原创 display:none 和 visibility:hidden的区别
display:none:隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢， 就当他从来不存在。visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间。
2017-08-10 08:38:35
321
原创 H5---面试题三
简述一下src与href的区别 href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图
2017-08-09 13:27:54
354
原创 js 事件
事件1. 事件的概念事件源事件名事件注册事件处理以火灾为例：粤商大酒店201房间着火了，119电话报警，南湖区消防支队出警，赶赴现场通过喷水作业成功灭火。事件源：粤商大酒店201房间事件名：火灾事件注册：事先已经规划好片区，粤商大酒店所属片区归南湖区消防支队负责事件处理：喷水、灭火 2. 常用事件鼠标的常用事件：（1） 单击事件
2017-08-09 08:51:20
271
原创 H5---面试题二
介绍一下 CSS 的盒子模型1）有两种，IE 盒子模型、标准 W3C 盒子模型； IE 的 content 部分包含了 border 和 padding；2）盒模型：内容（content）、填充（padding）、边界（margin）、边框（border）。
2017-08-08 19:56:52
350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人