关闭

写了个类似TreeGrid的控件

最近公司要求写个类似TreeGrid的控件,先上效果图: 其实就是传入一个tree数据集合,将需要合并的数据进行合并展示。合并的列可能是一列也可能是多列。提前申明 需要依赖jquery调用代码: initQueryGrid:function(){ //获取表格展示的列 function getColumn() { var arr = [...
阅读(41) 评论(0)

jquery操作vml的坑

jquery动态插入vml$('<v:PolyLine filled="false" Points="' + pointStr + '" strokeweight="' + _options["borderWidth"] + '" strokecolor="' + _options["co...
阅读(18) 评论(0)

Vue (一)组件定义

vue都火了好久了,一直想研究研究。今天终于写了第一个组件js代码//右边图片菜单 var imgMenuTemp=Vue.extend({ data(){ }, methods:{ //点击菜单子项 切换相应的界面展示。 changeSpace:(event)=>{ var el=event.target;...
阅读(35) 评论(0)

window.open 内存泄漏,这坑好深,谁能指点迷津

新建协同界面 通过window.open方式打开界面  测试环境:ie8+win7。 测试模型:通过window.open打开协同新建界面,然后关闭页面,循环执行20次。 执行前: 执行后:内存表现:内存增长344M左右。 测试环境:ie9+win7。 测试模型:通过window.open打开协同新建界面,然后关闭页面,循环执行20次。 执行前:执行后:内存表现:内存增长160...
阅读(55) 评论(0)

使用d3画横向组织架构图,兼容ie8 (二)

写完横向的展示: 以为可以交差了,那知道业务组跑过来,说还需要一个竖向的,都要被逼疯咯。 只能又开始改代码,经过俩天的努力终于给搞定了: 效果图如下:总算是大工告成,其实如果不需要兼容ie8的话还是比较简单的,但需要兼容ie8就比较麻烦了,要考虑许多js兼容的问题,而且要考虑事件操作时组件变换滞后等相关问题。代码量太大就不粘贴了,有需要的可以qq我...
阅读(59) 评论(0)

使用d3画横向组织架构图,兼容ie8(一)

在新单位上班半个月了,干的活都是小儿科的活,今天部门经理给了个图,让我写个组件来实现,图是一个横向的组织架构图。 好久之前就想写个组件来实现的,但由于一直感觉价值不大就没有动手。网上搜索了下 说是用d3来实现,一顿忙活后,发现大工告成: 以为可以交差了,也没难度嘛,但知道部门经理说必须支持ie8,哭都来不急哦。网上度娘一番,度娘说可以通过r2d3.js来解决ie8的兼容,又松了空气,一顿忙活,效...
阅读(89) 评论(0)

grunt里集成babel-grunt

最近这俩天在写个测试项目,使用grunt来进行转义和压缩。就是通过es6来写js,通过less来写样式,但发布调用却不能直接调用es6的js和less,而是通过babel-grunt将es6转成es5,通过lessc将less文件转成css,然后再压缩成压缩文件供html界面调用。 grunt的配置文件内容如下module.exports = function (grunt) { var s...
阅读(63) 评论(0)

将less文件转换成css文件

最近这俩年都是采用less来写样式,但最近换工作了,该公司还是采用的老技术 css2+jquery 由于习惯了新的写法,突然要回到老模式写还有点不习惯,就想到用node来实现less文件转换成css文件。新建项目就不说了,安装下全局的lessnpm install -g less然后执行下命令,就是将less文件夹下test.less的内容 翻译到css文件夹下的test.css中lessc l...
阅读(52) 评论(0)

antd mobile(十二) dva中使用mockJs

一开始做没有用mockJs来模拟数据查询,都是写在state里面,但后来发现还是存在偏差,所以还是把mockJs集成到系统中。 现在为界面写个模拟数据请求的mockJs文件 第一步:在mock文件下添加WorkReportMc.js,文件内容大概如下:'use strict';const qs = require('qs'); const mockjs = require('mockjs');...
阅读(183) 评论(2)

antd mobile(十一) MeScroll集成到项目中

MeScroll是在一个论坛看到的,论坛说比iscroll5 强大多了,本人对iscroll5早就不爽了,所以豪不犹豫的决定换掉它。 经过一天的奋斗,发现MeScroll确实比iscroll5要强大些,也好理解些,所以如果还在犹豫从这俩者之间选择谁,那我就推荐MeScroll了。虽然推荐MeScroll 但并不代表MeScroll就没有坑,还是那句话遍地都是坑。因为MeScroll是基于以前的aj...
阅读(1073) 评论(1)

antd mobile(十) 性能优化PureRender的使用

不得不吐槽react,确实不是新手玩的东西,一句话就是水深坑多啊。如果是前台新手我还是不建议直接使用这种框架开发。搜索react的性能优化,都提到了用pureRender来优化其性能,其实就是减少虚拟dom跟实际dom的diff的计算。但在dva这种架子下面,根本没法使用pureRender来进行性能优化,因为返回的永远是true,根本就做不到减少渲染的效果。分析下了pureRender源代码,将p...
阅读(142) 评论(0)

antd mobile(九) iscroll5集成到项目中

刚开始做的时候没有采用iscroll,都做了快5个界面后才发现始终感觉界面差那么点意思,后来给用户演示时,发现界面跳转后回到当前界面又需要重新滚动到相应位置。用户说这个位置不能记住嘛? 一开始感觉这个简单啊,不就是记住当前滚动位置,然后通过js将滚动条滚动到指定位置,做的时候发现坑了,手机端浏览器根本不支持简单的设置window.scrollTo(0,this.props.SinglePlanMd...
阅读(145) 评论(0)

antd mobile(八) webpack通过别名取代路径引用

开发了好几个界面了,发现路径引用非常麻烦,而且非常的长。比如下面的代码://自己封装的js组件 import { GoingNav,GoingScroll } from './../../../components/goingMobile'; //自己封装的工具类js import {DateFun} from '../../../utils/goingUtils';有一次温习webpack的时候,...
阅读(111) 评论(0)

antd mobile(七) 固定NavBar

只能说antd mobile真的是为淘宝内部写的框架,竟然连固定NavBar显示的接口都没暴露出来。也就是NavBar不跟着屏幕滚动而滚动。说实话如果是用reactNative 开发当然不需要该接口,但问题是现在项目是做需要挂在微信端使用的,如果不固定NavBar基本是没法使用。第一步:其实固定NavBar非常简单,只要修改下css控制即可: .am-navbar{ display: -webk...
阅读(317) 评论(0)

antd mobile(六)react-router 左进右出切换界面

第五节我们配置了页面路由切换,但发现个问题,所有界面都是向左切换的,感觉还是不对啊,仔细分析下原生app,会发现应该是进入是左切换,返回时应该是右切换出。第一步:修改路由动画配置信息: 修改前的代码: <ReactCSSTransitionGroup transitionName='left' component="div" transition...
阅读(351) 评论(0)
90条 共6页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:64441次
    • 积分:1525
    • 等级:
    • 排名:千里之外
    • 原创:90篇
    • 转载:0篇
    • 译文:0篇
    • 评论:16条
    最新评论