自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 测试JS方法运行时间

console.time(label) 和console.timeEnd(label),在开始的地方写上console.time("测试 fn 速度: ") ,在结束的地方写上console.timeEnd("测试 fn 速度: ")label 得相同,然后你就懂了呀,来,互相伤害此外,我也对 console 产生了一点兴趣就去测试了更多它的方法,列几...

2018-12-13 10:54:00 619

转载 基于VUE2.0的分页插件(很好用,很简单)

基于jQuery的分页插件很多,今天分享一下基于Vue的分页插件pagination.js,该插件使用用感觉很不错,简单不复杂,现将个人使用过程中的方法与遇到的问题以及实例分享出来。下载解压的主要目录是: Vue_Pagination_demo.html可以直接打开查看UIVue_Pagination的使用1.首先分析插件需要的组件 vue.js...

2018-11-20 11:40:00 597

转载 【软件测试】测试管理工具----禅道

测试管理工具: 指在软件开发过程中,对测试需求,计划,用例和实施过程进行管理,对软件缺陷进行跟踪处理的工具。 通过使用测试管理工具,测试人员或开发人员可以更方便地记录和监控每个测试活动,阶段的活动,从而找出软件的缺陷和错误,记录测试活动中发现的缺陷和改进建议。 禅道: 国产开源+商业式产品 禅道是国产的开源项目管理软件,专注研发项目管理,内置需求管理,任务管理,bug管理,缺陷管理,用例...

2018-11-01 10:49:00 345

转载 Vue.js中用webpack合并打包多个组件并实现按需加载

对于现在前端插件的频繁更新,所以多多少少要对组件化有点了解,下面这篇文章主要给大家介绍了在Vue.js中用webpack合并打包多个组件并实现按需加载的相关资料,需要的朋友可以参考下。前言随着移动设备的升级、网络速度的提高,用户对于web应用的要求越来越高,web应用要提供的功能越来越。功能的增加导致的最直观的后果就是资源文件越来越大。为了维护越来越庞大的客户端代码,提...

2018-10-31 17:25:00 978

转载 百度文库下载

http://www.bingdian001.com/?p=30转载于:https://www.cnblogs.com/vivaxiaonan/p/9850873.html

2018-10-25 16:42:00 143

转载 升级 macOS Mojave 后部分软件 (如 VS Code) 字体变虚的解决方法

目前有些朋友的设备可能还是“非 Retina” 显示器,那这样如果升级到 Mojave 后你会发现文字不清晰了,这是因为 Mojave 默认关闭了文字次像素渲染字体,你需要在终端里执行:defaults write -g CGFontRenderingFontSmoothingDisabled -bool NO升级 macOS Mojave 新系统后,苹果默认关闭了子像素抗锯齿,导致...

2018-10-22 15:43:00 652

转载 Vue2.0 分页插件pagination使用详细说明

Vue2.0 分页pagination使用插件下载地址:Vue_Pagination插件描述:基于jQuery的分页插件大家都用过很多了吧,今天分享一下基于Vue的分页插件pagination.js下载解压的主要目录是: Vue_Pagination_demo.htmll可以直接打开查看样式 Vue_Pagination的使用1.首先分...

2018-10-18 17:29:00 500

转载 art.dialog 使用说明

Js代码2.传入HTMLElement 备注:1、元素不是复制而是完整移动到对话框中,所以原有的事件与属性都将会保留2、如果隐藏元素被传入到对话框,会设置display:block属性显示该元素3、对话框关闭的时候元素将恢复到原来在页面的位置,styledisplay属性也将恢复 **************************************...

2018-09-30 09:38:00 547

转载 前端优化之图片优化

很多的前端开发者都比较关心性能的优化的问题,今天主要讲一下图片优化的见解和总结,可能很多人大神都知道我列出的知识点,那么开始整理一下图片优化的笔记吧,可能废话有点多,语言组织不到位的地方,大家多担待每个前端网站都有可能引入很多的图片来达到酷炫或者展示的效果,有人会问?为什么非要用图片,因为有些技术上达不到的效果展示,只能用图片来代替,比如淘宝天猫京东这些商城的酷炫的创意广告图 ...

2018-09-28 15:55:00 213

转载 Mac 活动监视器 闪退 pro发热耗电过快问题解决,亲测可用解决

