查看详情

GraphicsJS 入门,一个轻量级的前端图形库

为什么选择GraphicsJS 前端可以选择的svg库,有很多,比如snap.svg或者BonsaiJS当然这些库也是各有优势。而这篇文章主要就是说GraphicsJS,让大家知道他的优势和特点。 轻量级,具备灵活的 Javascript API 来自AnyChart团队,全球非常出名的可视化团队。 GraphicsJS 是一个开源项目,无需商业授权 对于低版本的浏览器的支持,支持IE6 对于图像和动画支持比较好,帮助开发者创建复杂的交互效果 GraphicsJS 基本使用 <style> .stage{ width: 280px; height: 280px; } </style> <div class="stage" id="rect1"></div> <script src="https://cdn.anychart.com/js/ 详情 »

查看详情

WEEX 第三方插件开发教程

weex 是阿里巴巴集团在去年4月份开源的一个使用JS进行代码编写,多端实现运行的开源框架。这也是国内少有的大型开源项目(目前stars 的数量也超过了10K)。 Write Once Run Everywhere weex的的目的就是为了解放生产力,让更少的人去维护更少的代码。weex虽然目前还在密集开发阶段,可用到内部组件,相对少一点,由于是开源项目,因此大家都可以自己贡献自己的开发组件。 其中weex的组件有两种,一种是完全基于提供的api和element去进行封装扩展,类似weex-percentage-circle. 你完全不需要会任何的android/iOS知识和技能就完成一个简单的组件封装。另外一种,叫三方扩展插件可能更好,它需要你在实现某些功能的时候,需要去写三个平台的支持 需要支持ios/android/web。当然这并不是非常严格的限制,比如你就支持了web,ios,但是如果开发者开发的APP就没有andorid的要求,这样的需求也是存在的。 先简单说下第一种,其实非常简单。 我们只需要简单编写一个weex-demo.we文件即可 <template> <div><text>{{textstr}}</text></dv> </template& 详情 »

查看详情

使用yeoman 快速生成WEEX项目

yeoman是一款非常好用的项目模版工具,你可以用它快速生成一个指定的项目,比如react+ webpack或者是angular的项目。它通过命令行会话去完成一定参数配置。 如何使用 首先我们要全局安装 yo 模块。yo是yeoman 的命令行工具模块。 npm install -g yo 然后我们需要选择我们需要生成的具体项目的模版,你可以在discover generator找到你要的项目模版,比如react、angular、vue、Bootstrap等。 然后你需要全局安装这些模块比如 webapp。 npm install -g generator-webapp 安装完成后,只要执行命令,即可生成一定的项目的目录了。我们创建一个目录app-demo,然后进入目录,执行: yo webapp 这样你可以看到的命令行提示选择: 你可以看到项目的执行流程,拷贝,然后安装依赖。 安装完成后,我们就可以看到一个webapp的目录了,这样无疑节省了我们初始化项目的时间。 使用generator-weex-vue 上周weex发布了新的版本宣布对vue2.0的支持,我们可以通过写vue的方式来写weex项目,除了官方的工具,现在可以使用yeoman来生成一个weex项目。 同样你只需要安装模块 generator-weex-vue就行了。 然后执行 yo weex-vue 项目变创建成功了。 项目支持的一些命令: 详情 »

查看详情

【译】带你进入React Native 内部通信

原文地址 : https://tadeuzagallo.com/blog/react-native-bridge/ @ Tadeu Zagallo 这篇文章主要希望大家能够理解 React Native的一些基本原理,我们会聚焦在 React Native内部 native 与 JS之间的通信问题。 主线程 再说其他事情前,我们需要知道在 React Native中有这样三个 主线程: shadow queue: 用于界面 的布局 main thread: UIKit 做自己的事情 JavaScript thread: 运行JS的地方 每个 Native 模块 都有一个 GCD Queue, 除非它特意指定。 实际上 shadow queue 也是一个 GCD Queue 而不是一个线程 Native 模块 如果你不知道如何创建 Native Module,可以移到这里阅读详情。 @interface Person 详情 »

查看详情

Vue-Core-Image-Upload 2.0 正式发布啦

