<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[abn1808的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/abn1808</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; abn1808]]></copyright><item><title><![CDATA[移动端可拖拽效果]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418748</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418748</guid><author>abn1808</author><pubDate>Sat, 29 Jun 2019 00:12:00 +0800</pubDate><description><![CDATA[&lt;!doctype html&gt;移动端可拖拽效果

拖拽效果测试，PC浏览器访问，需打开控制台进入移动模式。
拖我



转载于:https://www.cnblogs.com/webfby/p/11105370.html...]]></description><category></category></item><item><title><![CDATA[利用视口单位实现适配布局]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418752</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418752</guid><author>abn1808</author><pubDate>Mon, 10 Sep 2018 12:13:00 +0800</pubDate><description><![CDATA[利用视口单位实现适配布局
byTingglelaooon2017-04-28

响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配。即使是通过 rem 单位来实现适配，也是需要内嵌一段脚本去动态计算根元素大小。
近年来，随着移动...]]></description><category></category></item><item><title><![CDATA[最新前端开发工程师面试题]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418745</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418745</guid><author>abn1808</author><pubDate>Mon, 13 Aug 2018 16:57:00 +0800</pubDate><description><![CDATA[最新前端开发工程师面试题——HTML部分


　　1、Doctype作用?严格模式与混杂模式如何区分？它们有何意义?

　　（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。

　　（2）、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。

　　（3）、在混杂模式中，页面以宽松的向...]]></description><category></category></item><item><title><![CDATA[12个HTML和CSS必须知道的重点难点问题]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418749</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418749</guid><author>abn1808</author><pubDate>Fri, 03 Aug 2018 13:43:00 +0800</pubDate><description><![CDATA[这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex
只需要在父盒子设置：display: flex; justify-conte...]]></description><category></category></item><item><title><![CDATA[js根据鼠标和键盘判断页面是否长时间未进行操作]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418746</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418746</guid><author>abn1808</author><pubDate>Fri, 20 Jul 2018 13:47:00 +0800</pubDate><description><![CDATA[&lt;script&gt;
    var count = 0;
    var outTime = 1;//分钟
    window.setInterval(go, 1000);

    function go() {
        count++;
        if (count == outTime * 60) {
            // al...]]></description><category></category></item><item><title><![CDATA[win10升级后蓝牙不见了，设备管理器里没有，多了个串行控制器里的未知USB设备？...]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418742</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418742</guid><author>abn1808</author><pubDate>Sun, 20 May 2018 11:43:00 +0800</pubDate><description><![CDATA[win10更新后，蓝牙功能不见了，也没有打开的选项，设备管理器里也没有，多了个未知USB设备，重启无效，重装蓝牙驱动无效，BIOS中的Bluetooth是开的。

试了网上能找到的所有方法，包括更新win10更新、更新Bluetooth驱动等都没有解决 ，
解决方案是：

1、打开设备管理器，卸载掉未知USB设备，重新识别硬件。问题解决了。
有时能识别到蓝牙，有...]]></description><category></category></item><item><title><![CDATA[安装vue-cli时出现的错误，cmd 卡住]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418739</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418739</guid><author>abn1808</author><pubDate>Thu, 07 Dec 2017 15:31:00 +0800</pubDate><description><![CDATA[今天在构建vue时遇到个问题，cmd执行vue init webpack my-project时 ，出现如下乱码，然后页面卡住在项目说明 ，操作不了，



最后发现是nodejs版本的问题，当前问题版本8.1.0 ，

解决 ：升级nodejs版本到最新或者降级到8.0即可解决。


转载于:https://www.cnblogs...]]></description><category></category></item><item><title><![CDATA[svg 认识及动画]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418736</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418736</guid><author>abn1808</author><pubDate>Thu, 29 Jun 2017 16:00:00 +0800</pubDate><description><![CDATA[svg在线中文教程

https://svg.brucewar.me/

http://www.zhangxinxu.com/wordpress/tag/svg/


http://svgtrick.com






转载于:https://www.cnblogs.com/webfby/p/e877edf1c03e40da26e0fd8ae34d6b6f....]]></description><category></category></item><item><title><![CDATA[banner图片全屏显示]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418733</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418733</guid><author>abn1808</author><pubDate>Mon, 10 Apr 2017 16:36:00 +0800</pubDate><description><![CDATA[&lt;script&gt;
    $(function () {
        function reinitSize() {
            var window_h = $(window).height();
            var window_w = $(window).width();
            var main_h = win...]]></description><category></category></item><item><title><![CDATA[百度地图2.0 点定位]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418731</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418731</guid><author>abn1808</author><pubDate>Mon, 10 Apr 2017 15:41:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
    &lt;meta name="viewport" content="initial-scale=1.0, user-...]]></description><category></category></item><item><title><![CDATA[三种方法更改MAC OS X下的HOSTS文件]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418743</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418743</guid><author>abn1808</author><pubDate>Tue, 21 Feb 2017 10:39:00 +0800</pubDate><description><![CDATA[1.终端更改用程序里面打开终端(terminal),输入sudo vi /etc/hosts然后提示输入系统密码hosts文件就自动打开了接着输入 i进入编辑模式将添加的网站,ip拷贝进去编辑完成之后,按esc,输入: wq  (冒号也要)
2.直接修改本地文件
打开finder ,在前往里面选择前往文件夹(快捷键shift+command+g)在弹出框里输...]]></description><category></category></item><item><title><![CDATA[史上最全前端面试题(含答案) - Web开发面试题]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418729</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418729</guid><author>abn1808</author><pubDate>Fri, 02 Dec 2016 09:34:00 +0800</pubDate><description><![CDATA[HTML+CSS
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；...]]></description><category></category></item><item><title><![CDATA[jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路...]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418740</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418740</guid><author>abn1808</author><pubDate>Fri, 02 Dec 2016 09:33:00 +0800</pubDate><description><![CDATA[Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.
在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担...]]></description><category></category></item><item><title><![CDATA[图文-水平垂直居中兼容ie6+]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418737</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418737</guid><author>abn1808</author><pubDate>Fri, 02 Dec 2016 09:33:00 +0800</pubDate><description><![CDATA[图文-水平垂直居中兼容ie6+具体代码： &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;    &lt;title&gt;图文-水平垂直居中 兼容ie6+&...]]></description><category></category></item><item><title><![CDATA[CSS3动画]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418728</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418728</guid><author>abn1808</author><pubDate>Fri, 02 Dec 2016 09:33:00 +0800</pubDate><description><![CDATA[移动端的开发也有这种hack，来解决可能的卡顿问题：css-webkit-transform: translate3d(0, 0, 0);css3动画大致分三类：1.变形transform[变形基础]rotate()[旋转]scale()[缩放]translate()[位移]skew()[倾斜]matrix()[矩阵变形]perspective[透视]说明transform属性能对元素...]]></description><category></category></item><item><title><![CDATA[web app变革之rem]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418734</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418734</guid><author>abn1808</author><pubDate>Mon, 28 Nov 2016 15:21:00 +0800</pubDate><description><![CDATA[rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（fontsizeoftherootelement）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单...]]></description><category></category></item><item><title><![CDATA[16-js-缓冲运动]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418726</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418726</guid><author>abn1808</author><pubDate>Tue, 25 Oct 2016 10:58:00 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;style&gt;        * {            margin: 0;            padding: 0...]]></description><category></category></item><item><title><![CDATA[网页UI视觉设计规范]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418724</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418724</guid><author>abn1808</author><pubDate>Wed, 19 Oct 2016 18:03:00 +0800</pubDate><description><![CDATA[转载于:https://www.cnblogs.com/webfby/p/5978255.html]]></description><category></category></item><item><title><![CDATA[MAC中通过gem命令安装compass]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418699</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418699</guid><author>abn1808</author><pubDate>Fri, 14 Oct 2016 15:00:00 +0800</pubDate><description><![CDATA[在MAC中通过gem命令安装compass时会出异常，原因是compass版本更新了，一些运行时所用到的依赖软件的版本没能得到更新，故而出现错误。例如，用以下命令安装compass：
$gem install compass
安装完成后，提示安装成功了compass v0.12.2版。结果运行compass时会出现出错。
$ compass -v


错出的原因：是缺少相...]]></description><category></category></item><item><title><![CDATA[mac下升级ruby环境版本]]></title><link>https://blog.youkuaiyun.com/abn1808/article/details/101418693</link><guid>https://blog.youkuaiyun.com/abn1808/article/details/101418693</guid><author>abn1808</author><pubDate>Thu, 25 Aug 2016 16:31:00 +0800</pubDate><description><![CDATA[在ios开发中会经常使用到cocoapods来管理第三方框架，在安装cocoapods的时候会涉及到ruby环境，有时候会因为版本过低会导致安装失败，本文主要讲一下如何升级ruby环境

安装rvm，rvm是可以让你拥有很多ruby版本的一个工具，具体的可以去了解一下（以下各个步骤均在terminal中实现）

$ curl -L https://get.rvm.io | bas...]]></description><category></category></item></channel></rss>