
知识
疯喵喵
这个作者很懒,什么都没留下…
展开
-
浏览器缓存简单分类
关于memory cache和disk cache ,,浏览器缓存存在磁盘还是内存主要决定因素是内存空闲情况,如果内存使用率很低就优先放入内存,反之则放入磁盘。大多数大点的静态文件.js等都在disk 一些base64的图片会在memoryservice worker 可以引申到 渐进式Web App...原创 2020-04-21 15:20:10 · 173 阅读 · 0 评论 -
webpack简单优化的配置
webpack性能优化1.开发环境新能优化1.1优化打包构建速度1.1.1 HMR: hot module replacement / 热模板替换作用: 一个模板发生变化,只会重新打包这一个模块(默认是打包所有)1.2优化代码调试1.1.2 source-map作用: 一种提供源代码到构建后代码映射技术 (如果 构建后代码出错了 可以通过映射追踪源代码错误)2. 生产环境性能优化...原创 2020-04-19 13:02:02 · 252 阅读 · 0 评论 -
webpack基础部分
webpack静态资源打包器1 webpack五个核心概念1.1 Entry入口,指示webpack以哪个文件为起点开始打包,分析构建内部依赖图1.string --> ‘./src/index.js’单入口,宝宝形成一个chunk,输出一个bundle文件,chunk名称默认为mian2.array --> [’./src/index.js’, ‘./src/inde...原创 2020-04-19 13:01:16 · 245 阅读 · 0 评论 -
触发动画插件scrollreveal.js
简介http://www.dowebok.com/134.html。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画。和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scro转载 2017-11-14 18:09:24 · 1008 阅读 · 0 评论 -
动画插件wow.js的使用方法
动画插件wow.js的使用方法1,下载文件animate.css 下载地址: http://daneden.github.io/animate.css/wow.min.js 下载地址: http://www.downyi.com/downinfo/37040.html#address2,引入文件 new WOW().init();3,观察你需要的转载 2017-10-17 15:38:38 · 516 阅读 · 0 评论 -
particles.js 使用
particles.jsA lightweight JavaScript library for creating particles. 一个轻量级的创建粒子背景的 JavaScript 库我们先来看一下效果图: 标准版: 星空版: 泡泡版: 下雪版: 利用这个我们可以做些什么呢? 我觉得这个比较适合用在无背景的页面,或转载 2017-10-17 15:30:45 · 2781 阅读 · 0 评论 -
Flex 布局教程:语法篇
Flex 布局教程:语法篇 作者: 阮一峰日期: 2015年7月10日网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W转载 2017-10-08 23:50:32 · 178 阅读 · 0 评论 -
vue 中用less 解决背景图片根据屏幕选择问题
.bg-image(@url) { background-image: url('@{url}@2x.png'); @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){ background-image: url('@{url}@3x.png'); }}不能用+连接原创 2017-10-07 20:42:30 · 2864 阅读 · 0 评论 -
css 中 Sticky footers (让页脚紧贴页面底部的方法)
需要三个层 一个层包内容 一个内容 一个层底部div class="detail-wrapper clearfix" > 注意要清除浮动 div class="detail-main">div>div>div class="detail-close"> i class="icon-close">i>div>.detail .deta原创 2017-10-08 14:06:21 · 478 阅读 · 0 评论 -
vue中点击显示隐藏
div v-if="seller.supports" class原创 2017-10-08 13:30:07 · 8047 阅读 · 0 评论 -
vue中使用less
第一步:安装less依赖,npm install less less-loader --save第二步:修改webpack.base.conf.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加{test: /\.less$/,loader: "style-loader!css-loader!less-loader",},原创 2017-10-07 18:26:43 · 723 阅读 · 0 评论 -
javascript的Array.prototype.slice.call
发现大多人都用了Array.prototype.slice.call(argments,0),一直不明白这句是干什么的。而昨天温习了slice()方法,再参考Function.call(thisArg[, arg1[, arg2[, ...]]]),还是不得而知(我脑筋转得慢:|)。写字前面在js中我们经常会看到Array.prototype.slice.call(argu转载 2017-08-21 22:20:17 · 236 阅读 · 0 评论