[项目地址](https://github.com/Vanthink-UED/vue-core-image-upload) 前排撒花 💐😄。。。 Vue-Core-Image-Upload ,一款轻量级图片裁剪上传插件,你值得拥有。 经过几个月的使用和测试,我们终于合并了2.0.对于使用vue2.0的用户而言,现在直接使用 npm install vue-core-image-upload --save 去看看Demo吧。 如果你继续使用1.X的版本的话,你可以 npm install vue-core-image-upload@1.0.0 --save 我们保持了api的不变。 Code Example (ES6) import VueCoreImageUpload from './vue.core.image.upload.vue'; new Vue({ el: '#app', components: { 'vue-core-image-upload': VueCoreImageUpload }, data: { src: 'http://img1. 详情 »

webpack 运行多个配置文件

一般大多情况可能我们都只会遇到一次性打包的情况。偶尔我们可能需要正对同样的内容打包两份不同的文件。这个时候也非常好办,就是把配置放到一个数组里即可。 var path = require("path"); var webpack = require("../../"); module.exports = [ { name: "mobile", entry: "./example", output: { path: path.join(__dirname, "js"), filename: "mobile.js" }, plugins: [ new webpack.DefinePlugin({ ENV: JSON.stringify("mobile") }) ] }, { name: "desktop", entry: "./example" 详情 »

Vue2.0源码笔记

本文主要是随笔记录而已,自行忽略。 vue/src/core/util/env.js 主要是用于环境的判断诸如浏览器 node以及浏览器的属性, 详情 »

查看详情

2016各大互联网公司前端面试题汇总

2016 年立马就要过去了,在新的一年,尤其春节后跳槽换工作的童鞋,不妨先刷刷这些题,有个大致印象也好。 过去的一年里,行业整体对前端需求还是 供大于求。不过大一点的互联网公司对前端要求越来越高,而一些较为小型的创业公司对前端的要求相对低一点,要求已快速上手为主。过去的一年前端发展很迅速,会React的或者React Native的会比较吃香,而传统的IE6兼容性几乎不再考察了。下面简单罗列一些知名企业的前端面试问题,希望有所帮助。(题目不分先后,不分题目已经是老生常谈,也罗列出来了) 百度篇 1 写出javascript运行结果: ``` js for(var i=0; i2 Cookie、sessionStorage、localStorage的区别 3 JSONP原理 4 简述css盒模型 5 说说get和post请求的区别 6 运行结果 var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a. 详情 »

[转]大前端年终总结与展望:大前端时代即将来临?

已经是2017年最后一周了,前一阵子,又撕逼过一次,所以这次转一篇表欣赏的一位前端作者分享的文章 原文来自: http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484712&idx=1&sn=d0cdec80c8293858590c4877adc5ac26&chksm=972367eaa054eefcf6cebe9e1a267c4dc376cec79d2f4004ea38a58c7321af8a40d7c6ed79b7 @ 前端之巅 本文是新美大平台大前端(Web/iOS/Android)业务及基础研发技术负责人刘平川在InfoQ大咖说上的直播内容回顾。 回顾 2016 iOS 和 Android 系统不约而同学习了对方的优点,长得越来越象:3D touch、权限控制、夜间模式、电话防骚扰... 原本属于桥的两侧的开放与封闭,越来越往一个中心靠;由此看来,真正在 OS 里的应用 App 才是系统的灵魂。 像「微信」,不论你用 iOS 还是 详情 »

查看详情

聊聊React Native与Weex的Growth Hack

最近开始接触了Weex的一些项目。自己之前写过一段时间React Native,当然这篇文章并不是去探讨两者之间的差异化和使用这些。而是说说技术产品的Growth hack. Growth hacking目前还没有较好的中文对应精准的翻译,来自于Andrew Chen 曾在他那篇有名的《Growth Hacker is the new VP Marketing》 .对于产品用户增长,而且持续曾长,不是一件特别容易的事情,也不要相信一个好的产品,用户就会源源不断的增长。很多知名互联网公司(Facebook Twitter Linkdin)用户增长的背后是来源不断的实践,在其背后有运营在市场的策略也有程序员的开发和数据支持。 React Native 和 Weex 其实背后都天生具有好的基因。那就是其背后是知名的互联网公司。其实在用户成长方面,React Native相比 Weex较为优势的地方,有下面几个方面: React Native基于React,而React很早就开源了,对于JSX的写法,很多React程序员的学习曲线就没有那么陡,而且也奠定了早期的用户。相对VUE的话,相对时间落后些,阿里是今年6月份才开源,而且在写法上与VUE并不能够完全匹配,因此这一点上Weex还需要再进一步。 生态环境,React Native的生态环境远比阿里,当然由于不在同一个时间点,这样不公平, 详情 »