该解决办法转载Mac 活动监视器 闪退pro发热耗电过快问题解决这个月新买了mac,升级了系统,出现CPU发热,高负荷运转问题,始终找不到问题解决办法,,这个过程太痛苦了,也不知道是什么原因。今天终于查清了。。。终于在从解决打不开活动监视器的办法中找到问题所在,也就是贴吧中所说的...

2018-09-19 10:34:00 2250

转载 checkbox不显示,试试去掉-webkit-appearance这个样式

目前在项目中发现一个大坑,搞的我找了好久不知道因为什么,自用的reset.css中加入了 -webkit-appearance:none;其他所有表单没有出现问题,但checkbox会不显示,值改为checkbox或去掉该样式之后问题解决,不知道是否为浏览器更新之后出现的bug,因为以前并没有出现过类似问题。chrome 68.0.3440.106(正式版本)说明:...

2018-09-11 12:48:00 889

转载 浅谈ES6的let和const的异同点

1、let和const的相同点:① 只在声明所在的块级作用域内有效。② 不提升,同时存在暂时性死区,只能在声明的位置后面使用。③ 不可重复声明。2、let和const的不同点:① let声明的变量可以改变,值和类型都可以改变;const声明的常量不可以改变,这意味着,const一旦声明,就必须立即初始化,不能以后再赋值。const i ;...

2018-07-27 17:55:00 135

转载 ES6中箭头函数的作用

我们知道在ES6中,引入了箭头函数,其本质就是等同有ES5中的函数。类似于下面的写法:let test1=() => “abc”;let test2=() => { return “abc”};let sum=(a,b) => a+b;比如上面的3个ES6的箭头函数的写完,如果用ES5就像下面的写完一样。其实其等同于下面的ES5的写法:...

2018-07-27 17:53:00 389

转载 HTML页面每次打开的时候都清除页面缓存

解决办法为:(1) 用HTML标签设置HTTP头信息<HEAD><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><META HTTP-EQUIV="Expi...

2018-07-27 16:29:00 505

转载 解决HTML加载时,外部js文件引用较多,影响页面打开速度问题

解决HTML加载时,外部js文件引用较多,影响页面打开速度问题 通常HTML文件在浏览器中加载时,浏览器都会按照<script>元素在页面中出现的先后顺序,对它们依次加载,一旦加载的js文件数量过多,就会导致页面展示延迟。那么,在开发的过程中,改怎么解决呢? 首先,我们看一看传统中js加载的做法,所有的<script&...

2018-07-25 17:01:00 278

转载 JQuery和Zepto的差异(部分)

1.width()/height()Zepto.js: 由盒模型(box-sizing)决定jQuery: 忽略盒模型,始终返回内容区域的宽/高(不包含padding、border)jQuery官方的说明:Note that.width()will always return the content width, regardless of the v...

2018-06-04 10:02:00 120

转载 vue-router 快速入门

原帖地址vue-router 快速入门vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。本文将以示例的...

2018-06-01 14:15:00 106

转载 vue-resource插件使用

原文地址:本文的主要内容如下:介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面本文11个示例的源码已放到GitH...

2018-06-01 13:53:00 222

转载 Sublime text代码补全插件(支持Javascript、JQuery、Bootstrap框架)

Sublime text代码补全插件(支持Javascript、JQuery、Bootstrap框架)插件名称:javascript-API-Completions支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示su...

2018-05-24 17:52:00 433

转载 网页视觉设计规范

转载于:https://www.cnblogs.com/vivaxiaonan/p/7736424.html

2017-10-26 13:51:00 832

转载 web前端开发中的命名规范

(一)主体头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftright center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news...

2017-10-23 15:37:00 290

转载 百度地图

<script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map('allmap'); var poi = new BMap.Point(116.387426,39.938945); map.centerAndZoom(poi, 17); map.enableScrollWheelZ...

2017-10-16 17:17:00 84

转载 css实现加载中的效果

那天闲着,学习了一下样式效果,自己实现了一个简单的加载中的效果 废话不多说,开始吧!!一、实现一个圆环 要实现圆环,首先我们需要知道盒模型里面border的本质,先来看一个效果吧从上面,我们应该可以看到元素盒模型中border的本质:元素每个方向上的border是梯形而并非矩形。知道了这个,想实现弧状的样式就不是问题了我们只需要想办法让中...

2017-09-25 17:13:00 435

转载 Js/Jquery获取网页屏幕可见区域高度

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 1 document.body.clientWidth ==> BODY对象宽度 2 document.body.clientHeight ==> BODY对象高度 3 document.documentElement.clientWidth ==> 可见区域宽度...

