- 博客(75)
- 收藏
- 关注
RSS订阅转载 web性能优化之：no-cache与must-revalidate深入探究
引言稍微了解HTTP协议的前端同学，想必对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣的可以一起探讨交流。本文仅挑no-cache、must-rev...
2018-08-03 10:25:00
308
转载 JWT
八幅漫画理解使用JSON Web Token设计单点登录系统http://blog.leapoahead.com/2015/09/07/user-authentication-with-jwt/JSON Web Token - 在Web应用间安全地传递信息http://blog.leapoahead.com/2015/09/06/understanding-jwt/转载...
2018-04-23 15:46:00
142
转载 数值每三位加逗号
编写一个 toThousands 函数实现如下功能toThousands(23456.89) // '23,456.89'方法一循环使用 slice(-3)获取每组数字。function toThousands(number) { var arr = String(number).split('.'); var num = arr[0], result = '...
2018-04-13 16:42:00
171
转载 Webpack 打包优化之速度篇
在前文Webpack 打包优化之体积篇中，对如何减小Webpack打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打包速度之于开发体验和及时构建，相当重要；所以有必要对其做更为深入的研究，以便完善工作流，这就是本文存在的缘由。Webpack Package optimization减小文件搜索范围在使用实际项目开发中，为了提升开发效率，很明显...
2018-03-15 22:35:00
150
转载 Webpack 打包优化之体积篇
谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue，React，Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify,Grunt，到后来赢得宝座的Gulp， 以及独树一帜的fis3, 以及下一代打包神器Rollup；在browserify,grunt,gulp,rollup,webpack可以一窥其中部分对比。在本文要...
2018-03-15 22:33:00
108
转载 touchstart 事件与 click 事件的冲突
const clickEvent = (function() {if('ontouchstart'indocument.documentElement ===true)return'touchstart';elsereturn'click';})();Button.addEventListener(clickEvent, ...
2018-03-13 15:58:00
181
转载 git 操作笔记
1.git回滚历史版本git checkout -b name-of-new-branch 169d2dc这样，Git 的活动分支会切换到name-of-new-branch这个分支上，而它的内容与169d2dc这个分支一致。注意：SHA1 的散列值有 40 个字母，相当长。所以 Git 允许我们在不引起歧义的情况下，使用散列值的前几位作为缩写。提示：你也可以用gi...
2018-03-09 15:20:00
65
转载 移动端踩坑之旅-IOS下FIXED、软键盘相关问题总结
最近一个项目掉进了移动端的大坑，包括ios下fixed布局，h5唤起键盘等问题，作为一个B端程序员，弱项就是浏览器的兼容性和移动端的适配(毕竟我们可以要求使用chrome)，还好这次让我学习了一下相关知识。让我们一起来看一下我怎么挣扎出这个大坑的。 一、背景 先看一下要做什么，也就是一个文章评论的版块，下面依次有输入框，点赞，收藏等 。大概长下面这个样子：...
2017-09-12 10:42:00
114
转载 grunt
http://www.cnblogs.com/yexiaochai/p/3603389.html转载于:https://www.cnblogs.com/liangxuru/p/7485763.html
2017-09-06 17:01:00
61
转载 mobiscroll
https://docs.mobiscroll.com/3-2-3/jquery/calendar#!options转载于:https://www.cnblogs.com/liangxuru/p/7404007.html
2017-08-21 13:53:00
76
转载 SharePoint Iframe 报错“此内容不能显示在一个框架中”
问题描述 我们SharePoint站点用Excel Service发布的Excel，需要Iframe到其他系统中，但是，Iframe的时候发现报错“此内容不能显示在一个框架中”。 后来，尝试在其他系统中Iframe SharePoint其他页面，同样报这样的错误；但是SharePoint自己的页面，Iframe自己页面不报错，Iframe自己的Excel Services 页...
2017-08-17 11:32:00
262
转载 使用SVG symbols建立图标系统
在实现Web项目的图标系统时，SVG是一个不错的选择。虽然使用SVG创建图标系统有多种方式。在这篇文章中，我们只看其中一种：SVG symbols。这项技术基于两个元素的使用：<symbol>和<use>。<symbol>元素用来对元素进行分组；它不会被直接显示，大概相当于定义一个模板，然后使用<use>元素引用并进行渲染。我们使用...
2017-07-13 12:43:00
241
转载 滤镜图片变灰白
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); fi...
2017-07-04 10:44:00
101
转载 Canvas制作动态进度加载水球
http://blog.csdn.net/lecepin/article/details/53536445<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type...
2017-06-14 17:03:00
96
转载 前端页面适配的rem换算
为什么要使用rem之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。Px是相对固定单位，字号大小直接被定死，所以用户无法根据自己设置的浏览器字号而缩放，em和rem虽然都...
2017-06-09 10:12:00
4156
转载 跨域资源共享 CORS 详解
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，...
2017-06-02 10:59:00
125
转载 vue插件
https://github.com/opendigg/awesome-github-vue转载于:https://www.cnblogs.com/liangxuru/p/6743333.html
2017-04-21 14:06:00
54
转载 Cavas各种特效
http://codepen.io/转载于:https://www.cnblogs.com/liangxuru/p/6635905.html
2017-03-28 17:25:00
79
转载 console.info(sum(1, 2, 3, 4)(5)(6));
functionadd(){//第一次执行时，定义一个数组专门用来存储所有的参数var_args=[].slice.call(arguments);//在内部声明一个函数，利用闭包的特性保存_args并收集所有的参数值varadder=function(){var_adder=function(){...
2017-03-16 12:30:00
467
转载 万年历
jsvar lunarInfo=new Array(0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,0x04970...
2017-03-09 12:22:00
100
转载 Vue 下拉刷新及无限加载组件
原文https://github.com/wangdahoo/vue-scroller主题Vue.jsVue ScrollerVue Scroller is a foundational component ofVonic UI. In purpose of smooth scrolling, pull to refresh and infinite l...
2017-02-23 16:52:00
295
转载 VUE常用问题hack修改
vue-routerrouter这里踩的坑主要是组件的重用。构建单页面大型应用的话，肯定要开启组件的缓存的，因为一般会要求后退的时候不要重新加载页面，而且要记住原始的滚动位置。首先，引入router-view的地方要加上keep-alive<router-view keep-alive></router-view>然后开启html5 history模式...
2017-02-23 16:51:00
204
转载 CSS滤镜让图片模糊（毛玻璃效果）实例页面
.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px);...
2017-02-17 09:03:00
75
转载 滑动删除
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> <title>htm...
2017-01-07 21:14:00
56
转载 拖动选择单元格并合并方法
<!DOCTYPE HTML><HTML> <head> <TITLE>The document title</TITLE> <meta charset=utf-8> <script src="http://cdn.bootcss.com/jquery/2.2.4...
2016-12-29 15:10:00
396
转载 Windows7上开启ftp服务器功能
开启ftp服务功能1进入“控制面板”->“程序”->"打开或关闭Windows功能"，找到“Internet信息服务”选项2将“Internet信息服务”选项勾选，确定，计算机开始开启服务，需要等待一段时间。这时打开了“FTP服务器”，“Web管理工具”中的“IIS管理控制台”和“万维网服务”下的全部服务(该服...
2016-12-09 09:40:00
768
转载 js 向上滚屏
<!doctype html><html><head><meta charset="utf-8"><title></title><meta name="description" content=""><meta name="keywords" content=""><style>*...
2016-11-17 12:53:00
132
转载 理解Clip Path
http://www.w3cplus.com/css3/using-making-sense-of-clip-path.htmlhttp://www.cnblogs.com/coco1s/p/6026009.htmlhttps://github.com/chokcoco/iCSS/issues/1转载于:https://www.cnblogs.com/liangxuru/p/...
2016-11-03 16:43:00
78
转载 图标制作
1..product-labels{ position: absolute; top: 0; left: 0; z-index: 1; padding: 0 3px; color: #fff; font-size: 1.0rem; line-height: 18px; background: #3a495a;}.product-labe...
2016-10-13 17:42:00
81
转载 transition实现图片轮播
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>css3 通过transform属性实现DIV元素的旋转</title><style>#content{width:800px;margin: 30px auto;pos...
2016-10-13 10:48:00
254
转载 -webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色表单元素在手机中点击时会出现边框，取消边框的写法如下： input, textarea, button, a{ -webkit-tap-hig...
2016-10-12 16:48:00
162
转载 Zero Clipboard js+swf实现的复制功能使用方法
开发中经常会用到复制的功能，在 IE 下实现比较简单。但要想做到跨浏览器比较困难了。本文将介绍一个跨浏览器的库类 Zero Clipboard 。它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比 IE 的 document.execCommand("Copy") 更加灵活。Zero Clipboard 的实现原理Zero Clipboard 利用 Fl...
2016-10-10 17:21:00
70
转载 CSS3 RGBA 属性高级用法
这个属性的兼容问题比较简单，IE8已经支持这个属性，IE6和IE7也可以通过hack支持。RGBA和CSS2里的RBG属性差不多，只是RGBA属性多了一个透明度的定义，CSS3标准里对RGBA属性的解释如下：1 2 3 4 5/* 基本语法 */em{color:Rgba(red,green,blue,opacity)}/* 举例 */em...
2016-10-10 16:58:00
117
转载 -webkit-line-clamp下多行文字溢出点点点...
限制在一个块元素显示的文本的行数。-webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-bo...
2016-10-10 16:19:00
136
转载 关于跨域策略文件crossdomain.xml文件
下载flexpaper源码修改后做成swf阅读器，要加入待阅读的swf文件，可以在flex里调用js的方法来获取swf文件的路径的方法，在js只专注获取路径就行，等着flex来调用：但这里会遇到一个问题那就是出现安全问题，如下的提示： Error #2044: 未处理的 onDocumentLoadedError:。 text=Error #2048: 安全沙箱冲突:http://loc...
2016-09-20 10:28:00
68
转载 预处器的对比——Sass、LESS和Stylus
http://www.w3cplus.com/css/sass-vs-less-vs-stylus-a-preprocessor-shootout.html转载于:https://www.cnblogs.com/liangxuru/p/5838636.html
2016-09-04 09:24:00
48
转载 Windows+Git+TortoiseGit+COPSSH安装图文教程
http://blog.csdn.net/aaron_luchen/article/details/10498181/http://jingyan.baidu.com/article/3a2f7c2e16ca2a26afd611e2.html转载于:https://www.cnblogs.com/liangxuru/p/5826561.html
2016-08-31 16:40:00
45
转载 nginx系列(七)静态文件合并combo
根据雅虎性能优化准则，可以将大量的小型JS文件进行合并，用来提高WEB服务器的性能。下面就是笔者的一个实践。目前必须安装在1.4.+才可以官方：http://wiki.nginx.org/HttpConcatModule下载源码：http://code.taobao.org/svn/nginx_concat_module/trunk/./configure \ --prefi...
2016-08-31 15:00:00
143
转载 变量提升
题1：123456789// 写出以下代码的运行结果vara = 1;functionfn() {if(!a) {vara = 2;}alert(a);// ?}fn();输出：2题2：...
2016-08-15 13:26:00
44
转载 attribute和property的区别
DOM元素的attribute和property很容易混倄在一起，分不清楚，两者是不同的东西，但是两者又联系紧密。很多新手朋友，也包括以前的我，经常会搞不清楚。attribute翻译成中文术语为“特性”，property翻译成中文术语为“属性”，从中文的字面意思来看，确实是有点区别了，先来说说attribute。attribute是一个特性节点，每个DOM元素都有一个对应的att...
2016-08-03 11:01:00
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人