2017年05月_hsany330

转载 Flexbox完美解决CSS垂直居中

Flexbox完美解决CSS垂直居中作者康斌关注2016.09.20 17:51* 字数 2127 阅读 765评论 6喜欢 1144年前我们就把人类送上月球了，但现在我们仍然无法在CSS中实现垂直居中。在CSS中对元素进行水平居中是非常简单的：如果它是一个行内元素，就对它的父元素应用 text-align: cen

2017-05-25 14:41:16 706

转载 vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

转载： http://www.cnblogs.com/net-xiejun/p/5901598.html一、前言　　三年.net开发转前端已经四个月了，前端主要用webpack+vue，由于后端转过来的，前端不够系统，希望分享下开发心得与园友一起学习。　　图片的上传之前都是用的插件(ajaxupload)，或者传统上传图片的方式,各有利弊：插件的问题是依赖jq并且会使系统比

2017-05-24 17:14:27 1740

转载 webpack构建vue项目（配置篇）

最近公司要求用vue重构项目，还涉及到模块化开发，于是乎，我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具，发现上手并不是很容易，现将总结的一些有关配置的心得分享出来，欢迎大神来拍砖。。。一、新建一个项目目录，cd /d 定位进去，然后输入npm init，会提示你填写一些项目的信息，一直回车默认就好了，或者直接执行npm init -y 直接跳过，这样

2017-05-23 18:11:24 748

转载 vue2移动端上传，预览，压缩图片，解决拍照旋转问题

因为最近遇到个移动端上传头像的需求，上传到后台的数据是base64位，其中为了提高用户体验，把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时，会发生图片旋转，为了解决这个问题引入了exif去判断拍照时的信息再去处理图片，这是个很好的插件。关于exif.js可以去他的GitHub上了解，这边直接npm install exif-js --save 安装，然后impo

2017-05-17 20:12:00 1280

转载 [译]推荐5个值得学习React Native的开源项目

最好的学习编码的方式就是读源码 -- 某个高级程序员读源码是最好也是最有效的提升自身编码能力的方式，特别是当该项技术比较新然后它的标准还在不停改进的时候。ReactNatve就是其中一个。它的API随着每次发布还在持续的迭代，你会碰到很多需要选择的工具然后除了一些简单的HelloWorld教程，稍微深入些的教程比较少。于是，我们还是来读读别人的开源项目源码吧，下面是我follow的5

2017-05-16 16:10:13 502

转载最新Angular2案例rebirth开源

在过去的几年时间里，Angular1.x显然是非常成功的。但由于最初的架构设计和Web标准的快速发展，逐渐的显现出它的滞后和不适应。这些问题包括性能瓶颈、滞后于极速发展的Web标准、移动化多平台应用，学习难度等。所以Angular团队最终决定以全新方式构建Angular2框架。Angular2框架现在已经进入RC6版本，很快它就将进入最终发布版。Angular2带来了很多不错的特性，它们包

2017-05-16 14:17:34 784

转载 JavaScript工具函数-用Lodash减少LOC，并改善你的应用程序逻辑清晰

开发JavaScript应用程序的时候，我们经常需要自己编写实用方法等作为我们的实用（工具函数）模块。那么，什么是实用模块？实用类就是定义一组经常执行的方法，重复使用功能的类。 – 维基百科从处理字符串和对象到集合迭代器，总是会需要实用功能来完成工作的情况。即使是采用主流的ES6，我敢说，JavaScript开发人员仍然无法获得像Objective-C或Ruby那样

2017-05-16 14:16:10 754

转载 12个非常有用的JavaScript技巧

在这篇文章中，我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。1) 使用!!将变量转换成布尔类型有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用||（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，undefined或Na

2017-05-16 13:48:23 246

转载基于vue、vuex、vue-router、echarts搭建的数据展示平台

真的好久没有更新博客了，但是我最近并没有偷懒哦，一直在学习vue这个框架，并且用它做了一个小项目，现在就给大家分享一下我的这个还比较有意思的小项目咯，本项目是基于vue2.0开发的。灵感来源这是一个数据可视化相关的项目，作为一个学生班主任，需要对班上同学的各方面的情况都有所了解，于是我便做了一个问卷调查来了解学生各方面的情况。然后我又想到可以分析我们班的群聊记录呀，根据群聊记录可以

2017-05-12 17:23:00 1191

转载 vue组件里面引入highchars

前言这里讲的主要是想谈谈基于Vue的一个组件开发。不得不说的一点就是，在实际的Vue项目中，页面中每一个小块都是由一个个组件（.vue文件）组成，经过抽离后，然后再合并一起组成一个页面。由于上家公司我负责多的是可视化这一块的开发，这边我也将带着大家进行一个Vue项目中的可视化组件的开发，这里用到的框架将是主流的可视化框架highcharts。一、Vue环境的搭建1、Mac用户首先安

2017-05-12 16:29:12 7413

转载 javascript小数精度丢失的完美解决方法

js按照2进制来处理小数的加减乘除,在arg1的基础上将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况.javascript(js)的小数点加减乘除问题，是一个js的bug如0.3*1 = 0.2999999999等，下面列出可以完美求出相应精度的四种js算法?12345678

2017-05-11 17:05:37 5783

转载移动端图片格式调研

原文地址: http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/图片通常是移动端流量耗费最多的部分，并且占据着重要的视觉空间。合理的图片格式选用和优化可以为你节省带宽、提升视觉效果。在这篇文章里我会分析一下目前主流和新兴的几种图片格式的特点、性能分析、参数调优，以及相关开源库的选择。Index几种图片格式简介移

2017-05-06 13:47:46 545

转载 CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera

现在的浏览器IE6-IE10、Firefox、Chrome、Opera、Safari。。。数量众多，可谓百家争鸣，对用户来说有了很多的可选择型，不过这可就苦了Web前端开发人员了。今天把一些常用的CSS Hack整理了一下，包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack，并把这些CSS Hack综合的一起，写了一个小的浏览器测试器。如图所示：下面就来

2017-05-04 14:11:10 276

转载关于 Content-Type:application/x-www-form-urlencoded 和 Content-Type:multipart/related

最近项目中用到的一个是用一个页面接收c程序post过来的一断字符串..总接收不到值...我用C#写一个测试可以正常接收到值.最后抓包比较区别只是Content-Type:application/x-www-form-urlencoded 和 Content-Type:multipart/related查资料得： application/x-ww

2017-05-02 17:19:19 507

转载一个项目学会前端实现登录拦截

一个项目学会前端实现登录拦截一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。前言该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的登录及拦截、登出、token失效的拦截及对应 a

2017-05-02 15:37:52 787

转载 axios全攻略

随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本身就非常详细！！有这个还要什么自行车！！所以推荐大家学习这种库，最好详细阅读其官方文档。大概翻译了一下 axios 的官方文档，相信大家只要吃透本文再加以实践，axios 就是小意思啦！！

2017-05-02 12:03:39 32086

hsany330的专栏