自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 收藏
  • 关注

转载 vue 监听路由变化

一、// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},//// 或监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.l...

2019-06-16 20:27:00 147

转载 vue:过滤器---时间戳格式转化

//新建js文件export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));...

2019-06-13 17:47:00 466

转载 vue 动态路由传参

// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`,需要对应路由配置如下: { path: '/describe/:id', name: 'Describe', component: D...

2019-06-13 17:43:00 713

转载 node的版本控制之nvm的命令

windows下nvm的命令([]中的参数可有可无):nvm arch 查看当前系统的位数和当前nodejs的位数nvm install <version> [arch] 安装制定版本的node 并且可以指定平台 version 版本号 arch 平台nvm list [available] ...

2019-05-24 14:50:00 158

转载 gulpfile.js 文件配置

1 // --本地服务器 2 var gulp = require('gulp'), 3 browserSync = require('browser-sync').create(), 4 // SSI = require('browsersync-ssi'), 5 reload = brow...

2019-05-21 10:58:00 152

转载 for(var i in items) 和 for(var i;i<items.length;i++) 区别

前者循环的是属性,后者循环的才是数组。若项目中对数组属性进行了扩展,那切记不能使用前者,否则在循环数组时扩展的函数体也会被当做数据返回。var data = { p1:1, p2:"b" };for (var i in data){ alert(eval("data." + i));} for(var i in items) 慎用 尤其在需...

2019-05-15 10:42:00 667

转载 点击其他区域 阻止input框发失去焦点事件

//点击关闭按钮 input框不触发失去焦点事件document.getElementById('js_close').onmousedown=function(e){ if ( e && e.preventDefault ){ e.preventDefault(); }else{ window.event....

2019-05-13 14:31:00 2297

转载 jQuery.ajaxSetup()

jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求,如果对应的选项参数没有设置,将使用更改后的默认设置。该函数属于全局jQuery对象。 /** * ajax初始化 */ jQuery.ajaxSetup({ type: "post", dataType: "json", cache: false...

2019-05-13 11:36:00 173

转载 手机号输入框不允许输入其他字符//IE8

// 手机号输入框不允许输入其他字符 $("#orderphone").on("keyup", function () { var value = $(this).val(); value = value.replace(/[^\d]/g, ''); $(this).val(value); });...

2019-05-09 14:00:00 221

转载 array.some() 方法兼容ie8

在第 5 版时,some被添加进 ECMA-262 标准;这样导致某些实现环境可能不支持它。你可以把下面的代码插入到脚本的开头来解决此问题,从而允许在那些没有原生支持它的实现环境中使用它。该算法是ECMA-262 第 5 版中指定的算法,假定Object和TypeError拥有他们的初始值,且fun.call等价于Function.prototype.call。----...

2019-03-14 11:39:00 765

转载 mouseover 和 mouseout 事件是可以冒泡的 取消

mouseover和mouseout事件是可以冒泡的,子元素上触发的事件会冒泡到父元素上。可以改用mouseleave和mouseenter事件,这两个事件不冒泡。转载于:https://www.cnblogs.com/qiu2841/p/10431980.html...

2019-02-25 17:11:00 395

转载 多个JS文件性能优化

页面中引入的JS文件是阻塞式加载的,这样会影响页面性能。以下是JS文件性能优化方法:一:将所有的<script>标签放到页面底部,也就是</body>闭合标签之前,这能确保在脚本执行前页面完成了渲染  由于JS文件是阻塞式加载,当加载JS文件时,页面停止渲染,这样页面会出现不完整状态。将JS文件的<script>放在页面底部,这样能在加载JS文...

2018-12-27 10:09:00 188

转载 CSS动画@-webkit-keyframes

@-webkit-keyframes:以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%。0% 是动画的开始时间,100% 动画的结束时间。display: inline-block; 行内块元素,不会产生错位-webkit-animation-timing-function: linear; 线性过度...

2018-08-20 14:08:00 710

转载 为什么请求时,需要使用URLEncode做encode转码操作(转)

什么要对url进行encode发现现在几乎所有的网站都对url中的汉字和特殊的字符,进行了urlencode操作,也就是:http://hi.baidu.com/%BE%B2%D0%C4%C0%CF%C8%CB/creat/blog/这个样子,中间%形式的,肯定就是我的登录用户名称了吧。为什么对这些字符进行了u的编码形式,是为了字符编码(gbk、utf8)还是为了...

2018-08-15 15:58:00 3356

转载 ajax获取动态列表数据后的分页问题

ajax获取动态列表数据后的分页问题这是我在写前台网站时遇到的一个分页问题,由于数据是通过ajax的方式来请求得到的,如果引入相应的js文件来做分页,假如只是静态的填放数据到列表各项内容中(列表条数固定),确实不会出现问题。但是要从ajax中获取数据后要动态添加<li>至<ul>并实现分页,js文件却达不到想要的分页效果。(原因:这是由于js脚本文件...

2018-08-08 10:01:00 563

转载 (转载)IE8+兼容经验小结

本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容性问题都OK了(这里的IE8+主要是指IE8,据个人目测,IE9+的渲染效果已经非常好了)。前期准备测试IE兼容性必须要在Windows中测,而且是Win7+,因为WinXP最高只支持IE8,I...

2018-08-06 08:44:00 87

转载 怎么用js精确判断li已经在ul存在过了?

<ulclass="memory_messagelist"id="memory_messagelist"><li><span>我是1</span><span>1留言</span></li><li><span>我是2</span><span>2留言...

2018-08-03 16:12:00 229

转载 jquery和js如何判断checkbox是否选中

jquery:<div id="divId" class="divTable"><div class="tableBody"><ul ><li ><input type="checkbox" value="501" ></li></ul></div></div...

2018-08-03 11:13:00 130

转载 将当前日期转换成年-月- 日格式

var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 &am...

2018-08-02 11:12:00 1914

转载 js修改title

title在html中属于特殊的节点元素.因为它可以使用doucment.getElementsByTagName("title")[0]来获取它的标题,但却无法用doucment.getElementsByTagName("title")[0]用更改它的值. 但是,总有解决的方法.在javascript中,修改title的方法是:1...

2018-07-24 15:29:00 171

转载 Window.open()方法参数详解总结(转)

1, 最基本的弹出窗口代码 window.open('page.html');2, 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location...

2018-07-24 15:27:00 100

转载 js(jQuery)获取时间的方法及常用时间类

$(function(){var mydate = new Date();var t=mydate.toLocaleString();/*alert(t);*/$("#time").text(t);$("#time").load("Untitled-1.html");});<P id="time">afwef</P>获取J...

2018-07-12 15:13:00 67

转载 用express搭建一个简单的博客系统

转自:https://blog.csdn.net/qq_29721837/article/details/62055603Express 简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站,它有一套健壮的特性,可用于开发单页...

2018-07-04 11:57:00 443

转载 字符串、数组相互转换 对象转换为数组的方法

1、字符串转数组str.split(';');//以分号拆分字符串2、数组转字符串arr.join(';');//把数组项拼接成字符串,并以分号隔开。默认情况下是以逗号隔开3、对象转换为数组的方法let arrayLike = {'0': 'a','1': 'b','2': 'c',length: 3};// ES5 的写法var arr1 = []....

2018-06-19 08:59:00 797

转载 多文件上传 input 的multiple 属性

一、上传多张图片并且预览HTML:<div class="container"> <label>请选择一个图像文件:</label> <input type="file" id="file_input" multiple/> </div> <div id="body"> </div&g...

2018-06-15 10:28:00 1716

转载 关于iframe的使用 以及自适应页面高度

1、<a href="port" target="frame_view">港口资料</a><iframe id="external-frame" onload="setIframeHeight(this)" src="initialValue" frameborder="0" scrolling='no' height="100%" widt...

2018-06-12 17:26:00 758

转载 浏览器转换为兼容模式

一、ie浏览器X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式;而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。我们常使用...

2018-06-04 17:18:00 225

转载 常见 SQL语句使用 增删改查

一、常见的增删改查(一)、查:1、SELECT 列名称 FROM 表名称,其中列名可以是多个,中间用豆号分开,如SELECT LastName,FirstName FROM Persons; 2、SELECT * FROM 表名称,表示查找表中所有的内容,星号(*)是选取所有列的快捷方式; 3、用where 限定搜索范围,SELECT 列名称 FROM 表名称 WHERE 列...

2018-05-31 11:07:00 441

转载 wangEditor编辑器中解析html图文信息问题

在JS中,有一种方法:innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。也就是说,我们可以利用这个属性,把字符串转换为html代码,这样就可以被解析了。其次,我们是需要在页面加载完成后,直接就能在编辑器上看到图文信息。<div id="editor"> <div id="info2"> &l...

2018-05-14 16:56:00 2999

转载 jQuery制作table表格布局插件带有列左右拖动效果

压缩包:http://www.xwcms.net/js/bddm/99004.html转载于:https://www.cnblogs.com/qiu2841/p/9006535.html

2018-05-08 09:44:00 752

转载 vue 三目运算

:class="followed ? 'btn-success':'btn-secondary'"转载于:https://www.cnblogs.com/qiu2841/p/8990917.html

2018-05-04 15:38:00 5966

转载 jQuery遍历 filter()方法

实例改变所有 div 的颜色,然后向类名为 "middle" 的类添加边框:$("div").css("background", "#c8ebcc") .filter(".middle") .css("border-color", "red");定义和用法filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。语法.filter(selecto...

2018-04-27 10:06:00 158

转载 js 的filter()方法

filter()方法使用指定的函数测试所有元素,并创建一个包含所有通过测试的元素的新数组。 filter()基本语法: arr.filter(callback[, thisArg])   filter()参数介绍:    参数名 说明    callback 用来测试数组的每个元素的函数。调用时使用参数 (element, ...

2018-04-27 10:03:00 81

转载 vue 搜索匹配

computed: { broSeachData: function() { var browesData = this.browesData, searchVal = this.searchVal; if(!searchVal) { return browesData; ...

2018-04-26 17:33:00 172

转载 vue实现数据的增删改查

在管理员的一些后台页面里,个人中心里的数据列表里,都会有对这些数据进行增删改查的操作。比如在管理员后台的用户列表里,我们可以录入新用户的信息,也可以对既有的用户信息进行修改。在vue中,我们更应该专注于对数据的操作和处理。比如我们有一个这样的页面:我们在这个页面里,就实现了增删改查4个功能,点击链接查看demo【http://www.xiabingbao.com/demo/v...

2018-04-20 11:47:00 1178

转载 关于 vee-validate直接引用的方法

转载于:https://blog.csdn.net/hy111/article/details/79046500?%3E由于当前项目使用的是基于jQuery的前端结构,尝试在新增需求中使用VUE2,对于表单验证使用vee-validate。当前基于webpack项目,使用npm引入的样例比较多。目前在普通页面中使用的经验进行积累,以供参考,为了考虑系统兼容性,项目中暂时没有使...

2018-04-18 16:45:00 320

转载 vue 自定义过度组件用法

HTML:<div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="v"> <p v-if="show">hello</p> </transition>&l...

2018-04-13 14:58:00 160

转载 vue 实例 网站

Purevue demo 实战第一节:Vue基础一Pure vue demo 实战第二节:Vue基础二Pure vue demo 实战第三节:Vue组件Pure vue demo 实战第四节:Vue实例的生命周期Pure vue demo 实战第五节:数据获取Demo 的GitHub地址:https://github.com/ShiShiXu/Pure...

2018-04-13 10:32:00 581

转载 nodejs取参四种方法req.body,req.params,req.param,req.body

摘要: nodejs取参四种方法req.body,req.params,req.param,req.body 获取请求很中的参数是每个web后台处理的必经之路,nodejs提供了四种方法来实现。获取请求很中的参数是每个web后台处理的必经之路,nodejs的express框架提供了四种方法来实现。req.bodyreq.queryreq...

2017-11-27 10:52:00 166

转载 vue 项目的开发流程

转自:http://www.cnblogs.com/crazycode2/p/6500737.html(侵删)1.$ node -v (检测node版本,node版本需要在 V4 以上)2.全局安装vue $ npm install -g vue3.安装脚手架 $ npm install -g vue-cli4.运行 vue 命令,看是否已安装完毕 $ vue / ...

2017-08-11 15:24:00 103

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除