Vue.js 开发
文章平均质量分 86
记录Vue.js、Vuex、Vue-router、Vue工程化实践等Vue.js相关的技术知识,交流分享。
落叶无声9
没有不成功的事,唯有坚持。
展开
-
Flutter Web - 目标全平台开发的Flutter再下一城!
Flutter作为一个可移植的UI框架,已经支持现代Web应用开发了!我们很开心已经发布了SDK预览版,这样你可以在Web浏览器里直接运行你的FlutterUI代码。Flutter Web的目标从去年Beta版发布以来,客户们已经使用Flutter来创建可以运行在iOS和Android上的移动应用了。但是,Flutter是以可移植的UI工具集构架的,它还可以运行在其他环境下,例如Window...原创 2019-05-22 11:27:55 · 589 阅读 · 0 评论 -
Nebulas一个新的JavaScript开发智能合约平台
Nebulas是另一个可以开发智能合约的平台。它提供了一种使用JavaScript开发智能合约的方法,这是一种有趣的替代方案,可替代更为成熟的解决方案,例如以太坊。我第一次在Reddit上宣读了Nebulas奖励计划,该计划奖励开发人员成功提交dApp(去中心化应用程序)。从Nebulas的白皮书中,我们可以了解团队的动机以及他们为dApp提供搜索引擎和排名算法的目标。听起来很熟悉?让我谷歌那个...原创 2019-01-21 16:49:17 · 415 阅读 · 0 评论 -
构建一个简单的以太坊+IPFS+React.js去中心化应用DApp
我们为什么要构建这个?在以太坊区块链上存储大量数据是非常昂贵的。根据以太坊的黄皮书,它是大约20,0000gas,256bit/8字节(1字)。基于02/28/2018 gas价格为4gwei/gas。请参阅:https://ethgasstation.info了解当前价格。每个交易8个字节20,000gas*4gwei/gas=80,000gwei。8,000字节80,000gwei*100...原创 2019-01-02 09:43:32 · 1145 阅读 · 1 评论 -
以太坊构建DApps系列教程(八):正式启动StoryDAO项目
在本系列关于使用以太坊构建DApps教程的第7部分中,我们展示了如何构建应用程序的前端,为我们一直在研究的这个Story故事设置和部署UI。是时候进行一些部署并编写一些最终功能了。这是使用以太坊区块链构建去中心化应用程序系列的第八部分。我们正在建设的项目名为The Neverending Story。完整的项目可以在storydao.bitfalls.com找到。它的完整代码在GitHub上 。...原创 2018-12-29 09:24:02 · 291 阅读 · 0 评论 -
20个热门少儿编程网站与应用【家长必读】
少儿编程是新的文化潮流,它涵盖了儿童学习的方方面面:逻辑思维训练、系统化思考训练、问题解决能力训练、团队协作、创造性思维培养…你可以利用我们整理的这些得到广泛认可的少儿编程网站教孩子学会编程,例如code.org、tynker.com和scrach Junior(儿童版本的scratch)。当然,不止是孩子,大人也可以利用这些少儿编程网站学习开发应用、网站或者游戏!1. Playcodemon...原创 2018-12-28 10:07:20 · 1114 阅读 · 0 评论 -
以太坊构建DApps系列教程(七):为DAO合约构建Web UI
在本系列关于使用以太坊构建DApps教程的第6部分中,我们通过添加投票,黑名单,股息分配和撤销来完成DAO合约,同时投入一些额外的辅助函数以实现良好的标准。在本教程中,我们将构建一个用于与我们的故事Story交互的Web界面,否则我们无法统计用户如何参与。所以这是我们故事Story发布之前的最后一部分。由于这不是一个Web应用程序教程,我们将保持非常简单。下面的代码不是生产就绪的,只是作为如何将...原创 2018-12-28 10:01:19 · 489 阅读 · 0 评论 -
笨办法学编程
笨办法学编程。1. 选择一个难学的语言首先选择一个难学的开发语言,在这一点上不要投机。也许你听人们说过C++或Java对于初学者而言太难了,但是即使这些难学的语言也只需要一点额外的耐心和坚持。可能你会选择一个老式的开发语言,例如COBOL或PL/I,或者相当底层的语言例如汇编甚至机器码?那为什么不试一下像Malbolge或Befunge或INTERCAL这样深奥的语言呢?无论怎样,不要选...原创 2018-12-27 08:15:19 · 184 阅读 · 0 评论 -
【Flutter入门教程】从零构建电商应用(一)
在这个系列中,我们将学习如何使用google的移动开发框架flutter创建一个电商应用。本文是flutter框架系列教程的第一部分,将学习如何安装Flutter开发环境并创建第一个Flutter应用,并学习Flutter应用开发中的核心概念,例如widget、状态等。本系列教程包含如下四个部分,敬请期待:如何从零构建flutter应用如何在flutter中布局元素如何在flutte...原创 2018-12-13 08:44:55 · 336 阅读 · 0 评论 -
Flask框架web开发:零基础入门
Flask框架是Python开发的一个基于Werkzeug和Jinja 2的web开发微框架,它的优势就是极其简洁,但又非常灵活,而且容易学习和应用。因此Flask框架是Python新手快速开始web开发最好的选择,此外,使用Flask框架的另一个好处在于你可以非常轻松地将基于Python的机器学习算法或数据分析算法集成到web应用中。如果希望深入学习Flask Web开发,推荐这个教程...原创 2018-12-11 09:29:07 · 982 阅读 · 0 评论 -
Vue.js 2 渐进式前端框架 的最佳学习方法
Vue.js作为一个后起的前端框架,借鉴了Angular 、React等现代前端框架/库的诸多特点,并且 取得了相当不错的成绩。Vue.js的定位是一个渐进式框架,作者的说法是: 与其他框架的区别就是渐进式的想法,也就是Progressive——这个词在英文中定义是渐进, 一步一步,不是说你必须一竿子把所有的东西都用上。这或许是Vue.js受到越来越多关注的一个重要原因:你只需要具备...原创 2017-08-17 10:46:16 · 1141 阅读 · 0 评论 -
vue.js快速上手
什么是Vue.js Vue.js是一个构建数据驱动的web界面的库。技术上,它重点集中在MVVM模式的ViewModel层,因此它非常容易学习,非常容易与其它库或已有项目整合。 Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 Vue.js 的核心是一个响应的数据绑定系统,它让数据与DOM保持同步非常简单。在使用jQuery手工操作DOM时,我们的代...原创 2017-09-15 15:08:38 · 1772 阅读 · 0 评论 -
简单介绍一下Vue2.0
VueVue是用于构建用户界面的渐进框架。作者尤雨熙特别强调它与其他的框架不同,Vue是渐进式的框架,可以逐步采用,不必一下就通过框架去重构项目。 另外Vue的核心库只专注于视图层,这样就更容易与其他库或现有项目进行集成,也更灵活。Vue在兼容性上不支持IE8以下版本的浏览器,用到了ECMAScript 5的功能,所有支持ECMAScript 5的浏览器都没问题,像这些:安...原创 2017-09-20 10:23:59 · 1482 阅读 · 0 评论 -
如何用Vue-cli在Vue.js项目中启动TDD(测试驱动开发)
通常,使用测试驱动开发(TDD)最困难的部分是开始。你必须下载带有奇怪依赖项的软件包,让测试套件与你的构建系统协同工作,然后你必须弄清楚如何编写一个测试!难怪这么多的开发者在你提起它的时候就开始跑开了。但是,你不是一个普通的开发者。你就可以开始就使用TDD与Vue,所以你可以确信你的代码是完全如预期的。现在我们一起在一个新的Vue项目开始测试工作,通过默认的测试,然后添加一些我们自己想做的...翻译 2017-12-27 17:47:31 · 995 阅读 · 0 评论 -
vue.js如何写一个简单的原生js模块,浏览器中的表现如何?
请点击此处输入图片描述浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了,Firefox和Edge也将很快推出。如果您是一个vue.js用户,那关于JavaScript模块一个很酷的事就是他们允许您编写您的组件到自己的文件中而无需任何多余的构建步骤。在这篇文章中,我将向您展示如何编写一个JavaScript模块到一个文件中,并在vue.js APP...翻译 2018-01-17 11:10:50 · 7823 阅读 · 0 评论 -
2018年最应该关注的11个vue.js组件库
根据最近的React库和Angular库的列表发展情况。2018年,这里统计有11个常用的vue.js组件库,它们最有可能出现在你的下一个vue.js应用程序的UI中。Vue.js, React and Angular NPM 2017下半年下载情况不同于React和Angular,Vue.js是由Evan You通过人们进行项目资助来维持的一个开源的代码库。你也许会说,这正是为什么Vue.js很...原创 2017-12-23 12:42:40 · 32115 阅读 · 3 评论 -
用Vue.js递归组件构建一个可折叠的树形菜单
在Vue.js中一个递归组件调用的是其本身,如: Vue.component('recursive-component', { template: `<!--Invoking myself!--> <recursive-component></recursive-component>` });递归组件常用...翻译 2017-12-24 12:05:31 · 14705 阅读 · 1 评论 -
前端的对决:React的JSX与Vue的templates
请点击此处输入图片描述React.js和Vue.js是这个星球上最流行的JavaScript库。它们都很强大,相对来说很容易获取和使用。React和Vue的共性:使用虚拟DOM。提供响应式视图组件。专注于开发过程中的一个方面。目前集中在视图层。有这么多相似之处,你可以假设它们都是同一事物的不同版本。这两个库之间有一个主要的区别:它们如何让开发人员创建视图组件,反过来又可以应用程序。React采用J...原创 2018-01-04 12:49:59 · 2284 阅读 · 0 评论 -
为什么43%前端开发者想学Vue.js
根据JavaScript 2017前端库状况调查 Vue.js是开发者最想学的前端库。我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个简单的App应用程序的原因。我最近曾与Evan You,Chris Fritz,Sarah Drasner,和Adam Jahr做了一个介绍视频,而现在你可以在http://vuejs.org首页找到它。以下是该视频的文字版本。伟大的Ja...翻译 2017-12-29 14:46:46 · 1086 阅读 · 0 评论 -
用Vue.js开发原生应用选择Weex还是NativeScript?
Vue.js是一个很好的框架!它有一个友好的学习曲线,结合了最好的React的组件方法和Angular的模板。尽管如此,Vue.js仍然有一个限制,它还不能像React的React Native,Vue.js目前还没有稳定、广泛采用的方法来开发原生应用程序。不过,这肯定会改变!目前有两个框架正在开发,可以打开用Vue.js框架创建本地应用程序之门,我们都很喜欢的:Weex和NativeScript...翻译 2018-04-13 12:52:18 · 7769 阅读 · 0 评论 -
Vuebnb:一个用vue.js和Laravel构建的全栈应用
今年我一直在写一本新书叫全栈Vue网站开发:Vue.js,Vuex和Laravel。它会在Packt出版社在2018年初出版。这本书是围绕着一个案例研究项目,Vuebnb,简单克隆Airbnb。在这篇文章中,我会把它如何工作做一个高层次的概述,好让你了解如何从零开始参与建设一个Vue/Laravel构建的全栈应用。这是一个现场演示如果你想看看的话:https://vuebnb.vuejsdevel...翻译 2018-04-16 09:32:23 · 1244 阅读 · 0 评论 -
用Vue.js开发一个电影App的前端界面
我们要构建一个什么样的App?我们大多数人使用在线流媒体服务(如Netflix)观看我们最喜欢的电影或者节目。这篇文章将重点介绍如何通过使用vue.js 2 建立一个类似风格的电影流媒体WEB交互界面(见上图)。最终的产品可以去这里找:https://codepen.io/itslit/full/mvvjzr。尽管Bulma将作为应用的CSS框架,但是本文将主要集中在Vue.js的使用和浏览CSS...原创 2017-12-22 11:39:30 · 8397 阅读 · 1 评论