爱理技术交流中心

内置图标一览表

实心layui-icon-heart-fill
空心layui-icon-heart
亮度/晴layui-icon-light
时间/历史layui-icon-time
蓝牙layui-icon-bluetooth
@艾特layui-icon-at
静音layui-icon-mute
录音/麦克风layui-icon-mike
密钥/钥匙layui-icon-key
礼物/活动layui-icon-gift
邮箱layui-icon-email
RSSlayui-icon-rss
WiFilayui-icon-wifi
退出/注销layui-icon-logout
Android 安卓layui-icon-android
Apple IOS 苹果layui-icon-ios
Windowslayui-icon-windows
穿梭框layui-icon-transfer
客服layui-icon-service
减layui-icon-subtraction
加layui-icon-addition
滑块layui-icon-slider
打印layui-icon-print
导出layui-icon-export
列layui-icon-cols
退出全屏layui-icon-screen-restore
全屏layui-icon-screen-full
半星layui-icon-rate-half
星星-空心layui-icon-rate
星星-实心layui-icon-rate-solid
手机layui-icon-cellphone
验证码layui-icon-vercode
微信layui-icon-login-wechat
QQlayui-icon-login-qq
微博layui-icon-login-weibo
密码layui-icon-password
用户名layui-icon-username
刷新-粗layui-icon-refresh-3
授权layui-icon-auz
左向右伸缩菜单layui-icon-spread-left
右向左伸缩菜单layui-icon-shrink-right
雪花layui-icon-snowflake
提示说明layui-icon-tips
便签layui-icon-note
主页layui-icon-home
高级layui-icon-senior
刷新layui-icon-refresh
刷新layui-icon-refresh-1
旗帜layui-icon-flag
主题layui-icon-theme
消息-通知layui-icon-notice
网站layui-icon-website
控制台layui-icon-console
表情-惊讶layui-icon-face-surprised
设置-空心layui-icon-set
模板layui-icon-template-1
应用layui-icon-app
模板layui-icon-template
赞layui-icon-praise
踩layui-icon-tread
男layui-icon-male
女layui-icon-female
相机-空心layui-icon-camera
相机-实心layui-icon-camera-fill
菜单-水平layui-icon-more
菜单-垂直layui-icon-more-vertical
金额-人民币layui-icon-rmb
金额-美元layui-icon-dollar
钻石-等级layui-icon-diamond
火layui-icon-fire
返回layui-icon-return
位置-地图layui-icon-location
办公-阅读layui-icon-read
调查layui-icon-survey
表情-微笑layui-icon-face-smile
表情-哭泣layui-icon-face-cry
购物车layui-icon-cart-simple
购物车layui-icon-cart
下一页layui-icon-next
上一页layui-icon-prev
上传-空心-拖拽layui-icon-upload-drag
上传-实心layui-icon-upload
下载-圆圈layui-icon-download-circle
组件layui-icon-component
文件-粗layui-icon-file-b
用户layui-icon-user
发现-实心layui-icon-find-fill
loadinglayui-icon-loading
loadinglayui-icon-loading-1
添加layui-icon-add-1
播放layui-icon-play
暂停layui-icon-pause
音频-耳机layui-icon-headset
视频layui-icon-video
语音-声音layui-icon-voice
消息-通知-喇叭layui-icon-speaker
删除线layui-icon-fonts-del
代码layui-icon-fonts-code
HTMLlayui-icon-fonts-html
字体加粗layui-icon-fonts-strong
删除链接layui-icon-unlink
图片layui-icon-picture
链接layui-icon-link
表情-笑-粗layui-icon-face-smile-b
左对齐layui-icon-align-left
右对齐layui-icon-align-right
居中对齐layui-icon-align-center
字体-下划线layui-icon-fonts-u
字体-斜体layui-icon-fonts-i
Tabs 选项卡layui-icon-tabs
单选框-选中layui-icon-radio
单选框-候选layui-icon-circle
编辑layui-icon-edit
分享layui-icon-share
删除layui-icon-delete
表单layui-icon-form
手机-细体layui-icon-cellphone-fine
聊天对话沟通layui-icon-dialogue
文字格式化layui-icon-fonts-clear
窗口layui-icon-layer
日期layui-icon-date
水下雨layui-icon-water
代码-圆圈layui-icon-code-circle
轮播组图layui-icon-carousel
翻页layui-icon-prev-circle
布局layui-icon-layouts
工具layui-icon-util
选择模板layui-icon-templeate-1
上传-圆圈layui-icon-upload-circle
树layui-icon-tree
表格layui-icon-table
图表layui-icon-chart
图标报表屏幕layui-icon-chart-screen
引擎layui-icon-engine
下三角layui-icon-triangle-d
右三角layui-icon-triangle-r
文件layui-icon-file
设置-小型layui-icon-set-sm
减少-圆圈&#xe616layui-icon-reduce-circle
添加-圆圈layui-icon-add-circle
404layui-icon-404
关于layui-icon-about
箭头向上layui-icon-up
箭头向下layui-icon-down
箭头向左layui-icon-left
箭头向右layui-icon-right
圆点layui-icon-circle-dot
搜索layui-icon-search
设置-实心layui-icon-set-fill
群组layui-icon-group
好友layui-icon-friends
回复评论实心layui-icon-reply-fill
菜单隐身实心layui-icon-menu-fill
记录layui-icon-log
图片-细体layui-icon-picture-fine
表情-笑-细体layui-icon-face-smile-fine
列表layui-icon-list
发布纸飞机layui-icon-release
对 OKlayui-icon-ok
帮助layui-icon-help
客服layui-icon-chat
top 置顶layui-icon-top
收藏-空心layui-icon-star
收藏-实心layui-icon-star-fill
关闭-实心ဇlayui-icon-close-fill
关闭-空心ဆlayui-icon-close
正确စlayui-icon-ok-circle
添加-圆圈-细体layui-icon-add-circle-fine

