夕阳白雪_高分内容_个人页-阿里云开发者社区

前言由于公司业务需要做一些图标来展示一些数据，之前都是用百度的echart.js。这次放弃使用它转而自己开发是有几个原因1、echart文件太大，有些功能用不到2、echart样式不易扩展3、需求简单考虑上面几个原因就决定自己开发一个图标库，主要介绍折线图和雷达图技术研究绘制图表可以用canvas、svg、webgl等，echart是用canvas绘制，所以我就直接考虑用canvas。

发表了文章 2016-05-03

js实现剪切、复制、粘贴——clipBoard.js

摘要：　　最近项目上要实现一个点击按钮复制链接的功能，刚开始查找了一些资料，找了几款插件，ZeroClipboard是通过flash实现的复制功能，随着越来越多的提议废除flash，于是就想能不能通过js来实现复制剪切呢？地址：https://github.

发表了文章 2016-04-18

artEditor增加表单提交功能

摘要：　　artEditor.js是一款移动端的富文本编辑器，支持图片上传，后面会增加表情、小视频等功能。最近有朋友反馈artEditor是否支持表单提交，当然是支持的，在未开发该功能之前，你可以像下面这样来实现表单提交 $('.

发表了文章 2016-04-18

模板插件aTpl.js新增功能

摘要：　　aTpl.js是一款模板插件，该插件支持ie5+，chrome等浏览器以及移动端浏览器，支持for和if语法，以及表达式。最近对aTpl.js模板插件增加了新的功能，支持字符串模板，同时增加了模板缓存功能。

发表了文章 2016-04-11

超详细cordova环境配置（windows）及实例

摘要：最近闲来无事就把以前做的cordova项目整理了下，发现网上很少有详细完整的配置教程，所以自己就总结了下分享给大家。项目地址：https://github.com/baixuexiyang/hybrid 环境搭建： 1.安装node.js下载安装node.js,https://nodejs.org/en/，安装cordova时需要使用。

发表了文章 2016-03-28

artEditor增加h5拍照上传图片

摘要：　　artEditor富文本编辑器增加了图片拍照功能，点击图片按钮你可以从手机相册选择图片，也可以通过相机拍照上传。项目地址：https://github.com/baixuexiyang/artEditor 演示地址：http://baixuexiyang.

发表了文章 2016-03-28

模板插件aTpl

摘要：　　前面给大家分享了一款js模板插件，后来经过完善推荐给大家。该插件支持ie5+，chrome等浏览器以及移动端浏览器，支持for和if语法，以及表达式。项目地址：https://github.

发表了文章 2016-03-21

设置dom元素可拖动，支持ie5+

摘要：　　最近在项目中要做一个图片预览的功能，这时候会遇到用户上传很大的图片，已经超出视图界面。最终决定做一个在固定宽和高的位置，用户可以拖动图片查看。所以自己就写了一个支持ie5+，chrome，Firefox，opera等浏览器的可拖动dom元素的插件。

发表了文章 2016-03-15

javascript模板插件amaze.js

摘要：　　最近在开发项目时，异步接口需要前端渲染数据，js拼接太低级，必然要用模板插件。之前用过基于jQuery的和juicer等插件，考虑到以后公司项目上的统一，移动端和pc端上的统一，以及可维护性，所以就自己开发了一款模板插件amaze.js。

发表了文章 2016-02-26

web前端socket封装库--giraffe

摘要：最近在做前端的socket消息推送，使用了socket.io.js的最新版本。使用过的都知道socket.io.js是基于消息类型来通信的，如果消息类型多了就很难维护。所以本人就对socket.io.js进行了应用层的封装。

发表了文章 2016-01-11

移动端富文本编辑器artEditor

摘要：由于手机上打字比较慢，并不适合长篇大论的文章，所以移动端的富文本编辑器很少。artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片，后续完善其他功能。插件地址：https://github.com/baixuexiyang/artEditor 欢迎star或fork。

发表了文章 2016-01-05

自己开发chrome插件生成二维码

摘要：最近在开发微信项目时，需要在微信调试，所以经常会在微信中输入本地服务地址，输入起来特别麻烦，所以自己就想了想微信中的扫一扫，然后开发了这款chrome插件，将当前url生成二维码，用微信扫一扫就可以看效果了。

发表了文章 2016-01-04

前端分页插件pagination

摘要：最近在开发项目中又用到了前端分页，以前也做过，为了方便以后使用所以将他封装成第三方插件，不依赖任何库。网上已经有很多插件，问什么还要自己造轮子？自己写的扩展性高不依赖任何库作为一次技术沉淀在线预览：http://baixuexiyang.github.io/pagination/ 项目地址：https://github.com/baixuexiyang/pagination 注意：后面我还要将自己在开发中写到的插件都总结下分享给大家，如果你喜欢用可以star或者fork，或者你有什么问题可以提issue。

发表了文章 2015-12-28

项目中最常用到的颜色

摘要：　　最近在整理项目时，把几种常用的颜色单独整理出来，以便在开发中能快速找到颜色值。如下图，如果你有喜欢的颜色可以应用到自己的项目中。代码地址：https://github.com/baixuexiyang/color 注意：　　一个项目中最好不要超过三种主题颜色，可以通过颜色深浅来区分。

发表了文章 2015-12-10

es6在项目中的应用

摘要：今年es6完成了规范制定，但是各大浏览器厂商还没有完全的支持。如果等到主流浏览器支持了再去学习，可能黄花菜都凉了。小编特地为大家准备了一个查询es6在各浏览器支持情况的站点，可以访问这里查询。

发表了文章 2015-12-09

rem布局在react中的应用

摘要：前面给大家分享了一个react项目（http://www.cnblogs.com/xiyangbaixue/p/4751904.html），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。

发表了文章 2015-11-19

中国各省市经纬度坐标

最近在开发中用到了全国各省会的经纬度坐标，所以自己总结了下分享给大家，点击链接地址

发表了文章 2015-08-24

前端框架react研究

摘要：最近公司要做一个嵌套在app中的应用，考虑着用Facebook的react来开发view，所以就研究了下。下面是我在开发中遇到的坑，希望能给你帮助。项目地址：https://github.com/baixuexiyang/react Issue：https://github.com/baixuexiyang/react/issues 欢迎star和fork！ react优势：仅仅只要表达出你的应用程序在任一个时间点应该长的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。

发表了文章 2015-02-04

node.js富文本编辑器

摘要：　　最近在搭建自己的博客，这一段时间可能没有时间来写博客了，但是有了好东西还是要分享给大家。博客网站必然要有编辑文章的编辑器，所以在网上查了些资料。大部分编辑器的后台是基于java、php、asp等，很少有基于node.js的。

发表了文章 2015-01-21

使用jquery操作session

摘要：　　今天分享的是使用jquery来处理session。我们将使用sessionStorage对象，它类似与localStorage对象，只是sessionStorage是用来储存session数据的。

发表了文章 2015-01-15

浏览器窗口之间传递数据

摘要：　　在项目开发中我们经常会遇到弹窗，有的是通过div模拟弹窗效果，有的是通过iframe，也有通过window自带的open函数打开一个新的窗口。今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互。

发表了文章 2015-01-14

批量修改文件编码格式

摘要：　　最近在制作手册的时候遇到了一个问题'文档乱码'，查看文件之后发现文件编码不对，总共100多个文件，如果用编辑器另存为utf8，那就悲催了。所以自己就写了个程序，批量修改文件编码格式。代码： /** * 修改文件编码格式，例如：GBK转UTF8 * 支持多级目录 *...

发表了文章 2015-01-09

具有动态效果的响应式设计

摘要：　　响应式设计已经流行很久了，今天分享一个借助transition来实现动态切换布局的效果。代码： DOCTYPE html> Document .

发表了文章 2015-01-09

Ajax请求全局配置

摘要：　　jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。代码： // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.

发表了文章 2015-01-09

html实体转换

摘要：　　在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体。如需显示小于号，我们必须这样写：< 或 < 　　HTML 中的常用字符实体是不间断空格( )。

发表了文章 2015-01-08

js读取csv文件为json显示

摘要：　　前面分享了用js将json数据下载为csv文件，方便后期管理。但是对于测试人员更希望能够以页面的形式展现任务，所以就做了一个将csv文件展现在页面上的例子。代码： DOCTYPE html> csv ...

发表了文章 2015-01-08

js将json数据以csv格式下载

摘要：　　最近有一个非项目的小需求，就是将项目开发分工文件化，方便后期管理维护。但是开发时，分工安排都是以json格式记录的，所以就做了一个将json数据以csv格式下载到本地。代码： DOCTYPE html> download csv ...

发表了文章 2015-01-07

js判断操作系统与浏览器

摘要：　　对于前端开发我们最重要的工作就是兼容性，系统的兼容性，浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。操作系统： var os = (function() { var UserAgent = navigator.

发表了文章 2015-01-07

Fade out transition effect using CSS3

摘要：　　css3已经被应用到很多网站了，对于创建动态交互的网站是非常有益的。今天就分享一个使用transition实现的鼠标悬停淡阴淡出的效果。代码： DOCTYPE html> Document div.

发表了文章 2015-01-07

4种实现多列布局css

摘要：　　多列布局在网站应用中也是经常见到的，今天就分享4中多列布局。 display:table .table { width: auto; min-width: 1000px; marg...

发表了文章 2015-01-07

5种实现垂直居中css

摘要：　　在我们制作页面的时候经常会遇到内容垂直居中的需求，今天分享5种垂直居中的方法，每种方法都有自己的优缺点，可以选择自己喜欢的方式。以下代码都经过本人亲自测试。 line-height： .

发表了文章 2015-01-06

输入控件tagsinput

摘要：　　tagsinput是一款基于jQuery的插件。具有组织输入内容、校验、backspace删除等功能。当你在输入框输入结束按下enter键，tagsinput会将你输入的内容用标签封装，每个输入的内容用逗号分隔。

发表了文章 2015-01-06

使用a标签制作tooltips

摘要：　　前面已经分享了三种方法制作tooltips，今天再来分享一个借助a标签来实现tooltips的方法。效果如下：

发表了文章 2015-01-05

使用editorconfig配置你的编辑器

摘要：　　在团队开发中，统一的代码格式是必要的。但是不同开发人员使用的编辑工具可能不同，这样就造成代码的differ。今天给大家分享一个很好的方法来使不同的编辑器保持一样的风格。　　不同的编辑器也有设置代码风格的，例如我们前端人员最喜欢使用的sublime text 2编辑器。

发表了文章 2015-01-04

JointJS绘制流程图

摘要：　　JointJS是一个javascript图表库。你可以使用它制作静态或者动态的图表、关系表、流程图。效果图：　　

发表了文章 2015-01-04

用highcharts展现你的数据

摘要：　　前面已经分享过图表插件，今天在来将下如何使用highcharts来绘制图表。highcharts支持在线定制，你可以选择你所需要的模块，然后点击build就会生成一个js文件链接，右键保存到本地酒可以在项目中使用了。

发表了文章 2014-12-31

css段落首字母下沉

摘要：　　段落首字母放大是指放大段落开头的字母或者汉字，主要使用了css的first-letter伪类选择器。单行放大：　　在第一行内放大，效果如下： DOCTYPE html> Document body { ...

发表了文章 2014-12-31

HTML5标签embed详解

摘要：　　标签是 HTML 5 中的新标签，用来定义嵌入的内容，比如插件。类似于HTML 4.01 中的object和applet标签。我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签，也就是OBJECT、APPLET和EMBED标签。

发表了文章 2014-12-26

MongoDB使用经验总结

摘要：　　最近在开发项目使用了数据库MongoDB，我将它的使用方法整理下分享给大家。至于mongoDB有什么优点，大家可以到官网去看。安装：　　首先我们需要到官网下载适合自己系统的mongodb。

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

夕阳白雪_个人页

个人介绍

擅长的技术

前端周刊第八期

前端周刊第七期

前端周刊第六期

前端周刊第五期

前端周刊第四期

前端周刊第三期

前端周刊第二期

前端周刊第一期

我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。

搭建es6开发与非开发环境babel-browser

文件快速删除工具, 解决你的node_modules

自己开发图表插件，脱离echart

js实现剪切、复制、粘贴——clipBoard.js

artEditor增加表单提交功能

模板插件aTpl.js新增功能

超详细cordova环境配置（windows）及实例

artEditor增加h5拍照上传图片

模板插件aTpl

设置dom元素可拖动，支持ie5+

javascript模板插件amaze.js

web前端socket封装库--giraffe

移动端富文本编辑器artEditor

自己开发chrome插件生成二维码

前端分页插件pagination

项目中最常用到的颜色

es6在项目中的应用

rem布局在react中的应用

中国各省市经纬度坐标

前端框架react研究

node.js富文本编辑器

使用jquery操作session

浏览器窗口之间传递数据

批量修改文件编码格式

具有动态效果的响应式设计

Ajax请求全局配置

html实体转换

js读取csv文件为json显示

js将json数据以csv格式下载

js判断操作系统与浏览器

Fade out transition effect using CSS3

​4种实现多列布局css

5种实现垂直居中css

输入控件tagsinput

使用a标签制作tooltips

使用editorconfig配置你的编辑器

JointJS绘制流程图

用highcharts展现你的数据

css段落首字母下沉

HTML5标签embed详解

MongoDB使用经验总结

前端周刊第八期

前端周刊第七期

前端周刊第六期

前端周刊第五期

前端周刊第四期

前端周刊第三期

前端周刊第二期

前端周刊第一期

我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。

搭建es6开发与非开发环境babel-browser

文件快速删除工具, 解决你的node_modules

自己开发图表插件，脱离echart

js实现剪切、复制、粘贴——clipBoard.js

4种实现多列布局css