<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[BuptMelody的专栏]]></title><description><![CDATA[web前端]]></description><link>https://blog.youkuaiyun.com/viciousDear</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; viciousDear]]></copyright><item><title><![CDATA[Javascript 将类数组转为数组的几种方式]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/118415242</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/118415242</guid><author>viciousDear</author><pubDate>Fri, 02 Jul 2021 14:45:34 +0800</pubDate><description><![CDATA[拿所有(非减头)函数种都可用的局部变量举例，arguments 对象就是一个类数组，它不是一个Array，类似于Array，但除了 length 属性和索引元素之外没有任何Array属性，比如 pop 方法。有如下方式将它转化为 Array。
方式一
var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);

方式二
// ES2015
const args = Array.from(argu]]></description><category></category></item><item><title><![CDATA[从零开始node全栈学习笔记]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/78770645</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/78770645</guid><author>viciousDear</author><pubDate>Mon, 11 Dec 2017 11:05:10 +0800</pubDate><description><![CDATA[计划写一个node全栈的学习过程，不定期更新，因为不想给自己的定位只是前端开发，想多了解后端的学习。笔记最初是记在有道云笔记的，现在分享出来，如有问题可以请各路大神指点。首先需要一个服务器。使用远程登录工具(如x-shell或secure)登录终端：ssh username@ip输入对应的密码安装node参考链接因为我们使用的是ubuntu 16.04,采用先安装，后升级的方式。 
首先安装node]]></description><category></category></item><item><title><![CDATA[js(借助jquery库)实现倒计时]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/54091761</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/54091761</guid><author>viciousDear</author><pubDate>Thu, 05 Jan 2017 11:55:30 +0800</pubDate><description><![CDATA[不考虑样式，在此上一段 js倒计时的代码 function countDown(){
    var time_now = new Date();
    var time_end = new Date(2017, 0, 6,21,29,59);//月份记得减1
    time_end = time_end.valueOf();
    time_now = time_now.valueOf();]]></description><category></category></item><item><title><![CDATA[js中点击事件可能产生的闭包]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/53709472</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/53709472</guid><author>viciousDear</author><pubDate>Sat, 17 Dec 2016 16:52:50 +0800</pubDate><description><![CDATA[相信很多同学在写js的时候都遇到过闭包的问题，让我们先来看一个背景介绍， 
有这样一组按钮，可能是成千上万个，他们需要一个点击事件来处理不同的情况，最暴力的办法是为每个按钮绑定一个事件，但这显然不是最佳的方法。那么最佳的方法是什么呢？假如他们每个按钮都有一个序号(我将这些按钮的id以升序排列，并存放在数组click_pops中，对应的button的id即为’#’+click_pops[i])，那么有]]></description><category></category></item><item><title><![CDATA[用css的border属性画三角形]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/53021198</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/53021198</guid><author>viciousDear</author><pubDate>Thu, 03 Nov 2016 14:25:45 +0800</pubDate><description><![CDATA[在网上你可以随意搜到很多用css的border属性画的图形，比如面包屑导航、三角形等等，画这些图形可能结合了css的伪类:before 、 :after等，当然也可能没有，这并不影响我今天要分享的，当初作为新手的我看到这些代码觉得很神奇但并不能理解，今天，在相对理解的基础上我自己画出了这些三角形更是觉得神奇于是来分享。首先我们看一个三角形 
想象它是由一个正方形变来的，如何变呢，先来看看这个正方形]]></description><category></category></item><item><title><![CDATA[移动端开发实战经验]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/52414603</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/52414603</guid><author>viciousDear</author><pubDate>Fri, 02 Sep 2016 15:52:26 +0800</pubDate><description><![CDATA[这是最近在移动端web-view中开发app时实际碰到的一些比较棘手显而易见的问题的小总结.首先说说问题的表现形式.有一天, 安卓开发人员拿来一部魅族手机, 给我展示了一下我写的html页面中出现比较奇怪的问题,  
就是用highcharts画图画的图的高度变得十分诡异, 当时的表现是无限大. 然后也给我看了一些页面, 明明设计居中的元素并不居中了, 当下完全不知道是何原因,  一度怀疑是引入了r]]></description><category></category></item><item><title><![CDATA[移动端开发rem单位的格式化js文件flexible.js]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/52251952</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/52251952</guid><author>viciousDear</author><pubDate>Fri, 19 Aug 2016 16:14:33 +0800</pubDate><description><![CDATA[有关前端开发的移动端适配, 借助rem可以省去很多媒体查询的工作, 
对于rem, 可以在css中做一些规定, 也可以直接通过js来控制,  
这样, 更是最大程度的还原了设计图.以下代码为转载;(function(win, lib) {
    var doc = win.document;
    var docEl = doc.documentElement;
    var metaEl =]]></description><category></category></item><item><title><![CDATA[移动端web开发的小笔记]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/51879455</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/51879455</guid><author>viciousDear</author><pubDate>Mon, 11 Jul 2016 11:23:23 +0800</pubDate><description><![CDATA[移动端的开发跟PC端的开发还是稍有区别的，以下内容是个人移动开发的经验，后期会不定时更新错误以及新的内容 
一、从meta标签说起 
首先，在移动端，我们希望将页面窗口自动调整到设备宽度，需要的meta标签是这样 <meta name="viewport" content="width=device-width, initial-scale=1"/>为什么会有这个需求呢 ？为什么需要将页面窗口自动调]]></description><category></category></item><item><title><![CDATA[JS 实时获取鼠标所在坐标]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/51655839</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/51655839</guid><author>viciousDear</author><pubDate>Mon, 13 Jun 2016 10:30:20 +0800</pubDate><description><![CDATA[js实时获取鼠标所在的位置。]]></description><category></category></item><item><title><![CDATA[css实现垂直居中 + Yahoo前端优化十四条军规]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/51424024</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/51424024</guid><author>viciousDear</author><pubDate>Mon, 16 May 2016 12:02:22 +0800</pubDate><description><![CDATA[css 垂直居中  Yahoo前端优化十四条军规]]></description><category></category></item><item><title><![CDATA[javascript 小知识(技巧、方法) ---面包屑导航 文字上下滚动]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/51423816</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/51423816</guid><author>viciousDear</author><pubDate>Mon, 16 May 2016 11:37:36 +0800</pubDate><description><![CDATA[面包屑导航 文字上下滚动 js css]]></description><category></category></item><item><title><![CDATA[javascript小方法之数组去重、数字转成逗号分隔、html元素去标签]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/51057324</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/51057324</guid><author>viciousDear</author><pubDate>Mon, 04 Apr 2016 17:02:32 +0800</pubDate><description><![CDATA[一、数组去重 
javascript数组去重，首先介绍一种时间复杂度比较高的方法，先给这个数组排序，之后再遍历数组，当遇到重复的元素时跳过即可。这个方法耗时的地方在对数组排序。 
下面介绍一种方法：function my_unique (txt) {//text是需要去重的数组
    var res = [];//res是去重后的数组
    var json = [];//这是一个局部变量]]></description><category></category></item><item><title><![CDATA[JavaScript小知识之数据类型]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/51016730</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/51016730</guid><author>viciousDear</author><pubDate>Wed, 30 Mar 2016 16:46:00 +0800</pubDate><description><![CDATA[JavaScript是弱类型语言。JavaScript的数据类型分为两类，原始类型和对象类型。JavaScript中的原始类型包括数字Number、字符串String、布尔值Boolean，它有两个特殊的原始值，null和undefined。简单说说null和undefined。
null是JavaScript的关键字，表示一个特殊值，常用来描述空值。看下这个运算：
    >>typeof nul]]></description><category></category></item><item><title><![CDATA[事件传播的三个阶段]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/50750016</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/50750016</guid><author>viciousDear</author><pubDate>Fri, 26 Feb 2016 15:18:39 +0800</pubDate><description><![CDATA[事件传播的三个阶段
第一阶段：从window对象传导到目标节点，称为“捕获阶段”（capture phase）。
第二阶段：在目标节点上触发，称为“目标阶段”（target phase）。
第三阶段：从目标节点传导回window对象，称为“冒泡阶段”（bubbling phase）。这种三阶段的传播模型，会使得一个事件在多个节点上触发。比如，假设div节点之中嵌套一个p节点。]]></description><category></category></item><item><title><![CDATA[html + css + javascript 制作时间轴]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/50749842</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/50749842</guid><author>viciousDear</author><pubDate>Fri, 26 Feb 2016 15:00:50 +0800</pubDate><description><![CDATA[在做很多小功能的时候，我们可能都需要时间轴，比如版本记录，或者一个流程的记录，简洁明了的设计会给人眼前一亮的感觉，如何大气简洁又能表述清楚呢，我这里有一个版本。
当中的设计包括三角对话框的制作，我在上一篇博客中提过，圆形的制作，定位布局，也有可能，还需要一个回到顶部的功能。回到顶部如果不要求美观别致的话其实是一个相对容易的功能，我在这里的回到顶部也不是很华丽，代码类似这种：$('#scroll-to]]></description><category></category></item><item><title><![CDATA[html+css制作带三角的矩形]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/50749603</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/50749603</guid><author>viciousDear</author><pubDate>Fri, 26 Feb 2016 14:36:34 +0800</pubDate><description><![CDATA[网上有很多html+css制作带三角的矩形的方法，我在这里列举其中一种，兼容bootstrap3。我们先来看一个三角在左边的对话框的效果图 
矩形就不必说了，矩形的border-radius也不用说了，圆角可以自己设置，可以直接用bootstrap中的类。下面说下矩形左边的小三角，我们可以这么设置。右边的矩形我们标记为类log-content，左边的小三角我定义为类triangle，在html中的代]]></description><category></category></item><item><title><![CDATA[jQuery实现侧边导航手风琴效果]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/49911807</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/49911807</guid><author>viciousDear</author><pubDate>Wed, 18 Nov 2015 19:27:07 +0800</pubDate><description><![CDATA[侧导航的手风琴效果是指，点击含子层导航的父导航时，使原本隐藏的子导航显示，再次点击，子层导航又恢复隐藏，同时，同一时间只有一个父导航的子导航能够显示 $("#sidenav > li").find('.sub-nav').hide();
        var ico = '<i style="float:right;font-size:12px;" class="glyphicon glyphic]]></description><category></category></item><item><title><![CDATA[jQuery实现侧边导航点击隐藏动画设计]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/49911739</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/49911739</guid><author>viciousDear</author><pubDate>Wed, 18 Nov 2015 19:20:46 +0800</pubDate><description><![CDATA[现在有这样一个需求，对于左侧的导航，当我点击导航的最上方时，原本显示的导航隐藏，再次点击后，隐藏的导航显示，以此反复，同时，在导航隐藏的状态下悬浮在导航的内容上时，导航也显示，当前状态下鼠标不悬浮在导航上时，导航恢复隐藏，其实是一个很简单的效果，但只有这样清楚的表达出来才能更好的实现，在这里用jQuery实现，给代码中出现的元素做简单说明，.sidebar-header指的是导航头，#left-si]]></description><category></category></item><item><title><![CDATA[bootstrap 三级导航]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/49911489</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/49911489</guid><author>viciousDear</author><pubDate>Wed, 18 Nov 2015 19:01:08 +0800</pubDate><description><![CDATA[三级导航的实现方式有很多，javascript+css就能实现，很多人也写过相应的插件来专门实现这个效果，对于bootstrap来说，三级导航实现起来就很容易了，用bootstrap实现三级导航的另外一个优点是你可以简单修改样式自定义效果，如何做到呢？ 
首先看一个简单的三级导航<nav class="navbar navbar-default navbar-fixed-top" role="nav]]></description><category></category></item><item><title><![CDATA[CSS3 box-shadow]]></title><link>https://blog.youkuaiyun.com/viciousDear/article/details/49911131</link><guid>https://blog.youkuaiyun.com/viciousDear/article/details/49911131</guid><author>viciousDear</author><pubDate>Wed, 18 Nov 2015 18:41:37 +0800</pubDate><description><![CDATA[工作需要需要一个box-shadow效果，需要内阴影，且div的四周都要有阴影，对于CSS的box-shadow效果，有人说外阴影可以理解为从盒子的上方照下去投出的阴影，而内阴影则是从侧面照过去投出的阴影，这样想的话，就不难理解为什么设置内阴影的时候出现的效果一般都是left和bottom，或者top和right，在网上找的效果无外是这几种： 
如何做一个四周都有内阴影的效果呢？可以借鉴这种做法：.]]></description><category></category></item></channel></rss>