书架
✨

书架

=一个知识书库=

移动前端开发之viewport的深入理解
5267 字18 分钟

移动前端开发之viewport的深入理解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 # 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备
技术设计,前端,html
more...
仿抖音前端首页的流动效果【日常记录】
42 字1 分钟

仿抖音前端首页的流动效果【日常记录】

#### 介绍 仿抖音首页的滑动效果，且鼠标移动可以看片 访问地址： [http://www.lixianglong.cn/html/douyin/](https://gitee.com/link?target=http://www.lixianglong.cn%2Fhtml%2Fdouyin%2F) #### 使用说明 源码地址：git clone [git@gitee.com](mailto:git@gitee.com):lixianglong3210/douyin.git #### 效果截图 ![img](http://www.lixianglong.
技术设计,前端,html
more...
禁止百度转码和百度快照缓存的META声明
684 字3 分钟

禁止百度转码和百度快照缓存的META声明

今天手机 site 中国博客联盟时，发现网被转码了，虽然这个网站没做移动站，但是我也不希望被百度转码，因为这相当于拦截了所有来自手机的流量。下面说一下禁止百度转码和禁止[百度快照]{.label .primary}缓存的方法。 ### 一、禁止百度转码 禁止百度转码的做法很简单，直接在 head 部分加入如下 META 申明即可： ```html <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /
技术设计,前端,html
more...
meta标签之cache-control
1191 字4 分钟

meta标签之cache-control

> 原文地址：[https://www.keycdn.com/support/cache-control](https://www.keycdn.com/support/cache-control) > 翻译理由：图文讲解cache-control比较透彻，可能需要搭配mdn关于[cache-control](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Cache-Control)的讲解来看 ![img](http://www.lixianglong.cn/bg_store/img/content/v2-24e0b
技术设计,前端,html
more...
git连接远程仓库
137 字1 分钟

git连接远程仓库

#### 简易的命令行入门教程: Git 全局设置: ```js git config --global user.name "XLONG" git config --global user.email "lixianglong3210@126.com" ``` <!--more--> 创建 git 仓库: ```js mkdir lxl cd lxl git init touch README.md git add README.md git commit -m "first commit" git remote add origin gi
技术设计,git
more...