Fork me on GitHub
摘要: 1.使用浏览器缓存 在app.js里添加 给静态文件设置了一年的的浏览器缓存 2.启用压缩 * 安装compression包 * express version 3.0.0 即使我们在开发中使用gulp,webpack将代码压缩打包,他也只是代码层面的,而使用文件压缩的话,浏览器会加在gzip格式的 阅读全文
posted @ 2016-07-19 10:42 小象Frey 阅读(941) 评论(0) 推荐(0) 编辑
摘要: 1.一个base64转换的包 "!https://www.npmjs.com/package/js base64" 2 js 压缩 "!https://www.npmjs.com/package/uglifyjs" 3.fetch http请求 "!https://github.com/github 阅读全文
posted @ 2016-05-12 16:35 小象Frey 阅读(508) 评论(0) 推荐(0) 编辑
摘要: 背景 最近常参与后台php项目,虽说刚毕业时自学过一阵子php和mysql,不过长时间没用也忘差不多了,于是把mysql再温习一遍,前端同学也可以一起学习下! mysql安装以及操作 安装 启动 关闭 连接 检查mysql进程 问题 重启mysql提示MySQL server PID file co 阅读全文
posted @ 2016-04-26 17:44 小象Frey 阅读(1150) 评论(1) 推荐(1) 编辑
摘要: 刚git了webpack的包发现package.json里面dependencies依赖包的版本号前面的符号有两种,一种是~,一种是^,如下图标记: 然后搜了下在stackoverflow上找到一个比较好的答案所以在此mark下 ~,^的区别是 ~的意思是匹配最近的小版本 比如~1.2.3将会匹配所 阅读全文
posted @ 2016-03-29 10:57 小象Frey 阅读(6393) 评论(0) 推荐(0) 编辑
摘要: 了解webpack请移步 "webpack初识!" 什么是loader loaders 用于转换应用程序的资源文件,他们是运行在nodejs下的函数 使用参数来获取一个资源的来源并且返回一个新的来源(资源的位置),例如:你可以使用loader来告诉webpack去加载一个coffeescript或者 阅读全文
posted @ 2016-03-28 22:21 小象Frey 阅读(14604) 评论(2) 推荐(3) 编辑
摘要: 背景 在微信分享开发的时候我们通常的流程是 上面是一个php文件,这样的代码的一个很大缺点是前后端未分离耦合度太高,再一就是混合写不是很美观,所以我们要让PHP和HTML分离,要实现分享功能,首先就是要调用用微信的jssdk Api获取到配置参数, 这个必须是要通过php后台语言来获取的,然后将这些 阅读全文
posted @ 2016-03-09 09:40 小象Frey 阅读(11800) 评论(3) 推荐(6) 编辑
摘要: 最近在使用webpack 感觉棒棒哒 下面这个简单的教程可以让你走入webpack的世界 欢迎使用webpack 这个小教程通过简单的例子来引导大家使用webpack 通过这些这篇文章你可以学到 如何安装webpack 如何使用webpack 如何使用加载器 如何使用开发服务器 安装webpack 阅读全文
posted @ 2016-03-04 10:33 小象Frey 阅读(2045) 评论(6) 推荐(5) 编辑
摘要: 背景 移动前端适配一直困扰很多人,我自己也是从最初的媒体查询,到后来的百分比,再到padding top这种奇巧淫技,再到css3新单位vw这种过渡转变 但这些都或多或少会有些问题,直到使用了动态rem 才真正不再在适配这个问题上发愁 只因为叫动态rem 是因为他是真正意义上随着屏幕的大小来变化的。 阅读全文
posted @ 2016-02-23 12:15 小象Frey 阅读(5954) 评论(9) 推荐(4) 编辑
摘要: sublime text3 "下载" 破解 submelime Text About sublime Text //看是否注册并 查看当前的版本 然后百度或google搜索 'sublime text 3 3083 破解’ 可搜到如下注册码 —– BEGIN LICENSE —– Andrew We 阅读全文
posted @ 2016-02-04 21:02 小象Frey 阅读(1001) 评论(2) 推荐(0) 编辑
摘要: 这是无序列表 h5 css3 javascript 有序列表 1. hello 2. nice to meet u 3. me to 引用区块 引用区块 引用区块 引用区块 引用区块 引用区块 链接 "Google" 自定义html 百度 你现在看到的是一段html段 粗体和斜体 这是粗体 这是斜体 阅读全文
posted @ 2016-02-03 23:30 小象Frey 阅读(456) 评论(0) 推荐(0) 编辑
摘要: 序上次的提到了H5移动前端完美布局之-margin百分比的使用margin-top(left,right,bottom)的百分比在移动页面布局中对上下左右距离的处理,攻下城外再攘城内,今天看看padding在页面布局中所发挥的的作用。背景在平时的开发中我们可能会遇到说一个150*150正方形的块,或... 阅读全文
posted @ 2015-10-23 12:53 小象Frey 阅读(7150) 评论(4) 推荐(3) 编辑
摘要: 1.禁止a标签点击高亮,这些都是非官方属性,但实用性超强 html,body{ -webkit-touch-callout: none; //禁止或显示系统默认菜单 -webkit-user-select: none; //禁止长按复制选择 -webkit-tap-highl... 阅读全文
posted @ 2015-09-25 11:59 小象Frey 阅读(3747) 评论(7) 推荐(7) 编辑
摘要: 一 ,背景 在移动端页面开发我们经常会遇到一件尴尬的事 我们所开发出来的页面跟设计师所给的页面差别很大 再加上移动设备屏幕的大小不一出来的效果更是参差不齐 然后.... 当然 现实情况没有这么糟糕...但因为前端页面是是最直接的展示给用户的 如果跟差异太大 这个页面其实是失败的 而设计师也会不断的找 阅读全文
posted @ 2015-07-27 11:51 小象Frey 阅读(7620) 评论(8) 推荐(3) 编辑
摘要: 上周要做一个活动页面 秒杀列表页 需要一个时间的算法排序 自己琢磨了半天想了各种算法也没搞出来,后来问了下一个后台的php同学 他写了个算法给我看了下 ,刚开始看的时候觉得这就是个纯算法,不能转化成页面的dom效果,可是再看了两遍发现可以 于是我就改了改 实现了 不禁感叹 确实蛮赞的 于是就博一客;... 阅读全文
posted @ 2015-04-27 18:55 小象Frey 阅读(1706) 评论(0) 推荐(1) 编辑
摘要: 序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出几 阅读全文
posted @ 2014-11-21 16:23 小象Frey 阅读(3199) 评论(3) 推荐(2) 编辑
Fork me on GitHub