由于浏览器存在同源策略，所以如果 layui（里面含图标字体文件）所在的地址与你当前的页面地址不在同一个域下，即会出现图标跨域问题。所以要么你就把 layui 与网站放在同一服务器，要么就对 layui 所在的资源服务器的 Response Headers 加上属性：Access-Control-Allow-Origin: *

layui – 用心与你沟通

HTML部分

//element-ui提供的上传组件el-upload
<el-upload
  class="avatar-uploader el-upload--text"
  action="#"
  :show-file-list="false"
  :before-upload="beforeUploadVideo"
>
  <video
    v-if="form.tryVideo !='' && videoFlag == false"
    style="width:300px; height:auto;"
    :src="form.tryVideo"
    class="avatar"
    controls="controls"
  >您的浏览器不支持视频播放</video>
  <div class="add-video" v-else-if="form.tryVideo =='' && videoFlag == false">
    <i class="el-icon-plus avatar-uploader-icon"></i>
  </div>
  <el-progress
    v-if="videoFlag == true"
    type="circle"
    :percentage="videoUploadPercent"
    style="margin-top:30px;"
  ></el-progress>
</el-upload>

JS部分


data() {
	return {
		form: { 
		tryVideo: "",
		tryVideoImg: "", 
		},
		videoFlag: false, //是否显示进度条
		videoUploadPercent: 0, //进度条的进度，
		duration: "", //视频时长
	}
}

//方法
methods: {
	//上传视频格式限制
	beforeUploadVideo(file) {
	  if (
	    [
	      "video/mp4",
	      "video/ogg",
	      "video/flv",
	      "video/avi",
	      "video/wmv",
	      "video/rmvb"
	    ].indexOf(file.type) == -1
	  ) {
	    this.$message.error("请上传正确的视频格式");
	    return false;
	  }
	  //获取视频时长
	  let videoUrl = URL.createObjectURL(file);
	  let audioElement = new Audio(videoUrl);
	  audioElement.addEventListener("loadedmetadata", () => {
	    let duration = audioElement.duration; //时长为秒，小数，182.36
	    if (duration > 16) {
	      this.$message.error("提示，上传视频时长不能超过15秒");
	      return false;
	    }
	    this.addVideo(file);
	  });
	  return false;
	},
	//上传视频接口
	addVideo(file) {
	  //设置formData
	  let formData = new FormData();
	  formData.append("file", file);
	  //在请求头设置上传进度条
	  let config = {
	    onUploadProgress: progressEvent => {
	      var complete =
	        ((progressEvent.loaded / progressEvent.total) * 100) | 0;
	      this.videoUploadPercent = complete;
	    },
	    headers: {
	      "Content-Type": "multipart/form-data"
	    }
	  };
	  this.videoFlag = true;
	  //调用后端上传视频的接口
	  dodoApi.uploadMp4(formData, config).then(res => {
	    this.videoFlag = false;
	    if (res && res.code == 0) {
	      this.form.tryVideo = res.data.picUrl;//视频地址
	      this.form.tryVideoImg = res.data.smallPicUrl;//视频封面
	    } else {
	      this.$message.error(res.message || "网络出了小差");
	    }
	  });
	  return false;
	},
}

