- 博客(45)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 时间封装
/** *时间段封装 * * @param {str} 时间 * @return {result} 时间字符串 * */function commonDateAgo(str){if(!str)return;var now = new Date().getTime(),past = Date.parse(str.replace(/-/gi,"/")),diffValue
2018-01-30 11:29:09
376
原创 ie浏览器，get请求缓存
在vue项目中开发，遇到ie请求数据缓存问题，就是当你数据修改的情况下，在次进行数据请求的时候会发生，数据缓存不会去请求服务器数据，一脸懵b。经过多方的求证，终于得到一个最正确的解决方案。get获取数据，因发送参数和地址都一致，导致IE浏览器会从缓存中取，而不会去请求服务器端，而post方式因为参数的不同，则不会产生这个问题。为了不受缓存影响，可以这样做： 1.IE访问策略： Internet选项
2018-01-18 17:15:44
2046
原创 将data对象转换为数组
转换前：letdataList=res.data.data.series;//遍历 对象转数组!!dataList&& dataList.map((item, i) => {//判断该对象是否有该属性if('data'in item) {vararray= Object.keys(item.data).map(functi
2017-10-13 15:45:36
9301
原创 仿魅族flyme社区app的一个动画效果
属于魅族的忠实粉，使用flyme社区的时候发现一个不错的效果，所以就私下来研究哈。效果如下： (function(){ // 当菜单没被激活时 var isLocated = false;
2017-10-11 10:33:13
1263
原创 3D\X20视差效果
html>html lang="en">head> meta charset="UTF-8"> title>title> style> .avatar { width: 300px; height: 300px; margin: 50px auto; back
2017-07-10 16:58:47
379
原创 网页资源加载动画
script> var _LoadingHtml = "拼命加载，请稍等..."; document.write(_LoadingHtml); document.onreadystatechange = completeLoading; //加载状态为complete时移除loading效果 function completeLoading() {
2017-07-10 15:58:31
440
转载 js实现对象-数组-字符串之间的相互转化
js实现对象-数组-字符串之间的相互转化对象-数组-字符串： 例如： var data = { user:”userName”, pass:”12121” };//这是一个对象 如果要给这个data 对象追加一个属性就比如： new Date( ).getTime( );//获取当前时间
2017-07-05 09:56:41
547
原创 gulp项目打包
在打包工具中最简单实用的打包工具还是gulp，gulp打包 的应用平台基于node.js ，我们先看看一个基本的静态资源路径。使用gulp 之前我们需要安装node.js通过npm install gulp -g （全局安装）npm init 进行初始化npm install gulp --save-dev (项目中实用gulp) 4.在根
2017-06-23 11:29:51
576
原创 vue项目开发之proxyTable 解决开发环境的跨域
在实际项目开发过程中vue cli自带的服务器，但是我们实际要去请求我们的数据接口，服务器与服务器之间产生了一个代理跨域问题，我们需要修改自带服务的配置。在config 中的index文件中，有一个proxyTable参数参数修改如下：proxyTable: { '/list': { target: 'http://rap.didoxy.com/mock
2017-06-09 17:32:16
39670
原创 js oop之原型与原型链
对象在大多数语言中都是以面向对象（OOP）进行编程,在JavaScript语言中也不例外。那么今天就来探讨一下JavaScript的面向对象。面向对象的三大特性：1. 封装：在面向对象语言中，封装特性是由类来体现的，我们将现实生活中的一类实体定义成类，其中包括属性和行为。例如动物这一类，有name,sex,age等属性，拥有eat()、sleep()、listen()等方法。2.
2017-03-09 09:48:12
651
原创 js中的三种循环（forEach、each、map）
三大循环使用forEach、map是ECMA5中引入的但是IE9以下版本不支持可以从Array原型扩展可以实现以上全部功能，例如forEach方法:if (typeof Array.prototype.forEach != "function") { Array.prototype.forEach = function() { /* 实现 */ };} //forEac
2017-03-09 09:25:08
21876
转载 slider滑动幻灯片
观察各类轮播组件，我们不难发现一个功能完善的组件具备如下几个特点：前进后退按钮控制单张幻灯片索引按钮可以直接选择某张幻灯片mouseover 可取消滑动，mouseout 恢复滑动部分幻灯片支持无限滑动支持手势操作一般原理我们本次的幻灯片是滑动式幻灯片，观察不难发现多张幻灯片其实是连续的，但我们却只能看见一张幻灯片，其它的幻灯片其实是被隐藏掉了。说起隐藏我们想起一个属性 overflow：hidd
2017-03-08 20:18:45
1096
转载 JS常用事件
A篇： (10)一般事件。 (11)页面相关事件。 (2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。 (3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如: (4)获得焦点事件:onfocus。用户单击text或textarea
2017-03-07 08:53:42
442
转载 常用正则表达式
常用正则表达式合集:验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?
2017-03-07 08:52:31
387
转载 JS常用函数和方法
1.输出语句：document.write("");2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中
2017-03-07 08:51:11
349
转载 BOM操作
window对象 document 对 Document 对象的只读引用。 navigator 对 Navigator 对象的只读引用。 screen
2017-03-07 08:50:12
399
原创 DOM操作
DOM(Document Object Model) 当网页被加载时，浏览器会创建页面的文档对象模型 DOM树 DOM节点12个(*常用) ELEMENT_NODE 1 元素节点 * ATTRIBUTE_N
2017-03-07 08:48:13
254
原创 JavaScript在ES6 中的 Set、Map
ES6 新增了几种集合类型，简单介绍 Set、Map着两个类型,比较新的 Firefox、Chrome（需要在 about:flags 启用实验性 JavaScript）以及 IE11 都有不同程度的实现。Set 是 ES6 新增的有序列表集合，它不会包含重复项。Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key。之前我
2017-01-13 09:31:18
420
原创 深入理解JavaScript 原型和原型链
深入理解JavaScript：强大的原型和原型链前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个
2017-01-12 21:48:20
225
原创 JavaScript中null和undefined的区别
null表示"没有对象"，即该处不应该有值。典型用法是：（1） 作为函数的参数，表示该函数的参数不是对象。（2） 作为对象原型链的终点。undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属
2017-01-12 21:25:53
219
原创 web之滚动条颜色改变
::-webkit-scrollbar { width: 16px;}::-webkit-scrollbar-track { background-color: #eee;}::-webkit-scrollbar-thumb:vertical{ background-color:#32BAAE; height: 56px;}
2016-12-12 12:20:06
481
原创 jQuery之滚动条触发
$(".role").click(function () { console.log("nvnv"); $("body").animate({ scrollTop:650 }, 1000);});
2016-12-11 11:08:01
878
原创 bootstrap轮播HTML代码
div id="carousel-menu" class="carousel slide" data-ride="carousel"> //小圆点 ol class="carousel-indicators"> li data-target="#carousel-menu" data-slide-to="0" class="">li> li data
2016-12-10 16:25:34
582
原创 jQuery遍历函数
jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()
2016-12-08 13:35:56
228
原创 web前端之轮播实现自动播放。
*{ padding: 0px; margin: 0px; font-family: "微软雅黑", "宋体"; } body{ position: relative; } #box{ overflow: hidde
2016-11-30 09:00:32
4076
原创 web前端之用js控制导航栏与副导航栏的切换
首先要具备js的基本知识：id、className、Tagname、name的获取和循环。在点击图标中引用了font-Size;从图标库中获取代码。http://www.iconfont.cn/plushtml>html>head lang="en"> meta charset="UTF-8"> title>title> style> *{
2016-11-25 23:55:14
2461
转载 python-scrapy初体验安装
Scrapy安装介绍一、 Scrapy简介Scrapy is a fast high-level screen scraping and web crawling framework, used to crawl websites and extract structured data from their pages. It can be used for a wide
2016-11-20 09:46:09
344
转载 web前端之JavaScript,调用函数的5种方法
JavaScript,调用函数的5种方法 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性, 当我们选择面对它的时候,这将成为我们前进的阻碍. 作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那些函数与C#中函
2016-11-18 09:20:02
7003
转载 web前端之Javascript---function函数
js 支持两种函数：一类是语言内部的函数（如eval() ），另一类是自己创建的。在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。函数调用有如下四种调用js函数的方式：作为函数作为方
2016-11-18 09:04:40
1833
转载 web前端之javaScript 循环总结
js原生的循环有两种，一般的for循环和for...in循环。还有一种常用jQuery.each()循环。一. js原生循环a. for循环，代码如下：var myArray = [1,2,3];for (var i = 0; i console.log(myArray[i]);};console：1，2，3b. for...in
2016-11-16 20:09:03
500
转载 web前端之css选择器
css选择器的使用参考网址：456 Berea Street一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素
2016-11-13 10:44:04
335
转载 web前端之HTML中a标签锚点
1. 在同一页面中[html] view plain copy print?a name="add">a> a href="#add">跳转到adda> 2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点[html] view plain cop
2016-11-13 10:37:40
3986
转载 web前端之HTML中的常见特殊符号
HTML特殊字符编码大全：往网页中输入特殊字符，需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 ´´©©>>µ&m
2016-11-13 10:26:26
6352
1
原创 web前端之HTML标签分类
在CSS布局之前，需要知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。常用的块状元素有：、、...、、、、、、 、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、一、块级元素什么是块级元素？在html中、 、、、 和 就是块
2016-11-13 10:15:41
4137
转载 web前端之css中display属性，display:inline-block
display属性，display:inline-blockdisplay:inline-block感觉与display:table-cell有些相似，例如对内部元素的包裹性。但是，由于display:inline-block最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以可以置身
2016-11-12 18:55:00
6151
原创 桌面0字节的图标怎么删除
前两天有这个问题来着。桌面新建文本文档，输入DEL /F /A /Q \\？\%1 RD /S /Q \\？\%1 将文件重命名为“XXX（随便输）.bat”,然后把要删除的文件拖到上面就好。
2016-06-12 11:17:03
2557
原创 Centos Linux系统网络设置
Centos Linux系统网络设置1、在Windows的cmd中查找详细的IP地址：ipconfig -all 我们需要ip地址、子网掩码、默认网关和首选DNS服务器2、在虚拟机网络设置中我们选择桥接模式并勾选复制物理网络连接状态。3、在Linux系统中用setup命令设置网络ip地址：setup--->Network co
2016-05-19 21:33:55
477
转载 MySQL安装及其简单语法操作
目录一、MySQL的相关概念介绍二、Windows下MySQL的配置配置步骤MySQL服务的启动、停止与卸载三、MySQL脚本的基本组成四、MySQL中的数据类型五、使用MySQL数据库登录到MySQL创建一个数据库选择所要操作的数据库创建数据库表六、操作MySQL数据库向表中插入数据查询表中的数据更新表中的数据删除表中的数据七、创建后的修改添加
2016-03-23 08:30:39
479
转载 基于MVC模式的JavaWeb
MVC设计模式是目前使用得比较多的一种设计模式，最早出现在Smalltalk中，后来广泛应用于Java Web 应用程序中。Model(模型)表示业务逻辑层，View(视图)代表表示层，Contraller(控制器)代表控制层！在Java Web应用程序中，View部份一般用JSP和HTML构建。客户在View部份提交请求，在业务逻辑层处理后，把处理结果又返回给View部份显示出来。因此，View
2016-03-21 19:46:35
840
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人