<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[alex1504的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/alex1504</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; alex1504]]></copyright><item><title><![CDATA[Javascript中数组方法reduce的妙用之处]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/91352993</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/91352993</guid><author>alex1504</author><pubDate>Sun, 09 Jun 2019 14:49:19 +0800</pubDate><description><![CDATA[Javascript数组方法中，相比map、filter、forEach等常用的迭代方法，reduce常常被我们所忽略，今天一起来探究一下reduce在我们实战开发当中，能有哪些妙用之处，下面从reduce语法开始介绍。
语法
array.reduce(function(accumulator, arrayElement, currentIndex, arr), initialValue)

若...]]></description><category></category></item><item><title><![CDATA[jQuery的世界--简单核心的总结]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90301043</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90301043</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:44:48 +0800</pubDate><description><![CDATA[最近重温了《锋利的jQuery》这本书，受益匪浅。初学jQuery的时候觉得jQuery是JS的框架，因此在学习jQuery的过程也先读了《Dom编程艺术》，如今正在看《JS高级程序设计》一书。
但其实对于一个初入前端的新手来说，如果觉得JS入门曲线太陡峭，那么在不了解JS的情况下就可以与jQuery摩拳擦掌了，原因在于这个框架简单、实用、入门快，领悟高的话一个月内就能上手做项目。以下是自己最近几...]]></description><category></category></item><item><title><![CDATA[CSS3transform属性详解]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90301018</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90301018</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:43:30 +0800</pubDate><description><![CDATA[Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从transform的语法开始吧。
语法：
transform ...]]></description><category></category></item><item><title><![CDATA[如何快速做一个HTML5移动播放器]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90300998</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90300998</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:42:11 +0800</pubDate><description><![CDATA[这段时间公司一直在做一个PC的教育类单页应用，庞大复杂，涉及非常多H5的知识，音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动音乐播放器，作为练手项目（存放在码云）。若你觉得该文章对你有帮助，别忘了点个赞啦。
**在线地址：**请猛击这里
**源码：**请猛击这里
注意：使用PC浏览最好打开移动设备模式，使用移动设备浏览需要关闭无痕浏览模式（否则无法使用本地存储，一般浏览器都是默认不开启），...]]></description><category></category></item><item><title><![CDATA[前端入门系列（三）：javascript数组方法]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90300988</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90300988</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:41:19 +0800</pubDate><description><![CDATA[ECMAScript3定义的数组方法

转换：join()
排序: reverse()、sort()
连接：concat()
裁剪: slice()
插入、删除：splice()、push()、pop()、unshift()、shift()
对象方法：toString()、toLocaleString()

join()
将数组中所有元素转化为字符串并连接在一起，返回最后生成的字符串。可以指定一个...]]></description><category></category></item><item><title><![CDATA[前端入门系列（二）：javascript字符串对象方法]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90300973</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90300973</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:40:42 +0800</pubDate><description><![CDATA[字符方法
chatAt()和chatCodeAt
charAt()和charCodeAt()
这两个方法接收一个参数，即基于0的字符位置。
chatAt()以单字符字符串的形式返回给定位置的那个字符。
chatCodeAt()返回给定位置的那个字符的字符编码。
var stringValue="hellow";
stringValue.chatAt(1);      //"e"
stringVal...]]></description><category></category></item><item><title><![CDATA[前端入门系列（一）：jQuery核心总结]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90300963</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90300963</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:40:03 +0800</pubDate><description><![CDATA[最近重温了《锋利的jQuery》这本书，受益匪浅。
如果你和前端若只如初见，如果你和jQuery一见钟情，一纸文字铺满了你相恋的他（她）的所有。
我把整理出来的知识点用网状图串联了起来，并且每个部分分点概述，将一些类似的方法和属性排列在一起。其实最重要的区块就是5个部分。
**根据用户交互的基本流程，通常代码是获取元素，然后绑定相应的事件，接着触发这个事件后可以选择不同的交互方式。**比如增加节...]]></description><category></category></item><item><title><![CDATA[基于七牛SDK构建的Vue单页图片管理应用]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90300954</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90300954</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:39:13 +0800</pubDate><description><![CDATA[牛牛图床
Vue-cli脚手架构建的七牛图片管理图床单页应用（基于museui），前后端分离。后端基于express及七牛nodejs-SDK开发，服务原本部署在Heroku，由于服务响应速度慢的原因，已将服务部署在云服务器上。

项目地址：
源码地址：https://github.com/alex1504/vue-qiniu-image-bed
在线地址：http://cowbed.huzeru...]]></description><category></category></item><item><title><![CDATA[一个能生成精美代码图片的工具Carbon]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90300912</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90300912</guid><author>alex1504</author><pubDate>Fri, 17 May 2019 21:35:47 +0800</pubDate><description><![CDATA[今天给大家分享一个在线代码图片生成网站，支持多种主题，他就是Carbon，如果你喜欢写博客或许会用到。
GitHub 地址：https://github.com/dawnlabs/carbon
作者：Dawn Labs
工具地址：https://dawnlabs.io/carbon
Carbon：为源代码生成漂亮的屏幕截图，支持配色方案、字体、窗口控件等多种配置。先来看看几张生成的代码图：支持圆角...]]></description><category></category></item><item><title><![CDATA[理解CSS布局和块格式化上下文]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/90245910</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/90245910</guid><author>alex1504</author><pubDate>Wed, 15 May 2019 21:48:10 +0800</pubDate><description><![CDATA[在进行html布局及css编写的时候，你是否遇到过这样的问题：

子元素设置浮动脱离文档流后，父元素无法将其完全包裹
子元素浮动实现两栏布局时，另一个子元素与浮动子元素重叠
垂直方向的外边距margin重叠
…

通常我们使用块级格式化上下文（BFC）就能解决。
什么是BFC？
块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是...]]></description><category></category></item><item><title><![CDATA[Node12有哪些值得关注的新特性？]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/89668134</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/89668134</guid><author>alex1504</author><pubDate>Mon, 29 Apr 2019 09:15:42 +0800</pubDate><description><![CDATA[前言
时隔一年，Node.js 12 如约而至，正式发布第一个 Current 版本。它将从2019年10月开始进入长期支持（LTS）版本直到2022年4月。
该版本带来的新特性：

V8 更新带来好多不错的特性。
HTTP 解析速度提升。
启动速度大幅提升。
更好的诊断报告和堆分析工具。
ESM 模块更新。

LTS

Node维护了着两条发布流程线：奇数版本每年的10月份发布，偶数版本第二年的...]]></description><category></category></item><item><title><![CDATA[常见的JavaScript“陷阱”]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/89668118</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/89668118</guid><author>alex1504</author><pubDate>Mon, 29 Apr 2019 09:14:38 +0800</pubDate><description><![CDATA[随着ES6标准的普及，JavaScript已经拥有许多新的语法糖，这让我们编写可读的，高质量的代码变得更加方便，但即使这样仍然会遇到一些潜在的"陷阱"。
箭头函数与对象字面量
箭头函数提供了更简洁和更短的语法，其中一个可用功能是您可以将函数编写为具有隐式返回值的lambda表达式。
例如：
const numbers = [1, 2, 3, 4];
numbers.map(function(n)...]]></description><category></category></item><item><title><![CDATA[基于bmob后端云小程序开发——口袋吉他]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/83991713</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/83991713</guid><author>alex1504</author><pubDate>Mon, 12 Nov 2018 14:37:40 +0800</pubDate><description><![CDATA[人的一生90%的时间都在做着无聊的事情，社会的发展使得我们的闲暇时间越来越多，我们把除了工作的其他时间放在各种娱乐活动上。
程序员有点特殊，他们把敲代码看成娱乐活动的一部分，以此打发时间的不占少数。这不最近无聊搞了一个口袋吉他小程序，使用bmob后端云提供数据存储服务，除吉他谱图片，其他图片存储在七牛。
关于bmob小程序开发文档请戳这里，文档详细简练，主要是缩短了开发周期，不过对于复杂的项目，还...]]></description><category></category></item><item><title><![CDATA[移动端H5多页开发拍门砖经验]]></title><link>https://blog.youkuaiyun.com/alex1504/article/details/83147383</link><guid>https://blog.youkuaiyun.com/alex1504/article/details/83147383</guid><author>alex1504</author><pubDate>Thu, 18 Oct 2018 15:25:14 +0800</pubDate><description><![CDATA[两年前刚接触移动端开发，刚开始比较疑惑，每次遇到问题都是到社区里提问或者吸取前辈的经验分享，感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家，希望也能帮助刚步入移动端开发的新人解惑。以下会以其中一个以公积金页面开发项目作为例子，介绍移动端的一些常见问题和使用Vuejs作为lib进行多页开发的经验。
移动端自适应布局
在项目中移动端最常用的自适应布局方...]]></description><category></category></item></channel></rss>