- 博客(12)
- 收藏
- 关注
原创 关于移动端的滚动穿透,别再跟风复制代码了
  临近国庆,包车要上个活动中心的项目,也是就个活动长列表,里面很多活动入口,每个活动都有自己的活动规则,如下图:  这就会导致一个移动端极其恶心的问题也就是弹框滚动穿透,接下来就聊聊这个问题。  网上的文档大概可以分为三类:1:body { overflow: hidden }; 2:body { position::fixed...
2018-09-27 12:47:57 6182
原创 Promise的实现机制(一)
  开发过程异步请求很常见,但是回调地域我们还是可以去避免的,这篇文章就不再赘述Promise的具体使用方法,而是探寻一下它的实现机制。首先是一个简单的Promise的例子:function getInfo(){ return new Promise(function(reslve,reject){ http.get(url,function(result)...
2018-05-17 10:35:57 2867 1
原创 webpack4.0关闭开发环境的代码压缩UglifyJsPlugin
最近项目使用的是webpack4.1.1,在使用之前是没有细看更新后版本的文档的,在使用过程中才发现还是有很大的变化。其中一个就是关于UglifyJsPlugin的配置问题。 开发环境是不需要去压缩代码,主要是因为太耗性能了,每修改一个地方就要花几秒去等待页面渲染,说实话这非常浪费开发时间,解决办法就是配置不同的环境变量去在开发环境的时候不要这个U...
2018-03-19 21:39:57 30360
原创 关于使用angular-tree-dnd遇到的坑
因为项目里要用到树形插件做个下拉的机构选择树形图,开始想到了angular-ui-tree,但是因为数据格式和我的数据格式不是很匹配,所以就弃用了,在github上找了另外一个,也就是今天的主角:angular-tree-dnd(https://github.com/thienhung1989/angular-tree-dnd)。 先说说数据格式的问题,说到树形图,很多人...
2018-03-10 13:10:27 1841
原创 Python+selenium+chromedriver的自动化测试
更一篇简单的吧 因为朋友所在的公司想做一些节省人力财力的事,对于某个简单网站的操作想变为全自动的形式,其实开始我是比较蒙的,既然决定试试,就开始在网上各种搜资源,开始接触了按键精灵,个人不是很喜欢。后来转为做nodejs的脚本,自动调后台接口,无奈人家接口不给直接调,还是要通过操作他们的系统去调,后来萌生的想法是自动化测试,既不需要人去操作也不会直接暴露他们的接口。 研究了一段时间Py
2018-01-30 14:04:06 2529
原创 JQuery+webpack+echarts构建可视化开发环境
数据可视化就越来越受重视,而一般的可视化的需求可能仅仅只是一个大屏展示,这就意味着我们没必要为一个大屏展示的项目引入一整套前端框架,而是使用jq就够了,因为成本最低,开发上手最快,接下来就分享下最近研究的jq+webpack+echarts构建的可视化开发环境 首先是我的项目结构 语法使用es6编写,关于es6的配置就不多说了 可视化用echarts还是比较方便,在这之前也看了
2017-12-30 12:47:07 2326
原创 angular封装echarts
echarts的官网推荐了几个基于angular的库,可能只是作者在实际开发中为了完善自己的项目而封装的,api不是那么友好,因为我的项目需要可视化的监控信息,而项目又是基于比较老的angular1.x,所以下面的这几个我只研究了第一个 当然在项目里也是可以使用,但是因为api又进行了二次封装,很多的属性设置的时候不能直接从官网的api继承而来,使用起来很不方便,所以研究了一上午之后还是放弃了,转
2017-12-21 21:20:28 1134
原创 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 16215 8
原创 Yeoman生成的angular项目引入angular-gettext
对于Yeoman,用过angular的人应该都不陌生,本文的重点也不是教大家如何使用Yeoman(很简单,网上也有很多教程,这里就不赘述了),本文重点是如何配置angular-gettext 第一步当然是将angular-gettext用bower安装(在这个项目里推荐bower安装,因为项目使用的构建工具是grunt,angular的版本也是比较老的版本)bower install --sa
2017-12-06 23:50:50 639
原创 如何在你的Vue项目配置vux
做移动端项目的话vue现在是首要的选择,足够轻便,文档足够全,当然用的人多,项目中遇到的坑别人可能也遇到过,解决起来也比较方便,至于在开发中做需要的移动端组件库,个人比较推崇vux。 其实项目里组件库可以结合起来使用,因为不管是vux,Mint-ui,Muse-ui等等各有各有的优势,今天就只分享下vue项目中如何配置vux。 1.项目里安装vux npm install vux
2017-12-02 22:49:56 8669 3
原创 关于Vue父子组件之间的通信
vue 自定义事件向父组件传递数据,首先是一个比较简单也是很经典的一个例子:子组件是一个弹窗,父组件点击显示,子组件弹出显示,子组件自己点击关闭那么弹窗消失,我们都知道,父子组件可以通过props传递数据,因为是单向数据流,也就是说,父组件的数组可以通过props传递给子组件,但是这个过程是不可逆的(暂时先这么以为),下面是代码:
2017-12-02 00:09:49 824
原创 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 24055 15
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人