浏览器缓存简短笔记

浏览器缓存机制的关键:

  • 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识
  • 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中

缓存分为两个过程:强制缓存和协商缓存。发送请求的时候先进行强制缓存,如果强制缓存失效,则进行协商缓存。

Webpack入门教程

为什么要用构建工具

转换es6、转换jsx、css前缀补全/预处理器、压缩混淆、图片压缩

初识webpack

webpack默认文件是webpack.config.js,当然,你也可以根据自己的需要进行更改,通过:webpack — config 指定配置文件,webpack一般包含以下内容:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
module.exports = {
  entry: './src/index.js', // 打包的入口文件
  output: './dist/main.js', // 打包的输出
  mode: 'production', // 环境
  module: {
    rules: [
      {test: /\.text/, use: 'raw-loader'}  // Loader配置
    ]
  },
  plugin: [                                   // plugin配置
    new HtmlWebpackPlugin({
        template: './src/index.html', // 所用的模版
        filename: 'index.html', // 打包后的文件名
        minify: {  // 压缩html
          removeAttributeQuotes: true, // 去掉双引号
          collapseWhiteSpace: true, // 变成一行
        },
        hash: true, // 添加hash
      })
  ]
}

用css实现单行截断与多行截断,最后以省略号结尾

有个很常见的业务场景,就是实现单行截断或者使用多行截断,最后要以省略号结尾。比如某个商品的标题太长,在有限区域内不能完全展示,如果要全部展示,页面就会很丑,所以要单行或多行截断。这里记录一下常见的解决办法。

生日快乐,懒人先生

不知道从哪一年开始,印象中每一次生日,我都会感冒,这样直接导致我本可以吃很多想吃的食物都会因为要忌口而不得已吃不到,过后想补回来又没有了这种兴致。今年也不例外,喉咙又不行了,多喝热水喝了三天,还没恢复完好。

台湾旅游不完全指南

去年就想写一篇关于台湾旅游的文章,因为懒一直拖着。最近很多朋友想去台湾旅游,问起相关话题,都是差不多的问题,这里做个攻略,统一回答一些疑问。

台湾好玩吗?值得去吗?

好不好玩这是个很主观的问题,再好玩的地方也有人觉得不好玩,再不好玩的地方也有人能很欢乐地玩出花样来。而台湾给我的感受是:好玩值得去,而且值得去很多次。

去台湾前要准备什么?

  1. 两个证:入台证与台湾通行证。入台证可以在淘宝、旅行社、「台湾自由行」网站办理。
  2. 个人签注,即台湾通行证需要签注。
  3. 提前买机票,往返的都要买,没有返程的票是不能登机的。提前买会便宜一点。另外,广东的朋友买虎航澳门飞,也会比较便宜,土豪随意。
  4. 行程单。机票行程单要打印。
  5. 托运。买的是虎航的话可以手提10kg的行李上级,如果东西多需要买托运,现场买比较贵,推荐虎航官网买。
  6. 电话卡。可以买中华电信、大哥大、远传,淘宝有卖,可以提前买好,也可以去到台湾再买。
  7. 交通卡。交通卡可以买悠游卡,去到台湾之后在711、全家、捷运站等很多地方都有得卖。
  8. 可能会用到的软件:Google map(必备)、Airbnb、Agoda、booking。
  9. 台币。去到台湾机场有ATM机,直接取就行,汇率比较好。很多地方都可以用支付宝、信用卡支付,挺方便。