前天遇到个坑,把我给坑死了 ,在帮朋友做一个微信公众号的项目,使用的vue全家桶,有个模块需要用到数据可视化展现,之前做项目的时候用过antv,比较熟悉,因为是移动端的项目,所以用的是antv f2这个可视化框架,按照之前写的方式都做完之后,最后发现下面出现了两个相同的legend,找了半天也没发现问题出在哪,百思不得其解 watch:{ statisticsList: { handler(newValue, oldValue) { // 更新数据 this.lineChart.changeDa…

AntV F2是蚂蚁金服旗下的一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex), 完备的图形语法理论,满足你的各种可视化需求,专业的移动设计指引为你带来最佳的移动端图表体验. AntV F2官方文档地址:https://antv.alipay.com/zh-cn/f2/3.x/ 话不多说,直接进入正题: Antv F2官方比较友好,给我们提供了两种方式方便我们使用,分别是CDN方式(引入在线资源 <script src="htt…

柱状图横向滚动 思路 通过 Interaction 实现平移,通过 ScrollBar 显示滚动条 1.Interaction F2 提供一套交互机制,以达到通用交互行为的封装和复用.基于此机制,我们提供了以下五种通用的交互行为: 饼图选中 柱状图选中 图表平移 pan 图表缩放 图表 swipe 快扫 2.ScrollBar Scroll bar 是一个静态插件,主要用于辅助 pan 和 pinch 交互. 滚动条只是为 pan 服务的. 数据结构 数据结构: [ { provinceShor…

以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/5626716.html [Android]Android端ORM框架--RapidORM(v2.0) RapidORM:Android端轻量高性能的ORM框架 GitHub: https://github.com/wangjiegulu/RapidORM 1. RapidORM v1.0 v1.0博客文档:http://www.cnblogs.com/tiant…

淘宝SUI Mobile框架 官网地址:http://m.sui.taobao.org/ SUI Mobile 是一套基于 Framework7 开发的UI库.它非常轻量.精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App. 轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS.CSS网络传输体积总共只有52K,却提供了20+个常用的组件. 对于只有HTML&CSS的组件,你只需要复制HT…

很久之前,在博客园写了一篇文章,<分布式网游server的一些想法语言和平台的选择>,当时就有了用C#做网游服务端的想法.写了个Unity3d客户端分布式服务端框架,最近发布了1.0版本,取名ET框架.ET框架的目标就是简化客户端开发,简化分布式服务端开发,但是功能非常强大,完全可以作为一个大型分布式服务端使用.ET框架有很多创造性的设计: 1.可用VS单步调试的分布式服务端,N变1 一般来说,分布式服务端要启动很多进程,一旦进程多了,单步调试就变得非常困难,导致服务端开发基本上靠打log来查…

淘宝SUI Mobile框架   (light7框架 官网:http://www.light7.cn/)官网地址:http://m.sui.taobao.org/ SUI Mobile 是一套基于 Framework7 开发的UI库.它非常轻量.精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App. 轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS.CSS网络传输体积总共只有52K,却提…

JS神经网络deeplearn.js:浏览器端机器智能框架 通过 deeplearn.js,可以实现在浏览器中训练神经网络模型,也可在推理阶段运行预训练模型. deeplearn.js 以 TypeScript 作为首选语言,提供了可用于构建可微数据流图的 API,以及一系列可以直接使用的数学函数.该库有两个 API 模型,一个是即时执行模型(可认为是 NumPy),另一个是基于 TensorFlow 的 API 镜像的延时执行模型.该库还支持从 TensorFlow 检查点将权重转储为可以导入…

前端渲染:vue.react等单页面项目应该这样子部署到服务器 貌似从前几年,前后端分离逐渐就开始流行起来,把一些渲染计算的工作抛向前端以便减轻服务端的压力,但为啥现在又开始流行在服务端渲染了呢?如vue全家桶或者react全家桶,都推荐通过服务端渲染来实现路由.搞得我们慌得不行,不禁让我想起一句话:从来没有任何一门语言的技术栈像Javascript一样,学习者拼尽全力也不让精通.没办法,流行,咱们就得学! 前断时间写了一篇vue.react等单页面项目应该这样子部署到服务器,结果反响不错!最近…

说明 React作为Facebook 内部开发 Instagram 的项目中,是一个用来构建用户界面的优秀 JS 库,于 2013 年 5 月开源.作为前端的三大框架之一,React的应用可以说是非常的广泛.这里讲一个react服务端渲染的框架-next.js踩坑过程. 技术栈 react.next.js.ant design.axios 大纲 按照以下思路来写: react基本语法 react基本语法参照react文档,这里发放一个链接https://doc.react-china.org/.…

作者:凹凸曼 - yuche 从 Taro 第一个版本发布到现在,Taro 已经接受了来自于开源社区两年多的考验.今天我们很高兴地在党的生日发布 Taro 3(Taro Next)正式版,希望 Taro 未来的更多两年能像一名共产主义战士一样经受住更多的考验.以下是 Taro 3 的一些新增特性: 跨框架:React.Nerv.Vue 2.Vue 3.jQuery 在旧版本的 Taro,我们以微信小程序的开发规范为基准,使用 React/JSX 的方式来进行开发.而在 Taro 3,我们把这一思…

近期接触了Cypress和TestCafe,两个测试框架都基于Node.js,都不再使用Selenium+WebDriver,而且开箱即用,非常轻量级,就冲着不再使用WebDriver这一点,极大地勾起了我的好奇心.所以今天就来初略的学习一下,并以此文作为学习笔记. 本文学习笔记以Windows10 为背景,Mac 和 Linux请参考官网 . 注意: Cypress 和 TestCafe 都依赖Node.js,所以在学习之前确保电脑上已经安装了Node.js 本篇文章只是一个初略的Demo学习…

以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/6020412.html [Android]Android端ORM框架--RapidORM(v2.1) RapidORM:Android端轻量高性能的ORM框架 GitHub: https://github.com/wangjiegulu/RapidORM RapidORM v2.1 feature 在执行SQL和创建表时提升性能. 提升bind参数时的性能 In…

移动前端工作的那些事---前端制作之微信小技巧篇   (2013-11-15 15:20) 转载▼ 标签: it css3/javascript html5 webapp 手机网站搭建 分类: 前端制作之微信技巧篇 随着微信的越来越大众化,微信的使用程度也越来越高.随之,产生了一种新的推广模式,即微信推广.在这个微信的大平台上会衍生出许许多多的推广手段.而移动前端作为服务于手机用户的手机网页技术,也不可避免的加入进来. 一些客户不仅仅满足于自己的网站可以在手机浏览器上完美的展现出来,同时还要求可…

移动端 前端框架 amaze ui http://amazeui.org/?_ver=2.x…

https://mp.weixin.qq.com/s/z5qm-2bHk_BCJAwaodrMIg 跨界!Omi 发布多端统一框架 Omip 打通小程序与 Web 腾讯开源 2月28日…

Omip 今天,Omi 不仅仅可以开发桌面 Web.移动 H5,还可以直接开发小程序!直接开发小程序!直接开发小程序! Github Omi 简介 Omi 框架是微信支付线研发部研发的下一代前端框架, 基于 Web Components 规范设计的组件化框架,可以开发 PC Web.移动端 H5,也可以直接使用 Omi 开发小程序.Omi 服务于微信支付 H5 页面, 微信支付 PC 网站以及内部 OA 系统,微信支付相关的小程序等.自去年年底开源以来,该项目共获得 Star 数 7000+,贡…

微信公众号开发,主要是移动端网页的页面开发,在这里推荐3个移动端UI框架:WeUI.SUI和Mint UI. 1. WeUI 1.1 WeUI WeUI是微信官方设计团队为微信 Web 开发量身设计,可以令用户在HTML5应用中的使用感知更加统一. 组件包含button.cell.dialog. progress, toast.article.icon等等. 资源 官方Demo:https://weui.io/ Github:https://Github.com/weui/weui (★1340…

移动端前端框架UI库(Frozen UI.WeUI.SUI Mobile) Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https://github.com/frozenui/frozenui Demo:http://frozenui.github.io/frozenui/demo/index.html WeUI 自述:WeUI是一套同微信原生视觉体验一致的…

记录一款好用的JavaScript可视化框架: https://echarts.baidu.com/index.html 另 python库: pyecharts…

一:移动端HTML5框架 http://jquerymobile.com/jQuery Mobile http://jqtjs.com/jQTouch http://www.sencha.com/products/touchSencha Touch 二:三大框架区别 http://mobile.51cto.com/web-321296.htm http://www.leiphone.com/0907-warlial-html5-framework.html http://uedc.163.com…

nightwatch 是使用nodejs编写的,基于Webdriver api 的端到端自动化测试框架 包含以下特性 清晰的语法,基于js 以及css 还有xpath 的选择器 内置测试runner,支持串行.并行.重试,以及等待,同时支持基于标签的分组 云测试集成,当然这个在国内可能不是很有价值 webdriver 服务,自动管理selenium 或者webdriver 服务 page对象支持,我们可以基于page 对象进行页面元素的选择,同时支持css 以及xpath 的选择器 持续集成,内…

TensorSpace:超酷炫3D神经网络可视化框架 TensorSpace - 一款 3D 模型可视化框架,支持多种模型,帮助你可视化层间输出,更直观地展示模型的输入输出,帮助理解模型结构和输出方法. 官网链接: https://tensorspace.org/ Github链接: https://github.com/tensorspace-team/tensorspace TensorSpace 擅长直观展示模型结构和层间数据,生成的模型可交互.官方支持手写字符识别,物体识别,0-9 字符…

rocketmq作为一个高性能的消息中间件,咱们光停留在使用层面,总感觉缺点什么.虽然rocketmq的官方设计文档讲得还是比较详细的,但纸上得来终觉浅!今天我们就来亲自挖一挖rocketmq的实现细节:server端处理框架以及如果进行消费消息. 说白了,就是先走马观花一下,然后就消费消息这个细节看看如何处理就行. 1. rocketmq的通信模型 咱们先来个整体部署架构图,有个整体概念. 上面的图中,producer和consumer属于客户端,虽然也都非常重要.但在服务端的部署中,我们并不…

只有通过别人的眼睛,才能真正地了解自己 ——<云图> 背景 作为全球最大的互联网 + 生活服务平台,美团点评近年来在业务上取得了飞速的发展.为支持业务的快速发展,移动研发团队规模也逐渐从零星的小作坊式运营,演变为千人级研发军团协同作战. 在公司蓬勃发展的大背景下,移动项目架构也有了全新的演进方向:需要支持高效的集成策略,支持研发流程自动化等等,最终提升研发效能,加速产品迭代和交付能力. 虽然高效的研发交付体系帮助 App 项目缩短了迭代周期,但井喷式的模块发版和频繁的项目集成,使得纯人工的项目…

测试,尤其是自动化测试在现代 WEB 工程中有着非常重要的角色,与交付过程集成良好的自动化测试流程可以在新版发布时帮你快速回归产品功能,也可以充当产品文档.测试因粒度不同又可以分为单元测试.接口测试.功能测试.在 WEB 领域,功能测试亦称为端到端测试(End to End Test,简称 E2E 测试),笔者在本文中会结合自身实践和 GitHub 趋势对比最受欢迎的 Node.js E2E 测试解决方案,首先我们按 GitHub 的 star 总数量排序,取前 5 名列举如下(注意:你阅读本文…

近些年,移动端动态化技术可谓是“百花齐放”,其中的渲染性能也是动态化技术一直在探索.研究的课题.美团的开源框架 Graver 也为解决动态化框架的渲染性能问题提供了一种新思路:关于布局,我们可以采用“画控件”方案替代传统的“拼控件”方式.本文尝试给出一些探索思考与实践经验的分享. 前言 动态化技术指的是不依赖程序安装包,就能进行动态实时更新页面的技术.特别是对于电商.社交等需要快速迭代.实时调整的强运营类业务来说,动态化具有非常重要意义.它的优势主要表现为:提高人效.缩短迭代试错周期.解决版本长…

Vue 专题 一个数据驱动的组件,为现代化的 Web 界面而生.具有可扩展的数据绑定机制,原生对象即模型,简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用 请访问链接: https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★81…

[参考]移动端 UI设计尺寸(一)篇 [参考]移动端界面设计之尺寸篇 [参考]介绍几个移动web app开发框架 [参考]移动webapp前端ui用哪个框架好 H5 做移动开发也分两种,一种就是正常的网页,一种是封装的成 App 在手机上跑的.下面我只大致介绍一下又哪些框架,具体的特性不是三两句能说完的,题主可以自行搜索相关资料. 后者比较知名的框架就是 PhoneGap.MUI 等等了. 而前者具体分的话还分 CSS 框架和 JS 框架.样式框架有很多了,常见的有 jQuery Mobile.…

以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4748077.html  Android上主流的ORM框架有很多,常用的有ORMLite.GreenDao等. ORMLite: -优点:API很友好,使用比较方便简单稳定,相关功能比较完整. -缺点:内部使用反射实现,性能并不是很好. GreenDao: -优点:性能很不错, -缺点:API却不太友好,而且不支持复合主键,主键必须要有并且必须是long或者Lo…