<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[webFront的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/webFront</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; webFront]]></copyright><item><title><![CDATA[移动端滑动时出现一段时间之后消失的提示性模块]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/95972143</link><guid>https://blog.youkuaiyun.com/webFront/article/details/95972143</guid><author>webFront</author><pubDate>Mon, 15 Jul 2019 15:24:32 +0800</pubDate><description><![CDATA[&lt;style&gt;
/*回到首页样式*/
.goBackIndex{
    max-width:750px;
    position:fixed;
    width:100%;
    height:1.16rem;
    background-color:rgba(255,255,255,0.9);
    bottom:0px;
    left:50%;
    trans...]]></description><category></category></item><item><title><![CDATA[转载 [原生JS]实现移动端的上拉加载&下拉刷新]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/95627334</link><guid>https://blog.youkuaiyun.com/webFront/article/details/95627334</guid><author>webFront</author><pubDate>Fri, 12 Jul 2019 16:04:53 +0800</pubDate><description><![CDATA[&lt;body&gt;
  &lt;div id="app"&gt;
    &lt;header id="header"&gt;
      &lt;input type="text" id="input"&gt;
      &lt;input type="submit" id="submit"&gt;
    &lt;/header&gt;
    &lt;article id="art...]]></description><category></category></item><item><title><![CDATA[PC端页面切换成手机模式后，出行了一个莫名其妙的980px]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/94572249</link><guid>https://blog.youkuaiyun.com/webFront/article/details/94572249</guid><author>webFront</author><pubDate>Wed, 03 Jul 2019 16:18:42 +0800</pubDate><description><![CDATA[移动端的默认布局视口宽一般是980px，所以body的100%才是980px。
可以加这个&lt;meta name="viewport" content="width=1200, initial-scale=1.0"&gt;
]]></description><category></category></item><item><title><![CDATA[滑块横幅轮播]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/91879326</link><guid>https://blog.youkuaiyun.com/webFront/article/details/91879326</guid><author>webFront</author><pubDate>Thu, 13 Jun 2019 17:44:24 +0800</pubDate><description><![CDATA[&lt;!-- banner --&gt;

&lt;div class="banner-wrap"&gt;

&lt;div class="cai-slider"&gt;

&lt;style&gt;

.banner-wrap{

width: 1100px;

height:300px;

padding:0 10px;

margin: 0 auto;

margin-bottom: ...]]></description><category></category></item><item><title><![CDATA[轮播插件]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/89517169</link><guid>https://blog.youkuaiyun.com/webFront/article/details/89517169</guid><author>webFront</author><pubDate>Thu, 25 Apr 2019 15:31:47 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X...]]></description><category></category></item><item><title><![CDATA[HTML meta标签总结与属性使用介绍]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/89399905</link><guid>https://blog.youkuaiyun.com/webFront/article/details/89399905</guid><author>webFront</author><pubDate>Fri, 19 Apr 2019 14:44:05 +0800</pubDate><description><![CDATA[转：https://segmentfault.com/a/1190000004279791

之前学习前端中，对meta标签的了解仅仅只是这一句。


&lt;metacharset="UTF-8"&gt;

但是打开任意的网站，其head标签内都有一列的meta标签。比如我博客的。

但是自己却很不熟悉，于是把meta标签加入了寒假学习计划的最前方。

简介

在查阅w3school中，第一句...]]></description><category></category></item><item><title><![CDATA[替代即将淘汰的Flash]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/87366447</link><guid>https://blog.youkuaiyun.com/webFront/article/details/87366447</guid><author>webFront</author><pubDate>Fri, 15 Feb 2019 15:54:58 +0800</pubDate><description><![CDATA[视频播放（Play Video）

解决方案：

在移动端设备上，使用HTML5的video标签基本没有问题。 在PC上，IE低版本(IE8-)浏览器上除了Flash目前没有其它办法 在PC上，IE9+和其它现在浏览器，采用HTML5标签。 综合来说，可以统一用以下一段代码实现兼容：


&amp;lt;video width=&quot;400&quot; height=&quot;300&quot; controld&amp;gt;
    &amp;lt...]]></description><category></category></item><item><title><![CDATA[登录页表单验证]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80939878</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80939878</guid><author>webFront</author><pubDate>Fri, 06 Jul 2018 13:58:21 +0800</pubDate><description><![CDATA[        $(&quot;.login-btn&quot;).on(&quot;click&quot;, function () {            return check()        })        function check() {　　            var reg = new RegExp(&quot;^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-...]]></description><category></category></item><item><title><![CDATA[JavaScript 实用窍门]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80775907</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80775907</guid><author>webFront</author><pubDate>Fri, 22 Jun 2018 16:52:03 +0800</pubDate><description><![CDATA[1. 删除数组尾部元素一个简单方法就是改变数组的length值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr.length = 3;console.log(arr); //=&amp;gt; [11, 22, 33]// clearingarr.length = 0;console.log(arr); //=&amp;gt; []console.lo...]]></description><category></category></item><item><title><![CDATA[原生JS实现移动端判断滑动到底部还是顶部并实现懒加载功能]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80742197</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80742197</guid><author>webFront</author><pubDate>Wed, 20 Jun 2018 10:01:09 +0800</pubDate><description><![CDATA[window.onscroll = function () {                var scrollT = document.documentElement.scrollTop || document.body.scrollTop;//滚动条的垂直偏移                var scrollH = document.documentElement.scrollHeight...]]></description><category></category></item><item><title><![CDATA[带回车的字符串实现段落区分和展开、收起（默认收起）功能]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80741651</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80741651</guid><author>webFront</author><pubDate>Wed, 20 Jun 2018 09:43:25 +0800</pubDate><description><![CDATA[1、段落区分    利用正则表达式  .replace( /(^\s*)|(\s*$)/g,&quot;&quot;)将带回车的字符串按段落分开，放入p标签里，最后一段用span包裹。2、展开收起功能function init() {                var wordsNum = 60; //默认显示字数                        var ctn = document.getElem...]]></description><category></category></item><item><title><![CDATA[封装ajax请求]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80652056</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80652056</guid><author>webFront</author><pubDate>Mon, 11 Jun 2018 14:43:19 +0800</pubDate><description><![CDATA[/* 封装ajax函数 * @param {string}opt.type http连接的方式，包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求，true为异步的，false为同步的 * @param {object}opt.data 发送的参数，格式为对象类型 * @param...]]></description><category></category></item><item><title><![CDATA[vue 的点击事件怎么获取当前点击的元素]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80310763</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80310763</guid><author>webFront</author><pubDate>Mon, 14 May 2018 16:00:35 +0800</pubDate><description><![CDATA[首先 vue的点击事件 是用  @click = “clickfun()” 属性 在html中绑定的,在点击的函数中 添加$event 参数就可以比如&amp;lt;button  @click = “clickfun($event)”&amp;gt;点击&amp;lt;/button&amp;gt;methods: {    clickfun(e) {      // e.target 是你当前点击的元素      // e....]]></description><category></category></item><item><title><![CDATA[常用代码片段中整理]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80305414</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80305414</guid><author>webFront</author><pubDate>Mon, 14 May 2018 10:35:37 +0800</pubDate><description><![CDATA[//1. 检查图像是否加载完毕            $('img').load(function () {                console.log('image load successful ');            });        //2. 悬停切换            $(seletor).hover(function () {                $(...]]></description><category></category></item><item><title><![CDATA[Vant安装和使用]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80277844</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80277844</guid><author>webFront</author><pubDate>Fri, 11 May 2018 10:45:15 +0800</pubDate><description><![CDATA[Vant ( ˈvænt ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近50个组件，这些组件被广泛使用于有赞的各个移动端业务中。如果你需要开发一个移动商城，用 Vant 就再合适不过了。中文文档链接：https://www.youzanyun.com/zanui/vant#/...]]></description><category></category></item><item><title><![CDATA[用 font-size：0来清除inline-block元素之间的间距]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80262459</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80262459</guid><author>webFront</author><pubDate>Thu, 10 May 2018 09:08:18 +0800</pubDate><description><![CDATA[inline-block的元素之间会受空白区域的影响，也就是元素之间差不多会有一个字符的间隙。如果在同一行内有4个25%相同宽度的元素，会导致最后一个元素掉下来（如图）。你可以利用元素浮动 float，或者压缩html，清除元素间的空格来解决。但最简单有效的方法还是设置父元素的 font-size属性为 0。...]]></description><category></category></item><item><title><![CDATA[ECMAScript6.0（ES6）笔记整理]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80236997</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80236997</guid><author>webFront</author><pubDate>Tue, 08 May 2018 11:28:17 +0800</pubDate><description><![CDATA[ECMAScript6（简称ES6）是 JavaScript 语言的下一代标准。在2015年6月正式发布，所以又称ES2015。由于目前并不是所有浏览器都能兼容 ES6 全部特性，但是 ES6 在实际项目中的广泛使用已成为一种趋势。所以作为一个前端开发者，ES6 的语法是我们必须掌握的。Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。Babel官网 (h...]]></description><category></category></item><item><title><![CDATA[editplus5激活码,亲测有效！]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80225398</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80225398</guid><author>webFront</author><pubDate>Mon, 07 May 2018 14:33:28 +0800</pubDate><description><![CDATA[editplus5激活码name:    Vovancode:    3AG46-JJ48E-CEACC-8E6EW-ECUAW]]></description><category></category></item><item><title><![CDATA[性能优化——for循环]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80224877</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80224877</guid><author>webFront</author><pubDate>Mon, 07 May 2018 14:13:35 +0800</pubDate><description><![CDATA[通过时间复杂度O(n)判断是否优化成功。提到时间复杂度，第一时间想到的是算法，简单说，算法就是你解决问题的方法，而你用这个方法解决这个问题所执行的语句次数，称为语句频度或者时间频度，记为T(n)。那么问题来了，我们为什么要引入这些个概念呢。因为我们想要的是执行一个算法耗费的时间，这个时间理论上可以得到，但是，要得到这个时间就必须要上机测试，但是有这个必要吗？我们需要知道的是哪一个算法需要的时间多，...]]></description><category></category></item><item><title><![CDATA[移动端适配的解决方案—rem]]></title><link>https://blog.youkuaiyun.com/webFront/article/details/80104607</link><guid>https://blog.youkuaiyun.com/webFront/article/details/80104607</guid><author>webFront</author><pubDate>Fri, 27 Apr 2018 11:18:14 +0800</pubDate><description><![CDATA[rem（font size of the root element）是相对长度单位。相对于根元素（即html元素）font-size计算值的倍数。方案一、固定换算倍数100设置rem，实现的效果是在PC端浏览器里不用点击toggle device toolbar(切换设备工具栏)也可以和移动端屏幕基本一致的效果体验，设置的默认宽度为750px（可以根据你的图纸修改默认宽度），在默认屏幕宽度下1re...]]></description><category></category></item></channel></rss>