自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 export,import, es6 export, es6 import

创建javascript模块以从模块中导出函数、对象或原语值时,使用export语句,以便其他程序可以使用import语句。export { name1, name2, …, nameN };export { variable1 as name1, variable2 as name2, …, nameN };export let name1, name2, …, nam...

2019-06-18 19:06:00 110

转载 webpack打包体积优化

优化:1:外部引入模块(cdn) 如 jquery,zepto,d3, bootstrap这些固定的lib 使用cdn直接引用就可以,没有必要打包到build,有效利用302。2:图标优化 不管后台还是移动端避免不了icon的使用,使用字体图标,还需引入字体文件,如果字体丢失 会影响到icon显示效果,推荐转换base64 后引用。3:统一模块...

2017-08-22 16:03:00 285

转载 时间戳 转换24小时制

一般来说时间戳转换都是后台干的活,总有那么几个懒的后端,-。-哈哈javascript 时间戳 24 小时转换var timeTrans = new Date(parseInt(1459408942) * 1000);console.log(timeTrans.toLocaleString('chinese',{hour12:false}));php 时...

2016-03-31 17:00:00 1230

转载 fis3 开启相对地址

fis3 开启相对地址//全局或本地安装插件npm install -g fis3-hook-relative//启用插件fis.hook('relative');//让所有文件,都使用相对路径。fis.match('**', { relative:true})转载于:https://www.cnblogs.com/Sunshine-boy/p/50...

2015-12-10 17:51:00 160

转载 web手机端禁止滑动,web手机端禁止上下滑动。

// 禁止滑动document.ontouchstart = function(){ return false;}; // 开启滑动document.ontouchstart = function(){ return false;};推荐前端群 群名称:html5/css3/js/jq/nodejs/div 群号:339840649 点击加入: 扫描加入:...

2015-10-10 15:40:00 217

转载 rem的用法

rem 是css3中的属性,ie8下不兼容。rem是相对于根元素<html> 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px,我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px, 20÷16 = 1.25rem即可。@media only screen and (max-width: 320px) { ...

2015-09-25 15:52:00 108

转载 手机端复制,pc端复制

手机端属于高级浏览器 原生js复制也是支持手机端复制的。一、点击复制文本框内容的代码(1)<script type="text/javascript"> function jsCopy(){ var e=document.getElementById("content");//对象是content e.select();...

2015-09-17 12:24:00 139

转载 ruby 镜像安装

由于国内网络原因,导致rubygems.org存放在 Amazon S3 上面的资源文件间歇性连接失败。所以你会与遇到gem install rack或bundle install的时候半天没有响应,具体可以用gem install rails -V来查看执行过程。这是一个完整 rubygems.org 镜像,你可以用此代替官方版本,同步频率目...

2015-09-11 16:47:00 144

转载 cookie属性,有效期和作用域

/* * cookieStorage API * @maxage 有效期 * path 作用域 * */function cookieStorage (maxage, path) { var cookie = (function(){ var cookie = {}; var all = document.cookie; // 获取全部的...

2015-08-31 21:24:00 137

转载 关于sass那些事,sass用法。

SASS是一种CSS预处理器依赖ruby。SASS扩展了CSS,添加了新的规则、变量、混入、选择器和继承等特性。在使用SASS之前首先要安装ruby服务器:http://www.rubyinstaller.org/。 安装好ruby后,打开Start Command Prompt with Ruby,键入gem install sass 安装SASS。之后输入:sass –v ...

2015-07-07 18:36:00 160

转载 ajax 无刷新下拉加载更多。

随着互联网时代的发展,web前端已经和后台数据挂钩,作为web前端仅仅不是只切图写写html,css 和简单js交互。js code 1 $(function() { 2 var page = 1; 3 var discount = $('#discount'); 4 var innerHeight = wind...

2015-07-02 20:22:00 111

转载 移动端那些事;hammer不错的jq插件。

从pc端到移动端相信很多前端攻城师为移动端发愁,写原声的手机端事件是非常费力的, 而jq的click又有300毫秒延迟,现在有了比较不错的jq插件hammer,Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件支持各种手机事件,比如缩放 ,qq左滑动删除, 放大, 旋转等。/*可以写原声和jquery的,需要注意的是...

2015-07-02 20:02:00 131

转载 css样式权重优先级

样式选择器权重优先级:important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 ◆important的权重为1,0,0,0 ◆ID的权重为0,1,0,0 ◆类的权重为0,0,1,0 ◆标签的权重为0,0,0,1 ◆伪...

2015-02-09 09:24:00 75

转载 js 全选 不选 反选

js实现 全选 不选 反选思路:1,获取元素2,给全选 不选 反选添加点击事件3,用for循环checkbox4,把checkbox的checked设置为true即实现全选5,把checkbox的checked设置为false即实现不选6,通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为fal...

2015-02-06 18:41:00 79

转载 js选项卡

js选项卡的实现:思路 1,获取元素; 2,for循环按钮元素添加onclick(点击) 或者 onmousemove(移入)事件; 3,点击当前按钮时会以高亮状态显示,通过for循环历遍把所有的按钮样式设置为空在把所有div的display设置为none。 4,点击当前按钮添加样式,把当前div显示出来,display设置为block。html代...

2015-02-06 11:49:00 74

转载 css3 圆角(border-radius),css3 阴影(box-shadow),css3渐变(gradient)。

前缀-moz(例如 -moz-border-radius)用于Firefox。-webkit(例如:-webkit-border-radius)用于Safari和Chrome。css3圆角代码<div class="radius"></div>.radius { padding:10px; width:300px; height:5...

2015-02-05 10:16:00 134

空空如也

空空如也

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

TA关注的人

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