自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 canvas drawImage图片不显示问题

canvas drawImage图片不显示问题 初次学习canvas,用来做笔记记录下遇到的问题及解决方案这里是要将一张图片写到canvas里,按照网上搜索,初写了段代码,可是却没显示,以为是路径问题,不能跨域名使用,后来改为相对路径后,仍然无效,如下:...

2019-06-14 14:24:00 956

转载 浅谈script中的defer与async

浅谈script中的defer与async 一直没有在script上使用过别的属性,今天看基础代码才发现这个,搜索、记录下,以便记忆。大家都知道,js加载会造成阻塞,阻碍页面的继续渲染。defer:js与页面同步加载,不阻碍页面渲染,会在页面渲染完成后执...

2019-05-29 18:06:00 135

转载 ios的uc浏览器图片加载不出来原因

ios的uc浏览器图片加载不出来原因 最近做一个落地页发现一个在ios设备上uc浏览器的bug在uc浏览器开启广告过滤的时候,会把图片过滤掉,无论是背景图还是img标签加载的图片经过搜索与实验,发现广告过滤的设置关掉就可以,可是一般情况下默认都是开启广告过滤...

2019-05-23 11:32:00 990

转载 vue 后退不刷新,前进刷新 keep-alive

vue 后退不刷新,前进刷新 keep-alive 最近在开发中遇到了这样的一个问题:A、B、C三个页面,有如下这样的场景:(1)从页面A离开进入B或C的时候,缓存A页面的数据,并且返回到A后,能保持A页面的跳转前职位(2)离开B进入C的时候,缓存B...

2019-05-07 11:50:00 238

转载 qs.stringify()与JSON.stringify()区别

qs.stringify()与JSON.stringify()区别 qs.stringify、JSON.stringify虽然都是序列化,但他俩却不是一个东西。qs是nodejs的一个模块JSON.stringify是js自带的方法,是将json对象转换为j...

2019-02-15 14:36:00 200

转载 js 执行顺序

js 执行顺序 js分为预编译期(预处理)、执行期预编译期:对本代码块(两个script块互不影响)中的所有var声明的变量和函数进行处理,但此处处理函数的只是声明式函数(function aa(){}),初始内容就是函数体的内容(这就是“提升”),而变量也只是...

2019-01-23 15:47:00 60

转载 setTimeout设置为0 为啥不能立马执行

