struggleForLife

摘要： 今天看到这样一个问题，在vue中，如何进行seo优化呢？ 大家应该都知道，seo优化主要是做搜索引擎的排名，但是ajax异步又不支持seo，同时对于url #/的写法，搜索引擎也没办法爬取网站内其他路由的信息。 而且在我看来，vue平时大多用于webapp，是一个有功能的产品，无需做seo优化，se 阅读全文

摘要： 1、做关键词排名，从而带来大量的客户卖产品和服务。很多大型机械厂家就是这么做的，显然SEO赚取了不少利润。 2、通过SEO带来大量流量，从而投放广告或者跟厂家合作买产品，比如流量站之类。 3、做网站关键词排名，然后转介绍客户，比如做一个放羊的站点，介绍客户到别家养殖场，赚取中间利润。 4、做平台赚取 阅读全文

摘要： SEO优化 概念：seo——搜索引擎优化，分为站内优化和站外优化两部分 一、站内优化： 1.页面主题优化 在head部分的title标签中添加一个合理的标题 2.给网页添加关键词、描述 <meta name="keywords" content="关键词"/> <meta name="descrip 阅读全文

摘要： 一、BFC的概念 GFC——block fomatting context(中文译为块级格式化上下文) 二、 如何触发BFC 1. 设置 float 除 none 以外的值(left、right) 2. 设置 overflow 除 visible 以外的值(hidden、scroll、auto) 3 阅读全文

摘要： 什么是高度塌陷？ 父元素高度自适应，子元素 float 后，造成父元素高度为0，称为高度塌陷问题。 如何来解决高度塌陷？ 方案一：给父元素一个固定的高度 缺点：给父元素固定高度违背了高度自适应的原则，不够灵活，不推荐使用。 方案二：给父元素添加属性 overflow: hidden; 优点：浏览器支 阅读全文

摘要： 1. IE浏览器 内核：Trident（IE内核）（不能跨平台，不是开元）； 2. Mozilla Firefox（火狐） 内核：Gecko； 3.Safari，Chrome 内核：Webkit 4. Opera（欧朋） 内核：最初是自己的Presto，后来是webkit，现在是blink 5. 最 阅读全文

摘要： 1. 概念: 写一套css样式可以同时适配多个终端，是为解决移动互联网诞生的。 2. 作用: 面对不同的分辨率设备灵活性强，能够快捷解决多设备显示适应问题 3. 原理 媒体查询 ① 外联式媒体查询语法 当屏幕窗口大于等于960px时，引入 red.css 文件 当屏幕窗口小于960px时，引入 bl 阅读全文

摘要： CSS hack概念： 是针对不同浏览器对同一段代码解析不同的处理方案；<解决兼容性问题> 属性设置在不同版本的IE里会出现不兼容问题，css hack解决兼容主流浏览器和IE 常见的过滤器： 1.下划线属性过滤器 语法： eg: 注：下划线属性过滤器只有IE6识别，其他浏览器都不识别. 2. !i 阅读全文

摘要： 1. 百分比布局 特点: 不管分辨率怎么改变，头部的高度和位置都不变，文字流式，控件弹性，图片等比例缩放 适用于内容较少，比较简单的移动端页面 2. 等比例缩放布局（rem布局） 特点: 使用 rem 为主要单位进行页面布局，很好的实现了在不同设备上页面等比例缩放 适用于页面内容比较复杂的移动端页面 阅读全文

摘要： 1.双倍浮动Bug 描述：块元素设置 float 后，又设置了横向的margin，在IE6下显示的margin值比设置的值要大； 解决方案：给设置 float 的元素添加 display: inline; 2.表单行高不一致 解决方案： ①：给表单元素添加 float 属性； ②：给表单元素添加 v 阅读全文

摘要： 项目中，页面效果需要展示一个页面的移动端效果，使用的是一个苹果手机样式背景图，咋也没用过苹果，咋也不敢形容。 如下图所示： 在谷歌浏览器如图一滚动条顺利隐藏，但是火狐就如图二了，有了滚动条丑的一批。 先上谷歌浏览器解决滚动条代码： CSS代码： <style> .tp_box1{ width: 51 阅读全文

摘要： 项目中，页面效果需要展示一个页面的移动端效果，使用的是一个苹果手机样式背景图，咋也没用过苹果，咋也不敢形容。 如下图所示： 在谷歌浏览器如图一滚动条顺利隐藏，但是火狐就如图二了，有了滚动条丑的一批。 先上谷歌浏览器解决滚动条代码： CSS代码： <style> .tp_box1{ width: 51 阅读全文