大功告成

最后，给大家看看我上传视频的传参格式

vue 上传视频和图片并且截取视频第一帧作为播放前默认图片

 <el-upload
                :action="pathUrl+'/api/FileUpload/SaveFiles'"
                :limit="5"
                list-type="picture-card"
                :file-list="sfzzm"
                :on-preview="handlePictureCardPreview"
                :on-success="handleDownload"
                :on-remove="handleRemove"
                :on-exceed="handleExceed"
                :before-upload="beforeAvatarUpload"
              >
                <i class="el-icon-plus"></i>
              </el-upload>
              <el-dialog :visible.sync="dialogVisible">
                <img width="100%" :src="dialogImageUrl" alt />
              </el-dialog>
 handleDownload(response, file, fileList) {
if (file.status) {
var index = file.name.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位
var tv_id = file.name.substring(index); //截断"."之前的，得到后缀
this.videoUrl = file.url;
//如果是视频截取第一个作为图片展示出来
if (tv_id == ".mp4") {
//根据后缀，判断是否符合视频格式
this.findvideocover(this.pathUrl+response.Data[0],file);
}
this.sfzzm.push(file);
this.ListFileUrlDetail.Url = response.Data[0];
this.ListFileUrlDetail.Size = file.size;
this.ListFileUrlDetail.uid = file.uid;
 
this.form.FileUrls.push( Object.assign({}, this.ListFileUrlDetail) );
}
console.log("sfzzm" + JSON.stringify(this.sfzzm));
},
 
