<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Kris的博客]]></title><description><![CDATA[share]]></description><link>https://blog.youkuaiyun.com/webKris</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; webKris]]></copyright><item><title><![CDATA[在koa2项目中使用sass/scss]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/90898781</link><guid>https://blog.youkuaiyun.com/webKris/article/details/90898781</guid><author>webKris</author><pubDate>Wed, 05 Jun 2019 17:15:57 +0800</pubDate><description><![CDATA[关于sass/scss在项目中的使用前言安装功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
前言
最近在使用node....]]></description><category></category></item><item><title><![CDATA[vue切换页面 动态设置meta和title标签内容]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/86094380</link><guid>https://blog.youkuaiyun.com/webKris/article/details/86094380</guid><author>webKris</author><pubDate>Tue, 08 Jan 2019 19:48:26 +0800</pubDate><description><![CDATA[
pc端项目中为了优化SEO搜索，要求首页和内容页的title/keywords/description 保持不一样
用vue+webpack搭建的项目

思路：
1）由于vue是单页面应用，index.html入口文件&amp;amp;amp;amp;lt; head &amp;amp;amp;amp;gt;标签只有一个，那么只能通过判断切换的路由
2）判断切换路由 需要在main.js全局js中 使用 router.beforeEach，to中可以获得将要...]]></description><category></category></item><item><title><![CDATA[http与https的区别和原理]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/86018227</link><guid>https://blog.youkuaiyun.com/webKris/article/details/86018227</guid><author>webKris</author><pubDate>Mon, 07 Jan 2019 18:36:01 +0800</pubDate><description><![CDATA[
HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加密传输，于是网景公司设计了SSL（Secure Sockets Layer）协议用于对HTTP协议传输的数据进行加密，从而就诞生了HTTPS。
即：HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议-----HTTP的安全版。

概念
HTTP：是互联...]]></description><category></category></item><item><title><![CDATA[vue 监听scroll事件 进入另一页面后，返回时保持在原来位置]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/85884846</link><guid>https://blog.youkuaiyun.com/webKris/article/details/85884846</guid><author>webKris</author><pubDate>Sat, 05 Jan 2019 23:26:40 +0800</pubDate><description><![CDATA[
在项目中，比如首页较长是需要scroll的，进入到另一页面后，返回时默认在首页原来的位置

思路：
这个主要是vue监听滚动事件，监听到进入之前的滚动条并保存下来，切换回来时再取出来进行赋值就可以了。
步骤：
1）利用vue的@scroll事件对整个页面进行监听
2）保存滚动条的值用的是sessionstorage，这个最合适了，又能暂存下来，又可以随着浏览器的
关闭而清除掉
3）最后就是用钩子...]]></description><category></category></item><item><title><![CDATA[HTML5 head头部 meta标签属性整理]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/85700575</link><guid>https://blog.youkuaiyun.com/webKris/article/details/85700575</guid><author>webKris</author><pubDate>Thu, 03 Jan 2019 15:56:43 +0800</pubDate><description><![CDATA[移动前端开发中添加一些专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来
meta是html语言head区的一个辅助性标签。meta标签的作用有：搜索引擎优化（seo），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等等等等！
meta标签的组成：共有两个属性，它们分别是name属性和h...]]></description><category></category></item><item><title><![CDATA[滚动页面，实现导航栏固定在顶部（吸顶效果）]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/85631098</link><guid>https://blog.youkuaiyun.com/webKris/article/details/85631098</guid><author>webKris</author><pubDate>Wed, 02 Jan 2019 18:33:54 +0800</pubDate><description><![CDATA[首先最简单的，是利用position的sticky属性

说明
sticky 结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位。
它主要用在对scroll事件的监听上；在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：0)；position:sticky这时的效果相当于fixed定位，固定在(top: 0...]]></description><category></category></item><item><title><![CDATA[vue 切换“页面”（路由）时保持滚动条回到顶部]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/85244339</link><guid>https://blog.youkuaiyun.com/webKris/article/details/85244339</guid><author>webKris</author><pubDate>Tue, 25 Dec 2018 10:46:13 +0800</pubDate><description><![CDATA[vue项目做pc端的时候，发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置，这是由于vue是单页面应用，只是更换了路由内容，还在当前页面滚动条是不会回到顶部的。
解决办法是在切换路由的时候，将滚动条复位为0。
在App.vue文件下，添加watch事件，全局监听路由，亲测有效。
components:{
publicTop,
publicFooter,
},
// 使用watch 监听K...]]></description><category></category></item><item><title><![CDATA[关于vue项目在低版本浏览器中不支持ES6的解决方案]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/83625673</link><guid>https://blog.youkuaiyun.com/webKris/article/details/83625673</guid><author>webKris</author><pubDate>Thu, 01 Nov 2018 19:33:46 +0800</pubDate><description><![CDATA[原因：低版本浏览器内核版本太低，无法解析 ES2015最新的一些语法。
babel是一个转译器，把同种语言的高版本规则翻译成低版本规则
一般搭建项目时webpack会在最外层配置一个.babelrc文件用于默认解析ES2015（es6）中的特殊语法（例如： let，const，class等）
而babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterato...]]></description><category></category></item><item><title><![CDATA[vue项目中，解决 node-sass安装出错]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/83589105</link><guid>https://blog.youkuaiyun.com/webKris/article/details/83589105</guid><author>webKris</author><pubDate>Wed, 31 Oct 2018 19:19:42 +0800</pubDate><description><![CDATA[报错情况
在npm run dev 后报错  出现下面情况
“checkPermissions Missing write access to D:\myproject\vue-demo\node_modules…”
意思大概是没有权限
需要把node_modules 删除 再 npm install  重新安装依赖
&amp;amp;amp;amp;amp;amp;amp;quot;Module build failed: Error: Cannot find...]]></description><category></category></item><item><title><![CDATA[移动端长按禁止默认事件总结]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/80942773</link><guid>https://blog.youkuaiyun.com/webKris/article/details/80942773</guid><author>webKris</author><pubDate>Fri, 06 Jul 2018 16:18:32 +0800</pubDate><description><![CDATA[1、如果是禁用长按选择文字功能，用 css : 
    全局* 或者 局部选择相映的DOM加  

        * {
              -webkit-touch-callout:none;
              -webkit-user-select:none;
              -khtml-user-select:none;
              -m...]]></description><category></category></item><item><title><![CDATA[移动端和网页端公告栏文字右向左轮播滑动]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/80592987</link><guid>https://blog.youkuaiyun.com/webKris/article/details/80592987</guid><author>webKris</author><pubDate>Wed, 06 Jun 2018 15:35:01 +0800</pubDate><description><![CDATA[效果：一进入页面，文字从右向左滑动，第一段文字滑到左端消失后，第二段才开始出现，就这样飘飘飘，最后一个在左端消失后，第一段接着来。

思路：

css样式—外面有个固定的框框，需要轮播的文字写在ul&amp;amp;amp;amp;gt;li里面，ul设置相对它的父级定位并且有固定宽高，li设置外边距。 
 js部分—改变ul相对父级的left值，视觉上是文字在滑动，其实是ul的left值改变，定好速度值和最大left值，设置计...]]></description><category></category></item><item><title><![CDATA[浏览器兼容问题及解决方法汇总（持续更新......)]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/80028127</link><guid>https://blog.youkuaiyun.com/webKris/article/details/80028127</guid><author>webKris</author><pubDate>Sat, 21 Apr 2018 16:14:52 +0800</pubDate><description><![CDATA[一、出现兼容问题的原因：

        浏览器种类很多，但是区别主要在浏览器内核的不同，所以各内核对网页的解析差异，是导致浏览器兼容问题出现的主要原因。关于浏览器内核（browser kernel)，是浏览器最为核心的部分，可以分为两部分，一部分是渲染引擎（render engineer或layout engineer)，方负责生成DOM树，render，repaint这些工作；另一部分是JS...]]></description><category></category></item><item><title><![CDATA[入门级---Vue脚手架(vue-cli)搭建过程---详版]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/80023354</link><guid>https://blog.youkuaiyun.com/webKris/article/details/80023354</guid><author>webKris</author><pubDate>Fri, 20 Apr 2018 19:59:51 +0800</pubDate><description><![CDATA[我觉得---对于初学者来说，首先应该是先知道为什么要搭建脚手架vue-cli，然后再进行搭建...  什么是脚手架，搭建的目的是什么？         在工地上，脚手架是帮助工人作业搭建的架子，哈哈...        所以在这里， vue-cli   就是脚手架，里面有一套vue结构配置，它可以帮助我们写好vue.js代码快速构建项目的工具。        vue-cli可以做什么：      ...]]></description><category></category></item><item><title><![CDATA[关于url/href/src的概念和区别]]></title><link>https://blog.youkuaiyun.com/webKris/article/details/79995739</link><guid>https://blog.youkuaiyun.com/webKris/article/details/79995739</guid><author>webKris</author><pubDate>Wed, 18 Apr 2018 19:52:19 +0800</pubDate><description><![CDATA[一、URL的概念


统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上标准的资源的地址（Address）。


二、URL的格式

2.1 标准格式


协议类型:[//服务器地址[:端口号]][/资源层级UNIX文件路径]文件名?查询


2.2 完...]]></description><category></category></item></channel></rss>