- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue切换页面 动态设置meta和title标签内容
pc端项目中为了优化SEO搜索，要求首页和内容页的title/keywords/description 保持不一样用vue+webpack搭建的项目思路：1）由于vue是单页面应用，index.html入口文件< head >标签只有一个，那么只能通过判断切换的路由2）判断切换路由 需要在main.js全局js中 使用 router.beforeEach，to中可以获得将要...
2019-01-08 19:48:26
18901
2
原创 http与https的区别和原理
HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加密传输，于是网景公司设计了SSL（Secure Sockets Layer）协议用于对HTTP协议传输的数据进行加密，从而就诞生了HTTPS。即：HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议-----HTTP的安全版。概念HTTP：是互联...
2019-01-07 18:36:01
613
原创 vue 监听scroll事件 进入另一页面后，返回时保持在原来位置
在项目中，比如首页较长是需要scroll的，进入到另一页面后，返回时默认在首页原来的位置思路：这个主要是vue监听滚动事件，监听到进入之前的滚动条并保存下来，切换回来时再取出来进行赋值就可以了。步骤：1）利用vue的@scroll事件对整个页面进行监听2）保存滚动条的值用的是sessionstorage，这个最合适了，又能暂存下来，又可以随着浏览器的关闭而清除掉3）最后就是用钩子...
2019-01-05 23:26:40
2857
原创 HTML5 head头部 meta标签属性整理
移动前端开发中添加一些专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来meta是html语言head区的一个辅助性标签。meta标签的作用有：搜索引擎优化（seo），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等等等等！meta标签的组成：共有两个属性，它们分别是name属性和h...
2019-01-03 15:56:43
1531
原创 滚动页面，实现导航栏固定在顶部（吸顶效果）
首先最简单的，是利用position的sticky属性说明sticky 结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位。它主要用在对scroll事件的监听上；在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：0)；position:sticky这时的效果相当于fixed定位，固定在(top: 0...
2019-01-02 18:33:54
45047
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人