前端
文章平均质量分 65
zl_gogogo
FE
展开
-
如何在你的Vue项目配置vux
做移动端项目的话vue现在是首要的选择,足够轻便,文档足够全,当然用的人多,项目中遇到的坑别人可能也遇到过,解决起来也比较方便,至于在开发中做需要的移动端组件库,个人比较推崇vux。 其实项目里组件库可以结合起来使用,因为不管是vux,Mint-ui,Muse-ui等等各有各有的优势,今天就只分享下vue项目中如何配置vux。 1.项目里安装vux npm install vux原创 2017-12-02 22:49:56 · 8683 阅读 · 3 评论 -
Promise的实现机制(一)
  开发过程异步请求很常见,但是回调地域我们还是可以去避免的,这篇文章就不再赘述Promise的具体使用方法,而是探寻一下它的实现机制。首先是一个简单的Promise的例子:function getInfo(){ return new Promise(function(reslve,reject){ http.get(url,function(result)...原创 2018-05-17 10:35:57 · 2876 阅读 · 1 评论 -
webpack4.0关闭开发环境的代码压缩UglifyJsPlugin
最近项目使用的是webpack4.1.1,在使用之前是没有细看更新后版本的文档的,在使用过程中才发现还是有很大的变化。其中一个就是关于UglifyJsPlugin的配置问题。 开发环境是不需要去压缩代码,主要是因为太耗性能了,每修改一个地方就要花几秒去等待页面渲染,说实话这非常浪费开发时间,解决办法就是配置不同的环境变量去在开发环境的时候不要这个U...原创 2018-03-19 21:39:57 · 30401 阅读 · 0 评论 -
关于使用angular-tree-dnd遇到的坑
因为项目里要用到树形插件做个下拉的机构选择树形图,开始想到了angular-ui-tree,但是因为数据格式和我的数据格式不是很匹配,所以就弃用了,在github上找了另外一个,也就是今天的主角:angular-tree-dnd(https://github.com/thienhung1989/angular-tree-dnd)。 先说说数据格式的问题,说到树形图,很多人...原创 2018-03-10 13:10:27 · 1855 阅读 · 0 评论 -
JQuery+webpack+echarts构建可视化开发环境
数据可视化就越来越受重视,而一般的可视化的需求可能仅仅只是一个大屏展示,这就意味着我们没必要为一个大屏展示的项目引入一整套前端框架,而是使用jq就够了,因为成本最低,开发上手最快,接下来就分享下最近研究的jq+webpack+echarts构建的可视化开发环境 首先是我的项目结构 语法使用es6编写,关于es6的配置就不多说了 可视化用echarts还是比较方便,在这之前也看了原创 2017-12-30 12:47:07 · 2331 阅读 · 0 评论 -
vue移动端flexible.js结合Muse-ui使用的小坑
因为公司有个项目有webapp的需求,在前期准备的期间考虑过使用ionic,毕竟该项目web端的框架使用的是Angular,项目组的人也都比较熟悉,但是我们毕竟只是做个移动的网页,不想用ionic那么繁琐的东西,最终我还是选了vue。 开始的设想是vue+Muse-ui或者Mint-ui(各有优缺点)+flexible.js,在做到手机端兼容的同时结合ui框架让项目更好看些,然后就开始动手做!原创 2017-11-27 22:05:29 · 24073 阅读 · 15 评论 -
Yeoman生成的angular项目引入angular-gettext
对于Yeoman,用过angular的人应该都不陌生,本文的重点也不是教大家如何使用Yeoman(很简单,网上也有很多教程,这里就不赘述了),本文重点是如何配置angular-gettext 第一步当然是将angular-gettext用bower安装(在这个项目里推荐bower安装,因为项目使用的构建工具是grunt,angular的版本也是比较老的版本)bower install --sa原创 2017-12-06 23:50:50 · 646 阅读 · 0 评论 -
angular封装echarts
echarts的官网推荐了几个基于angular的库,可能只是作者在实际开发中为了完善自己的项目而封装的,api不是那么友好,因为我的项目需要可视化的监控信息,而项目又是基于比较老的angular1.x,所以下面的这几个我只研究了第一个 当然在项目里也是可以使用,但是因为api又进行了二次封装,很多的属性设置的时候不能直接从官网的api继承而来,使用起来很不方便,所以研究了一上午之后还是放弃了,转原创 2017-12-21 21:20:28 · 1145 阅读 · 0 评论 -
vue项目封装axios
还是直奔主题吧,因为官方不推荐使用vue-resource,而是推荐axios,所以这篇文章分享给大家我在自己的项目里如何封装axios,虽说将axios设置为全局变量(Vue.prototype.$http = axios(main.js)),直接用最原始的方法也能进行请求axios.get('/user',{ params:{ ID:12345 }}).then(functi原创 2017-12-12 22:36:47 · 16235 阅读 · 8 评论 -
关于Vue父子组件之间的通信
vue 自定义事件向父组件传递数据,首先是一个比较简单也是很经典的一个例子:子组件是一个弹窗,父组件点击显示,子组件弹出显示,子组件自己点击关闭那么弹窗消失,我们都知道,父子组件可以通过props传递数据,因为是单向数据流,也就是说,父组件的数组可以通过props传递给子组件,但是这个过程是不可逆的(暂时先这么以为),下面是代码:原创 2017-12-02 00:09:49 · 827 阅读 · 0 评论 -
关于移动端的滚动穿透,别再跟风复制代码了
  临近国庆,包车要上个活动中心的项目,也是就个活动长列表,里面很多活动入口,每个活动都有自己的活动规则,如下图:  这就会导致一个移动端极其恶心的问题也就是弹框滚动穿透,接下来就聊聊这个问题。  网上的文档大概可以分为三类:1:body { overflow: hidden }; 2:body { position::fixed...原创 2018-09-27 12:47:57 · 6207 阅读 · 0 评论