setTimeout设置为0 为啥不能立马执行 setTimeout(function(){}, timer) 是指延时执行。第一个参数是回调函数,第二个参数是指延时多久执行回调函数。setTimeout(function(){console.log(1);...

2019-01-22 13:50:00 840

转载 jQuery 查找父节点 parents()与closest()

jQuery 查找父节点 parents()与closest() parents()由内向外,直到最高的父节点停止查找,返回的父节点是多个closest()由内向外查找,当找到符合规则的一个,则不再查找,返回的是0或1个 ...

2019-01-11 14:23:00 76

转载 localstorage ie11不支持

localstorage ie11不支持 据我所知,localstorage在高版本的ie、谷歌、火狐下都是支持的,以前没在ie上看过,不清楚,今天我用ie11打开我vue编译后的html,竟然发现不支持localstorage了,用仿真的ie10就没事儿,经过多次...

2018-11-13 14:58:00 1055

转载 h5 rem计算

h5 rem计算 设置html默认font-size: 100px,此时默认的页面的width是750px,然后根据手机大小改变html节点的font-size,从而改变rem的大小,代码如下:<script> var size = 50; var ...

2018-10-17 10:22:00 205

转载 .md(markdown)基础语法

.md(markdown)基础语法 markdown基础语法笔记,方便翻看。1. 标题标题有3中写法,可混写:(1)# ***,前面#,后面文字,注意,#与文字间有空格,1-6个#分别表示h1-h6,h1、h2下有横线(2)==== 或 ----...

2018-10-10 18:40:00 126

转载 运行一次node服务后,再次运行报错

运行一次node服务后,再次运行报错 由于工作内容在git上,而系统又是window,大家知道,window自带的终端是不能进行git操作的,所以下载了一个git进行代码的更新提交。我在git上运行了node服务后,由于不同的项目,我需要切换运行,所以ctrl+...

2017-12-28 16:57:00 170

转载 webpack 配置文件说明

webpack 配置文件说明 var path = require("path");var webpack = require("webpack");var HtmlwebpackPlugin = require('html-webpack-plug...

2016-05-23 14:59:00 94

转载 css3 扇形动画

css3 扇形动画 扇形动画,因为我工作中遇到了只执行一次就ok,所以没细研究,该css暂时只能执行1次扇形动画,无限循环会有问题。css:@keyframes rotateAn{ 0%{transform: rotate(0deg); }...

2016-05-11 22:38:00 126

转载 autoprefixer 处理css3的前缀

autoprefixer 处理css3的前缀 css3书写的时候,有时需要加上前缀,比如“-webkit-*、-moz-*”等等,但可能会写的不完整或者是写错,也很麻烦,那么autoprefixer可以处理这些。autoprefixer是一个后处理程序,不象Sa...

2016-05-03 18:44:00 108

转载 css 判断是iphone4s iphone5 加载不同样式

css 判断是iphone4s iphone5 加载不同样式 @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */ .class{}}@medi...

2016-04-28 13:10:00 93

转载 webpack编译sass报错找不到module /css-loader/index.js... || 安装node-sass报错

webpack编译sass报错找不到module /css-loader/index.js... || 安装node-sass报错 今天无论在家还是在公司,安装node-sass总是失败,或安装成功了,使用webpack编译sass报错,说找不到module,按照提...

2016-04-21 23:46:00 415

转载 es6 模块编译 *** is not function

es6 模块编译 *** is not function 今天学习vuejs,里面用到了es6的写法,遇到了一个很怪的问题,不知道有人遇到么。安装的模块引用:import Vue from 'vue';(注意,Vue处没有{},如果加上这个就报错Uncau...

2016-04-18 23:04:00 274

转载 thinkjs 安装笔记

thinkjs 安装笔记 1.首先安装thinkjsnpm install -g thinkjs(-g是指全局安装)检查是否安装成功:thinkjs -v2.创建项目进入项目目录,初始化项目:thinkjs new project_path(project_pa...

2016-01-29 18:27:00 94

转载 js this的指向

js this的指向 this是javascript语言中的一个关键字,它是函数运行时自动生成的一个内部对象,只能在函数内部使用。一般情况下,this指向的是调用函数的那个对象。(1)作为普通函数直接调用,this指向windowfunction fun...

2016-01-28 12:00:00 38

转载 js 代码位置不同,导致随着点击函数执行次数累加

js 代码位置不同,导致随着点击函数执行次数累加 每个人书写代码的习惯都不同吃,思想也都不一样,但在工作中为了减少工作量与时间,难免遇到要用别人写的代码。这次在使用同事的代码中,偶然发现的问题,因为js不好,所以一眼也没发现问题所在,查了查网上才知道这是由于重复绑定...

2016-01-07 17:29:00 113

转载 jquery $(".classc",$(".classp"))的含义

jquery $(".classc",$(".classp"))的含义 jquery中有一种选择器的写法为:$(".classc",$(".classp")),注意,是$()中又嵌套了一个$(),这种写法的作用类似于$(".classp").find(".class...

2015-11-20 18:40:00 150

转载 canvas画圆又毛边

canvas画圆又毛边 canvas使用arc()画园有毛边,如图:,只需给其添加width,height即可,直接上代码<!DOCTYPE html><html lang="en"><head> &lt...

2015-11-19 18:17:00 324

转载 关于数字加载的动画 jquery

关于数字加载的动画 jquery 这是关于数字加载的一个动画,从0开始变化到设置的数字,依赖于jquery,效果如下所示当然,数字要显示的位数是可以设置的,默认是全部位数的数字,设置显示位数可以直接传递参数,例如:html文件为:<!DOC...

2015-11-11 17:39:00 280

转载 微信里关闭窗口 js

微信里关闭窗口 js 需要在微信中关闭页面窗口,不过window.close()不管用,问过群里才知道微信有自带的方法能关闭窗口,记录一下(这个只针对微信有效哦):WeixinJSBridge.call('closeWindow'); ...

2015-11-03 16:17:00 99

转载 依赖jquery的select皮肤2

依赖jquery的select皮肤2 这个下拉菜单存在于body中,不会受select父级overflow的影响,同样依赖于jquery。缺陷是如果select上的样式不是定义在class上的,不能完全获取select上的样式。不过,皮肤的样式可以通过css...

2015-10-22 17:24:00 118

转载 grunt-css-sprite css 代码中的切片合并

grunt-css-sprite css 代码中的切片合并 安装插件:npm install grunt-css-sprite --save-devgrunt-css-sprite主要功能:1.对 css 文件进行处理,收集切片序列,生成雪碧图2.在原css代码...

2015-09-29 17:59:00 93

转载 grunt-contrib-imagemin 图像压缩

grunt-contrib-imagemin 图像压缩 grunt-contrib-imagemin:图像压缩安装插件:npm install grunt-contrib-imagemin --save-dev参数optimizationLevel(pn...

2015-09-29 15:03:00 144

转载 grunt-contrib-cssmin CSS压缩以及合并

grunt-contrib-cssmin CSS压缩以及合并 grunt-contrib-cssmin:压缩以及合并CSS文件安装插件:npm install grunt-contrib-cssmin --save-dev不设置compatibility与n...

2015-09-29 11:15:00 94

转载 grunt-contrib-uglify js压缩

grunt-contrib-uglify js压缩 grunt-contrib-uglify:压缩以及合并JavaScript文件。插件安装:npm install grunt-contrib-uglify --save-dev参数:banner:文档头...

2015-09-28 18:36:00 140

转载 grunt-contrib-jshint js代码检查

grunt-contrib-jshint js代码检查 grunt-contrib-jshint:用于javascript代码检查(并会给出建议),发布js代码前执行jshint任务, 可以避免出现一些低级语法问题jshint拥有非常丰富的配置,可以自由控制检验的级...

2015-09-28 16:46:00 130

转载 grunt-contrib-concat 合并任意文件

grunt-contrib-concat 合并任意文件 grunt-contrib-concat可用于合并任意文件(css\js\txt等)安装插件:npm install grunt-contrib-concat --save-dev参数:separa...

2015-09-28 15:03:00 133

转载 grunt-contrib-watch 实时监测文件状态

grunt-contrib-watch 实时监测文件状态 grunt-contrib-watch:实时监测文件的增删改状态,状态改变时自动执行预定义任务使用watch时,被watch的文件可以分开写,这样可以提高watch的性能,不用每次把没修改的文件也执行一遍任务...

2015-09-25 17:13:00 62

转载 grunt-contrib-compass 编译sass

grunt-contrib-compass 编译sass grunt-contrib-compass的作用是编译sass文件为css。使用该插件需要先安装sass和compass。(1)安装sassgem install sass(2)安装compassgem ...

2015-09-25 16:08:00 70

转载 grunt的安装及使用

grunt的安装及使用 windows下安装grunt需要先安装ruby和nodejsruby -v 测试ruby是否安装成功node -v 测试nodejs是否安装成功npm -v 测试npm是否安装成功(npm是node.js的包管理器,安装node.js会自...

2015-09-25 15:11:00 132

转载 dede 调取二级三级菜单栏目

dede 调取二级三级菜单栏目 {dede:channelartlist typeid='2'} <div class="cate-item"> <div class="cate-item-p text-ellips...

2015-09-09 23:31:00 133

转载 手机端 设置html上font-size的值 使用rem

手机端 设置html上font-size的值 使用rem 在head标签上加入:(function() { var b = navigator.userAgent; ipad = b.match(/(iPad).*OS\s([\d_]+)...

2015-09-02 17:31:00 151

转载 jquery 自定义右键菜单

jquery 自定义右键菜单 如果要自定义右键菜单,那么就需要禁止原本的右键菜单,代码如下document.oncontextmenu = new Function("return false;");//禁止右键默认菜单该自定义右键菜单是基于jquery上的...

2015-07-27 18:12:00 123

转载 js 选中文字

js 选中文字 选中文字,文字背景是蓝色当前点击的元素:var e = e || event;var tag = e.target || e.srcElement;选中文字:window.getSelection().selectAllChildre...

2015-07-15 11:43:00 95

转载 js 计算字符串中出现次数最多的字符及其次数

js 计算字符串中出现次数最多的字符及其次数 方法一:var str="sdfseresssssdssdfsa";var arr=[];var max=0;var maxk;for(var i=0;i<str.length;i++){...

2015-07-14 18:37:00 103

空空如也

空空如也

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

TA关注的人

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