///超出数量限制
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 5 个文件，本次选择了 ${
files.length
} 个文件，共选择了 ${files.length + fileList.length} 个文件`
);
}, 
 //截取视频第一帧作为播放前默认图片      findvideocover(url,file) {         const  video = document.getElementById("upvideo"); // 获取视频对象         // const video = document.createElement("video") // 也可以自己创建video          video.src=url // url地址 url跟 视频流是一样的         var canvas = document.getElementById('mycanvas') // 获取 canvas 对象         const ctx = canvas.getContext('2d'); // 绘制2d         video.crossOrigin = 'anonymous' // 解决跨域问题，也就是提示污染资源无法转换视频         video.currentTime = 1 // 第一帧         video.oncanplay = () => {           canvas.width = video.clientWidth; // 获取视频宽度         canvas.height = video.clientHeight; //获取视频高度         // 利用canvas对象方法绘图         ctx.drawImage(video, 0, 0, video.clientWidth,video.clientHeight)         // 转换成base64形式          this.imgsrc = canvas.toDataURL ("image/png") // 截取后的视频封面          file.url=this.imgsrc;       }     },

找不到mysql.sock，mysql.sock丢失问题解决方法

一、解决var/run/mysqld没有pid和sock文件

MySQL下mysql.sock丢失丢失的原因一般是因为配置文件不一致的原因，mysqld 错误启动，mysqld_safe 会清除一次mysql.sock 。解决方法是：

判断一般人解决故障时没有切换到mysql用户，造成权限有问题，无法创建mysql授权表，所以也就无法创建/tmp/mysql.sock 和hostname.pid文件。因此，总结解决方法如下：

#su mysql // root 用户也是可以的

$/usr/local/bin/mysql_install_db //到bin目录执行，重建授权表

$/usr/local/bin/mysqld_safe &

mysql -uroot -p //测试

mysq>bye;

文件已经解决，重新生成新的 /tmp/mysql.sock 和 hostname.pid

var/

$su root

二、解决mysql.sock文件路径不对

1.在/var/lib/mysql创建一个link：ln -s /var/lib/mysql/mysql.sock /path/to/mysql/mysql.sock

2.在root权限下修改my.cnf文件（/etc/mysql/my.cnf），指定正确的路径

3.1和2任选其一就可以

推销的根本目的是什么?是收益。那么衡量一个网站是否具有较高收益的标准是什么?是人气。当然，这是对于大部分追求规模效益，也只能追求规模效益的网站而言。靠访问量和人气来支撑的网站都在苦苦思索，到底该用什么样的方法来拉拢人气，达到IP源源不断和几千几万的飚升效果呢?看着一个个人气火爆的网站，新入门的站长们感到自卑和无奈，事实上真是如此么?

我们要说的是，不要把IP过万当成一个不可企及的神话，别人能做到，我们为什么不能呢?网赚这个圈子，是个实力与技巧并重的世界，与其抬头仰望，不如奋起超越吧。

下面，我们来谈一下能快速增加访问量的几种方法。

1.第一种方法:转帖

如今，SNS流行风劲吹，社交网站可谓火到不行。互动性应该说是SNS网站最能吸引人的地方。不管是熟悉的人也好，还是陌生人也好，在这里，都有机会，通过两站上的各类功能进行互动并且相识。SNS网站扩大了人们的交友圈，将现实中的人际关系网成倍扩大，个体的人际关系网交织成SNS这个大的网络交际圈，哈佛大学的心理学教授Stanley Milgram创立了六度分割理论，简单地说:“你和任何一个陌生人之间所间隔的人不会超过六个，也就是说，最多通过六个人你就能够认识任何一个陌生人。”在SNS网站中，这种间隔可以通过各种互动功能变得更小。

SNS网站已经囤积了大量的用户，也许在不久的将来，开心网的用户量甚至可以达到QQ的水平，如此庞大的用户群体如果能被网站推广所利用，效果是不可估量的。现在很多网站也已经意识到了SNS中潜藏的推广价值，大的网站和企业选择了在SNS网站中投放植入式广告来宣传自己的产品和服务，而站长们也开始利用SNS为自己的网站做推广。开心网的转帖功能互动性强，传播扩散快，浏览人数多，利用转帖功能可为网站带来大量的IP。

比如在开心网上你看到了一个转帖，是有关心理测试的，测试内容很吸引人，看到最后，发现答案并没有给出来，而是链接到一个论坛帖子才能看到答案。于是你点击了网站查看了测试答案，相信其他和你一样看了该帖子的人都会去点击那个网站查看答案，然后在下面的互动中发表自己的测试答案并转帖。一般这样的答案互动贴中有几千个回帖是很正常的。这意味着什么?意味着该网站一下有了几千的访问量，并会在接下来的时间内因为这几千人的转帖出现几何型增长。互动转帖的传播速度和范固是非常快的，当你的好友转了你的帖子，他的好友也会看到并可能转帖，这样就会不断的向外扩散，转帖的人越来越多。不管发表该贴的人是有意推广，还是觉得发过来麻烦直接给了地址，这个帖子确实给那个论坛带来了大量的流量。

利用开心网转帖功能来推广网站值得站长们去学习，可以通过各种趣味测试链接测试结果的方式吸引流量，也可以在转帖中带上自己的网站超链接，起到软文的作用。互动性是建立在吸引力的基础上的，站长利用转帖功能推广，不管采用哪种方式，都应该注意转帖内容一定要具有吸引力，吸引的人越多，转帖的次数也越多，传播的范围也越广，你的链接被点击的机会也越多，效果也可想而知。

2.第二种方法:采集

这个方法其实很简单，就是采集内容，生成HTML，然后让百度大量收录。有人会说，我也经常做些采集的工作，可我没来什么大的流量啊?这就要看你采集的是什么内容了。

大家知道，从搜索引擎做流量是最快最有效的方法，也因此不断地有人作弊，不断地有人被封。我们也从搜索入手，但是我们不作弊。我们提供大量内容让搜索收录，然后让搜索稳定地给我们带来流量。

从搜索做流量有两种方法，一种是使用热门关键词，比如免费电影，如果你首页排在前列的话，一天可以从上边来一万多IP，但是太危险，两天后你就会消失了，不是长久之计。一种是通过子页面来大量收录的方法，从而带来流量。这个方法比较好，一个关键词的量不大，但是我们如果集合起几百个几千个甚至是几万个小关键词的话，这个量可就不容小觀。从实际上来说这儿的量其实比那些热门的词更可观。我们的采集就是用的这第二个方法。

我们做采集的主要文章来源是论坛。因为网上的内容大部分集中在论坛这些互动交流的平台上，这上面的信息量大。

大家知道，要让百度收录的最好办法就是把页面生成HTML静态网页，而对于一些动态的页面，如论坛的贴子，因为它的地址包含着很多的参数，一般是不容易被收录的。这就给我们留下了一个巨大的市场空白。市场上搜索量高，而百度里相关内容少，假如我们可以把论坛的内容采集过来转化生成HTML页面，然后让百度收录，就可以轻易地排到前列。目前网上有不少的专业采集软件，它们各有优势，建议使用一些可以进行多线程和能支持网站登录的采集软件，目前所有的论坛均可以实现采集。生成的话我们可以采用一些新闻系统，网上可以找到的新闻系统大部分都有生成HTML的功能了。所以不难，只要我们把采到的内容

但是有人说，生成页面很麻烦，特别是一次生成几万个页面，占用服务器资源很高。如果你嫌生成麻烦的话，没关系，技术给我们方便，下我们有REWRITE这个插件，可以让你直接就将动态的页面转化为静态的。有人会担心地问，这样做会不会被百度封?

其实，只要你不作弊，不去重复大量关键字，规规矩矩地做好自己的内容，百度一般是不会去封你的，它也需要一些优秀的内容。而我们所呈现给它的是优质的内容。

如果被百度封了怎么办?

没有关系，如果被百度封了，我们还有Google，Yahoo之类的，不要放弃，除了百度，他们也会同时收录，并带来流量的。

但是，做采集的同时，你一定要注意做好你的页面，不要出现太多广告，以免让人反感，记住细水长流的道理。还有就是占的页面不要太多，2万-3万个页面是最合适的了。多了，不可能收录得那么快。其次，流量大高会有被百度封的危险。还有就是对于采来的内容最好检查一下，如果采到了违法的内容那可就不好说了。

采好了内容，也生成好网页，接下来开始做链接吧，任何时候别忘了链接，有了链接，你才可能在百度上获得好一点的排名。尽量找那些优秀的网站。

以上的两种方法应该说是短时间内提高访问量最有效的方法。从这里面，你应该可以看出，如今在线网民动辄几千万，甚至上亿的情况下，流量已经不是一个主要的瓶颈。只要你有想法，有创意，提高流量只是时间的问题。至于还有没有其他更好的方法，就需要你在日后的网站制作经营过程中继续发现和创新了。

怎样让网站流量达到一万IP？

1、为网站选一个好的域名

网站的域名很重要，一个.com、.org、.net的域名的权重比其他的.info、.biz的域名要高很多。搜索引擎在给予网站排名的时候就会首先考虑这样的网站，你的网站内容就会推到更前面。这个我深有体会，因为我目前手里有好几个网站，几个.info域名的网站是几个月前注册的，每日IP才10-20个，而一个月前注册的一个.org的网站居然每日流量达到70IP，而且排名相当的好，刚上线就一直在首页，至今没有掉过。值得注意的是，所有的这些网站都是一个类型的，所花的精力也是差不多的。大家在这里就可以判断出一个好域名对流量的作用了吧！建议大家在选择域名的时候选择.com、.org、.net，这对于网站排名和流量来说是相当有利的！

2、网站的设计要简单美观

用户在访问我们的网站的时候会很在意我们的网站的体验度，体验度高的网站往往很受大家的欢迎，也会被搜索引擎给予高的权重。在网站的设计上尽量选择简单的方案，特别是页面代码，尽量精简，臃肿的页面会让蜘蛛爬取的时候很累，就不愿意再来了，特必要注意的是js代码最好采用导出处理。还有，布局也要简单巧妙，要让用户能够在网站上迅速找到自己感兴趣的内容，这样对于用户再来有很好的体验。至于网站的美观度是很重要的，我发现很多网站，因为美观度被搜索引擎给予了很高的权重。但是千万不要为了美观，采用过多的JS和flash，特别是导航部分千万不要利用flash来做。

3、网站的关键词布局合理巧妙

网站的关键词布局是一门很值得研究的学问，我在seowhy里面找到了关于网站关键词密度的一些说法，但是个人还是坚持自己的想法：尽可能的把网站的关键词密度控制在7%左右，注意不要超过8%，这样就在不回被搜索引擎惩罚的同时提升了网页的权重。网站关键词布局一定要自然合理，不要故意堆砌关键词，不要为了提升关键词密度而做“违法乱纪”的事情。一般首页的关键词布局很重要，因为首页的权重是很高的，所以。内容页的布局首先做首页，一般有网站标题，meta标签，内容，栏目页等。栏目页也要注意这几方面关键词布局也很重要，一般文章标题，文章关键词，内容都需要做好布局，内容中最好的是头中尾分别做一个关键词。还有alt标签里面，域名拼音或英语单词里面。总之，让所有能够设定关键词的地方都做到，但注意不要超过8%。另外，值得大家注意的是要充分抓住长尾关键词的布局，这些都是定向流量、精准流量的好关键词。做好了关键词布局，网站的权重越高，排名就会越好，流量就会越高。

4、网站的内链建设要积极合理

为网站建设内链是每天必须要干的事情，但是大家一定要注意网站内敛的建设也要注意积极合理。这里的积极有两点，一是经常有更新，最好每天能为网站建设一些内链，最好的是内容页链向首页、栏目页和相关页，一是经常做检查，检查一些死链接，把这些链接修改过来，或删去。合理就不用多说了，主要是主页、栏目页和内容页三个页面的链接要合理清晰。做好了内链的建设，搜索引擎能够更快更多的爬取你的网页，用户能够更快的找到自己想要的，这些对于网站流量提升来说相当重要。

5、精炼的网站内容

内容为王在任何时候都适用，好的内容是吸引用户前来的最好保证。千万不要抱着完成任务的方式来做网站的内容，要么不做，要做就做好。什么样的文章最好呢？有人说当然是原创的最好，我其实一直以来都不认同这个观点。首先，这个观点只是片面的;其次，这个观点会误导很多人。好的内容的确需要原创，但是原创的内容并不最好，难道我们随便在文章里面写几句毫不相关的话就算一篇好文章？一篇好的文章其实不在乎原不原创，在乎于你的相关度，一篇毫不相关的文章是不会被搜索引擎认同的，也不会推给用户的;在乎于你的伪创度，建议大家对于别人的文章进行大型的手术，头尾中间都要增删，加入自己的话，言之有物;在乎于你的权威性，我发现我的网站的一篇文章被权重高很多的网站转载后，别人网站的文章会更加有权威，这样对于我们的网站来说是很不利的，所以一定要注意文章的权威性。这里建议大家最好能够坚持每天更新文章，而且定时定量。网站的内容最好做到图文并茂，如果适当的有一些精美视频那就更好了，网站越是美观，越能给用户带来好的体验，越能吸引他们再来。这些都是为网站带来高流量必不可少的内容做法。

6、稳定高质量的外链

一个网站的流量高低很多时候就是靠的稳定高质量的外链，一个网站外链的多少直接影响到你网站流量的多少。在做网站外链的时候要注意，在各个相关领域都做上链接，也可以在不相关的领域做上一些，这样做的目的是增加网站链接的广泛度，越多的网站有你的链接，就有越多的人知道你的网站，就越可能转化成为你公司带来收益的客户。相关性是很有必要提到的一点，因为很多时候网站流量都是来源于这些相关度高的外链，比如你在百度知道回答和网站内容相关的问题带上了你的网站链接，就肯定有人从百度知道来你的网站。另外，做链接的时候千万要注意稳定性，不要今天做了，过一周就被删掉，那要对于网站来说有害无益，所以大家在发帖的时候就特别要注意方法，尽可能留上自己链接的同时不要被删掉。最后要提到的肯定就是外链的数量了，前面也说了数量越多越好，所以大家要坚持不懈的给网站做外链，如果你把外链做到你行业里面最多，你的排名自然会很好。做好了这些方面你的网站流量必然会越来越好。

7、使用好的服务器

如果有可能的话最好能够自己购买的服务器，这样对于网站速度和空间质量来说是非常好的。当然，很多个人站长是买不起的，我认为作为个人站长有时候也没那个必要，这时候就一定要注意挑选好的服务器商了。个人比较喜欢万网的和息壤的，大家如果有好的也可以推荐一下。用户打开网页的耐心是很有限的，超过3秒就很可能关掉你的网页。还有，搜索引擎也不喜欢页面打开速度差的网站，有时候甚至直接不访问了，这将是致命性的。流量往往就会因此而浪费掉，所以一定要用好的服务器。

8、用竞价排名提升流量

大家都应该对竞价排名有很深的了解，百度、谷歌都有做竞价排名，其他搜索引擎也在做，但作为国内站首选肯定是百度，其次是谷歌了。百度对于竞价是很不错的，有时候一个行业竞争大的话，最多的时候可以放10个推广链接，这对于自然的优化来说是很不公平的，但对于企业想通过竞价来提升流量是很不错的，当然，竞争也是很大的，花的推广费肯定不少。利用竞价排名一定要注意调词，不要盲目的给每个词都加高价，这样你将会浪费很多钱在一些垃圾流量上。调词需要大量的试验调整才能找到一个平衡点，找到对于公司来说利益的最大化。特别是早期的网站，没出名度，没好排名，就特别要注意利用竞价来做做流量，给自己带来利益不说，对于以后网站的排名提升都是很有帮助的。

9、为各种设备提供访问

现在进入了3G时代，很多人都在使用手机上网，如果你的网站够牛，够好，一定要注意给手机用户提供访问方便，我认为手机用户带来的流量在未来几年里将会越来越多。另外，大家也要注意，因为个人喜好的不同，所选择的浏览器是不同的，有时候因为兼容性的原因，在一些浏览器我们的网页将会变形，这个将会给网站用户一个很不好的映象，相信很多人看到凌乱的画面肯定会立即选择离开。所以这里，建议大家在做网站之前就调试好各个主流浏览器，让所有的浏览器都能够很美观的展现自己的网站。这两个方面的完善将会给自己的网站流量带来不小的提升。

10、给自己的网站做链接诱饵

链接诱饵其实也是一个外链，但是它的作用远远大于你发的这个外链。做它的目的就是为网站导流量。很多时候，一个好的链接诱饵能够为我们的网站带来几千甚至上万的IP。以前大学玩过人人网，现在很多淘宝客的高手也玩人人网的，我发现人人网里面的链接诱饵真多，记得有一篇文章很火的关于淘宝的，说是淘宝内部员工在哪里淘宝贝的，大家肯定很多人都会被吸引去逛店铺买东西，这篇文章我没有统计，估计也上十万百万的转载量了吧！类似的文章还有很多，这里介绍一个主要是给大家介绍一个思路，大家可以找其他的链接诱饵善意的诱导你的潜在客户来你的网站（这里提到善意，是让用户自愿的来你的网站，而不是强迫的）。

vue中audio音频播放

audio音频在vue播放整理

this.audio = new Audio();
this.audio.src = mp3;
let playPromise; 
playPromise = this.audio.play();
if (playPromise) {
        playPromise.then(() => {
            // 音频加载成功
            // 音频的播放需要耗时
          that.tiemr = setInterval(() => {
            second--;
            if (second <= 0) {
              that.audio.pause()
              clearInterval(that.tiemr);
            }
          }, 1000);
        }).catch((e) => {
          // 音频加载失败
          console.error(e);
        });
      }

// 重新加载
this.audio.load();
// 判断是否正在播放返回布尔值
this.audio.paused
// 暂停
this.audio.pause();

video视频标签一些设置，包括封面、播放结束后的封面、视频占满屏幕的方式、视频播放暂停、展示控制栏、触发全屏播放事件

<video  id="video" autoplay="autoplay" muted='muted' controls="controls" poster="../../img/newIndexImages/images/indexifrstpost.png">
	<source src="img/resource/2019/ptxd/lbdjzz.mp4" type="video/mp4">
</video>

代码如上，poster属性用于设置视频封面；视频链接放在source标签内的src属性；加controls属性就会展示控制栏，不加不显示；

视频占满屏幕的方式

height：100%；
width：100%；
object-fit:cover；

以下为object-fit属性，可以都尝试下效果看看哪种是你比较喜欢的铺满效果（值得注意的是IE浏览器不兼容此属性）
object-fit关键属性：
object-fit：fill
被替换的内容大小可以填充元素的内容框。整个对象将完全填充此框。如果对象的高宽比不匹配其框的宽高比，那么该对象将被拉伸以适应（会变形）。
object-fit:container
被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。
object-fit:cover
被替换的内容大小保持其宽高比，同时填充元素的整个内容框。如果对象的宽高比与盒子的宽高比不匹配，该对象将被剪裁以适应。
object-fit:none
被替换的内容尺寸不会被改变。
object-fit:scale-down
内容的尺寸就像是指定了none或contain，取决于哪一个将导致更小的对象尺寸。

视频进入网页自动播放

查阅资料都是说在vedio属性中加 autoplay=”autoplay” muted=’muted’，如第一段代码，但是我试了都是被浏览器评屏蔽掉的（为了提高用户体验，浏览器不允许自动播放事件，除非用户自己做了点击播放事件），
在强制刷新时，才会自动播放，网页刚进入并不会播放，我也尝试了triggle事件去自动触发点击事件也不行，以下是能够成功自动播放的代码

var myVideo=document.getElementById("video"); 
myVideo.muted=true
myVideo.play();

在js里面定义muted，然后触发play()

播放结束后的封面

没有找到好的办法，最后还是写了一个假的，就是视频播放完了，在视频上面盖一个图片挡住视频，播放时隐藏，播放完展示

 myVideo.onended = function() {
      $(".endimg").show()
 };

视频播放暂停

$(".start").click(function(){
        var myVideo=document.getElementById("video");
        if (myVideo.paused) {
            myVideo.play();
        }else {
            myVideo.pause();
        }
    })

视频触发全屏

function launchFullscreen(element){
 //此方法不可以在異步任務中執行，否則火狐無法全屏
      　　if(element.requestFullscreen) {//浏览器兼容
      　　　　element.requestFullscreen();
      　　} else if(element.mozRequestFullScreen) {
      　　　　element.mozRequestFullScreen();
      　　} else if(element.msRequestFullscreen){
      　　　　element.msRequestFullscreen();
      　　} else if(element.oRequestFullscreen){
      　　　　element.oRequestFullscreen();
      　　} else if(element.webkitRequestFullscreen){
      　　　　element.webkitRequestFullScreen();
      　　}else{
      　　　　var docHtml = document.documentElement;
      　　　　var docBody = document.body;
      　　　　var videobox = document.getElementById('video');
      　　　　var cssText = 'width:100%;height:100%;overflow:hidden;';
      　　　　docHtml.style.cssText = cssText;
      　　　　docBody.style.cssText = cssText;
      　　　　videobox.style.cssText = cssText+';'+'margin:0px;padding:0px;';
      　　　　document.IsFullScreen = true;
      　　}
    }
//应用
 var myVideo=document.getElementById("video");
  launchFullscreen(myVideo);

https网站无法加载http路径的js和css

在https的网站中引用http路径的js或css会导致不起作用，其形如：

解决办法：
将http:去掉，改为

Linux下安装jdk1.8

一、安装准备
linux操作系统(CentOS 7.4 64位)
jdk1.8
xshell、xftp
二、安装步骤
1.下载jdk安装包
下载地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
操作系统多少位就下载多少位的jdk如图：

2.下载完成后把安装包上传到服务器，这里我用的是Xftp工具，对命令感兴趣的同学可以百度一下命令怎么上传到linux

3.命令行进行解压

tar -zxvf jdk-8u11-linux-x64.tar.gz

解压出来后可以看到jdk的文件夹了
4.进入/usr/目录下新建一个名为java的文件夹

命令：mkdir java

把刚刚解压出来的jdk移动到新创建的java文件夹下

mv /tools/jdk1.8.0_11/ /usr/java/

安装结束，接下来进行环境变量的配置

第三：环境变量配置
进入etc目录下通过vim命令进行编辑profile文件

vim profile

在末尾新增
export JAVA_HOME=/usr/java/jdk1.8.0_11
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib:$CLASSPATH
export JAVA_PATH=${JAVA_HOME}/bin:${JRE_HOME}/bin
export PATH=$PATH:${JAVA_PATH}

修改完成后需要通过命令让配置文件立即生效

source /etc/profile

最后测试一下是否安装成功

javac

java -version

Linux安装jdk1.8完成