2017-09-25 17:07:00 144

转载 面向对象

面向对象中的几个概念:一切事物皆对象对象具有封装和继承特性对象与对象之间使用消息通信,各自存在信息隐藏JavaScript 语言是通过一种叫做原型(prototype)的方式来实现面向对象编程的。基于类的面向对象和基于原型的面向对象方式比较在基于类的面向对象方式中,对象(object)依靠类(class)来产生。而在基于原型的面向对象方式中,对象...

2017-09-25 08:59:00 83

转载 存点素材图

暑期干货 http://www.uisdc.com/new-for-developers-08-2017渐变色 https://webkul.github.io/coolhue/转载于:https://www.cnblogs.com/vivaxiaonan/p/7513428.html

2017-09-13 09:44:00 84

转载 webstorm开发微信小程序代码提醒(webstorm开发工具)

使用了微信提供的开发工具是真心难用,卡顿厉害、中英文切写注释换相当不爽、还没办法多开窗口,相信大家也遇到过这种现象。下边我们介绍下webstorm来开发微信小程序的一些配置:1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png2.FileType下HTML 添加*.wxml2.png...

2017-09-07 11:30:00 1188

转载 BMI计算器

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; ...

2017-08-29 13:05:00 175

转载 小程序循环二维数组渲染列表

Page({ mapData:[ [{id:11},{id:12}], [{id:21},{id:22}], [{id:31},{id:32},{id:33}] ]})<view class="container"> <view class="map"> <view ...

2017-08-24 17:40:00 658

转载 CSS样式让元素填充剩余部分为自己的高度或宽度

#nav {background-color: #85d989;width: 100%;height: 50px;}#content {background-color: #cc85d9;width: 100%;position: absolute;top: 50px;...

2017-08-24 09:13:00 737

转载 chrome 55 zepto tap事件出错?

刚才升级chrome后发现的,在54.0.2840.98上点击没有问题,在新升级的55.0.2883.75 上点击后会报错Cannot read property 'trigger' of undefined解决方法 就是修改谷歌浏览器对指针活动的支持。。1、谷歌浏览器输入 chrome://flags/ 回车2、找到 指针活动 那一项3、选择 已停...

2017-08-23 15:02:00 133

转载 移动端页面默认样式重置

移动端页面默认样式重置1.-webkit-tap-highlight-color-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)-webkit-tap-highlight-color:rgba(255,0,0,0.5)...

2017-08-21 14:13:00 283

转载 vscode 插件推荐 - 献给所有前端工程师(更新与2018.8.1)

VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用。走马观花前,请先将你的 vscode 更新到最新版本。通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标...

2017-08-17 10:03:00 4156

转载 webpack入门

安装 Webpack在安装 Webpack 前,你本地环境需要支持node.js。由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。使用 cnpm 安装 webpack:cnpm install webpack -g另推荐一种方式:改npm的仓库源npm config set registr...

2017-08-15 17:41:00 76

转载 windows上操作git基本命令

今天准备整理一下代码,重温一下Git的基本命令,好久不用忘得差不多了。1. 进入某个目录:进入D盘,然后进入D盘的名为git的文件夹:$ cd D:$ cd Git2. 返回上一级目录:$ cd .. 注意,cd和..之间必须有一个空格3. 查看当前目录:$ pwd4. 创建一个名为foodsafety-changs...

2017-08-15 17:30:00 140

转载 从本地向 Github 上传项目步骤攻略(快速上手版)

最近想把之前自己做的一些好玩的项目共享到Github,网上找了一圈上传教程,都感觉写的太深奥、复杂,云里雾里,特把自己的方法纪录如下:PS:这种方式一般适用于:开始做项目时,没有直接在github上添加,等做到一半或做完才想添加的项目。准备工作:1、Github帐号2、在Github上添加新的开源项目仓库3、sourcetree工具,或其它git管理工具...

2017-08-07 11:08:00 106

转载 微信小程序开发基础知识总结

微信小程序开发基础知识总结微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们的小程序在很多方面突破H5页面应用的限制,更加接近原生程序的功能,因此微信小程序具有很大的前景想象力。它提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和...

2017-08-01 09:18:00 146

转载 用vue实现百度搜索功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <script src="js/vue.js"></script> ...

2017-07-25 09:53:00 1303

转载 JS实现继承的几种方式

JS实现继承的几种方式前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal...

2017-07-21 12:15:00 62

空空如也

空空如也

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

TA关注的人

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