9159金沙游艺场

图片 3
开源版本控制工具Subversion 1.6.17 版本发布

每天一个Linux命令(4):mkdir命令

Vue入门系列(一)Vue技术栈

jquery前后端分离项目总结;JS写小游戏「跳一跳」外挂之自己动;webpack
快速构建 React 学习环境;使用 JSDoc
标注类型;自己动手实现一个前端路由;2018 年你需要知道的 11 个 JavaScript
库;Vue-router 源码:实现一个简单的
vue-router;webpack结合reactjs、vuejs项目中图片处理

Vue.js是一套构建用户界面的UI框架,它专注于MVVM模型的ViewModel层,通过双向数据绑定把View层和Model层链接起来。

Vue2 实战:模仿卖座电影

一个使用 Vue2 全家桶高仿卖座电影网的项目

进阶 vue
全家桶


本项目可以作为一个前端 vue 进阶项目

Vue.js –
起手式


请各位读者添加一下作者的微信公众号,以后有新的文章,将在微信公众号直接推送给各位,非常感谢。
0x00:前言 这次前言不想扯太多。
本文主要是记录一下自己的学习历程,顺带做一个总结。 其中有参考 Vue.js
的中文文档,也有去查看其它大大们给出的总结。 最后也是一个期盼,希望…

[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace +
es6)新手福利,干货多多


本项目是基于 vue2
最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的
无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。

karma+webpack 搭建 vue
单元测试环境


最近做了一次关于 vue 组件自动化测试的分享,现在将 vue
组件单元测试环境搭建过程整理一下。这次搭建的测试环境和开发环境隔离,所以理论上适用所有使用
vue 的开发环境。

Vue.js 学习系列二 —— vuex 学习实践笔记(附
DEMO)


本文介绍了作者在学习 vuex 过程中所获的经验,用简洁的语言解释 vuex
的用法

Vue + webpack
项目实践


最近在内部项目中做了一些基于 vue + webpack
的尝试,在小范围和同事们探讨之后,还是蛮多同学认可和喜欢的,所以通过
blog 分享给更多人。

使用 vue2+Vuex+Router 重写饿了么点餐系统和 vue
插件简析


最新写的 Demo,技术分享

vue2 + vuex 高度还原饿了么
App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能


vue2 + vuex 高度还原饿了么
App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能

用 VUEJS
做一个网易云音乐


VUEJS 写的一个小项目,求 star

Vue 2.0
服务端渲染怎么玩?


Vue 2.0
发布了也有一段时间了,新版本比较大的更新就是支持服务端渲染,最近有空折腾了下
Vue 的服务端渲染,记录下来。

vue+node 实现的一套博客系统,
包括博客前端展示页和博客后台管理页


一个完整的博客系统

使用 Vue.js
实现论坛客户端


一个 Vue.js 练习项目,从零开发到部署上线,代码开源在
https://github.com/crazy0x/vue-nga,本文主要记录了项目中遇到的一些问题以及使用
docker 进行打包部署的主要过程。

搭建 vue+webpack+mock
脚手架(一)


本文适合第一次搭建项目的朋友,讲讲我是怎么从零开始摸索着搭建一个项目框架的,属于总结归纳性质的文章。

  1. 基于 vue 的多页应用
  2. 支持自定义 mock 数据
  3. 支持热加载
  4. js 打包成多个
[适用于 vue-cli 的,用于编写 vue
组件的项目模板](https://link.jianshu.com?t=https%3A%2F%2Fjuejin.im%2Fentry%2F589f29cb8d6d81006c93f670)

适用于 vue-cli 的,用于编写 vue 组件的项目模板

全栈开发实战:用 Vue2+Koa1
开发完整的前后端项目


本文从一名新手的角度(默认对 Vue 有了解,对 Koa 或者 Express
有了解)出发,从 0 开始构建一个数据通过 Koa 提供 API
的形式获取,页面通过 Vue 渲染的完整的前端项目。可以了解到 Vue
构建单页面的一些知识以及前端路由的使用、Koa 如何提供 API
接口,如何进行访问过滤(路由)、验证(JSON-WEB-TOKEN)以及 Sequelize
操作 MySQL
数据库的一些知识和技巧,希望能够作为一篇入门全栈开发的文章吧。

2017 Vue.js 2
快速入门指南


2017 Vue.js 2 快速入门指南翻译自 Vue.js 2 Quickstart Tutorial 2017
从属于 Web 前端入门与工程实践。Vue 与 React
都是非常优秀的前端界面辅助库,笔者在工作中使用 React
会多一点,不过在学习 Vue 的过程中也得到了很多启发。Vue 和 React
在功能的完备、社区的活跃与性能的比较上笔者觉得毋庸多言,不过从笔者个人来看觉得二者的某些优势也是其劣势。Vue
是渐进式的 JavaScript
库,可以在项目扩展的过程中逐步添加所需要的模块,但是相对约束就较弱,并且强耦合于基于
DOM 的 Web 平台。React 则是更多的关注于跨平台与大型 Web
应用的工程实践,但是学习曲线比较曲折,入门门槛相对较高,对于活动页、移动
Mobile 也有点过重。详细讨论参考笔者的 2016 – 我的前端之路:
工具化与工程化。

Vue.js 学习系列四——Webpack
学习实践


要想学好 Vue 组件化开发,必先对 webpack 有充分的了解。

3-vuejs2.0 实战:仿豆瓣 app 项目,创建 Swipe
图片轮播组件


swipe 图片轮播不管是在 pc
端,还是移动端都是常见的效果,在这一章将用开源插件 swiper
完成一个比较简单的 swipe 循环轮播组件

Vonic 2.0
全新文档站上线


just title。

VueJS
组件编码规范


VueJS 组件编写规范,组件编写,从规范开始。

Keen UI – 基于 Vue.js 的 Material Design
前端组建库


支持几乎所有 Material Design 基础样式,代码组建格式优美

Vue.js 学习系列三——axios
学习实践


本文介绍了 Vue 推荐网络通讯库 axios 的使用

基于 vue2 + vuex 构建一个具有 45
个页面的大型单页面应用


vuejs 目前为止最大的开源单页面项目

这可能是目前最新的 Vue
相关开源项目库汇总


在 Github 上做了一个很新的 Vue 相关开源项目汇总。对 Vue 开发感兴趣的欢迎
Star ,后续也会定期维护更新这个列表。当然,你也可以去 opendigg 上查看。

掘金阴明:后端渲染实践


Vue.js、React.js 及 Angular.js 等等前端开发框架引入了 UI =
framework(State)
的前端编程逻辑,大范围降低了前端业务开发的难度,尤其是面向复杂前端应用。而这些优质开源框架的普及、多端业务统一、前后端分离的需求让越来越多的架构设计将大部分业务逻辑写在了前端。

但是,纯前端产品也有着它的问题。上述的几个前端框架都支持了后端渲染的功能,从而融合了前后端的问题。如何有效地整合现有前端逻辑实现后端渲染、如何优化后端渲染性能、如何实现服务器流式吐内容更快地渲染页面的经验,会成为新一代
Web 开发的方向,提高前端业务开发的效率。在由七牛云主办的 ECUG
十周年盛会上,阴明为大家带来了他的实践分享。

webpack -> vue Component
从入门到放弃(二)


上一篇简单介绍了 webpack
的打包功能,应该说是比较无意义的打包,对于开发人员来说,这种效率是非常低的。所以我们来点升华。

简约至上,美炸了的 Vue
圆环菜单组件


一个开源的基于 vue
写的圆环菜单,可自定义多种了类型和动画,追求一中简约的风格

从零搭建 vue2+vue-router2+webpack2
工程


适合新手,vue-cli
可以很方便的初始化一个工程,但是如果想自己动手从零搭建一个工程该如何开始?这篇博客提供了非常详细的步骤。

[使用 Weex 和 Vue 开发原生应用] 0
项目介绍和文章目录


Weex 和 Vue 已经互相支持,Vue.js 也因此具备了开发原生应用的能力。Vue
官方仓库中包含了适配 Weex 平台的代码,Weex 也引入了 Vue Runtime
并集成进了 SDK 中,第一个支持 Vue 的 WeexSDK 版本是
v0.9.5,后续版本也都将会支持,建议保持更新。

从 react-start 到 co 源码
(三)


这是一个系列文章,分为三篇。主要介绍了 react 开发环境的简单搭建,react
开发环境脚手架开发以及 co 的源码分析。这是系列的第三篇,主要对 co
源码进行的简单分析。

基于 vue2.0+axios+vue-router
的斗鱼项目


调用斗鱼的 API 编写的

手把手教你用 es6+vue2+webpack2+vue-router2 搭建个人
blog


手把手教你用 es6+vue2+webpack2+vue-router2 搭建个人 blog

Vue.js 组件库 Rubik UI
开发心得总结


Rubik UI 是一套基于 Vue 2.0 和 Material Design
开发的桌面端、移动端组件库

webpack -> vue Component
从入门到放弃(三)


离上一篇已经一个星期了,人的拖延症是没法救的,今晚趁着蒙蒙春雨,来抒发抒发情感。上一篇简单介绍了
webpack 的配置,这里稍微再做一一下延伸

vue.js
异步组件


一个跑得起来的案例,快速了解异步的 vuejs 组件

Rubik UI 一个 Material Design 风格的轻量 Vue.js
组件库


一个基于 Vue.js 2.0+ 和 Material Design 规范 的开源 UI 组件库

Vuex2 与 Axios
开发


Vuex2 与 Axios 开发的那点事

使用 vue.js
构建一个知乎日报


使用 vue 全家桶搭建的一个知乎日报

高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack


高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack )。

Vue.js 组件库 Rubik UI
开发心得总结


又一个基于 vuejs 的 ui 轮子

Vue.js 项目使用 Karma 做自动化 UI
测试


关于使用 Karma 做自动化测试的小结

2-vuejs2.0 实战:仿豆瓣 app 项目,创建组件 header,tabbar
路由跳转


vue 仿豆瓣 app 项目,创建组件 header,tabbar 路由跳转

paco-ui-vue:一套基于 Vue 的移动 UI
组件库


paco-ui-vue 移动端的 ui 组件
特性

使用单文件的 Vue 组件化开发模式
基于 npm + webpack + babel 开发,支持 ES2015
高质量、功能丰富
友好的 API ,自由灵活地使用空间

vuex2
实战之购物车


这是一个基于 vue2+vuex2 实现的购物车 demo,想学习 vuex
伙伴的可以来看看。

基于 vue2+vue-router+vuex2+axios+elementUI
做的自动化后台基础模板


此项目重点突出在于架构模式,基于这个模式,可以快速方便的开发出可维护性可拓展性的后台项目。

Vue2+Echarts 实现多种图表数据可视化 Dashboard
详解(附源码


将数据通过图表的形式展现出来将大大的提升可读性和阅读效率
本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等

Vue-Cli + ElementUI
试水感受


春节前使用 Vue-cli + ElementUI
将以前的项目添加新功能后,在使用过程中产生的一些思路、坑还有疑惑,与大家分享一下

详解 Vue & Vuex 实践 – 某熊的全栈之路 –
知乎专栏


详解 Vue & Vuex 实践翻译自 Vue + Vuex — Getting started,承接自 2017
Vue.js 2 快速入门指南,从属于 Web 前端入门与工程实践。

Vue.js
富文本编辑器


A wysiwyg editor written in Vue.js and Vuex.js, only support Vue.js
2.x.x

Vue.js 学习系列一 —— vue-router2 学习实践笔记(附
DEMO)


记录了作者在学习 vue-router 过程中的经验,并附带学习 demo。

Vue 2.0 起步 (7) 大结局:公众号文章抓取 – 微信公众号
RSS


综合应用 Flask、Vue 实现微信公众号文章的抓取

Vue-Blu 发布啦!基于 Vue2.x 和 Bulma 的 UI
组件库


Vue-Blu 是一款基于 Vue2.x 和 Bulma 的 UI 组件库。目前已有近 30 个组件,
基本覆盖常见的场景。后续也会不断完善和增加。特点是基于 Bulma css
框架,本身具有了很好的布局和样式的基础、支持定制化、 API
友好、灵活。是前端快速开发的利器!

vue 2.0 用 cNode
社区的接口编写的单页面应用


1、Vue2.0 + Vue-Router+ Vuex + ES6
2、有做响应式布局
3、搜索框用百度搜索 API
欢迎大家来 issue,若对大家有帮助的话,还望 star 一波,哈哈哈!
个人技术博客 damonlw.github.io

Vue 2.0 起步 (6) 后台管理 Flask-Admin – 微信公众号
RSS


Flask-Admin 权限管理 定制显示格式 显示关系表外键内容 显示多对多 (M2M)
内容

Vue 单元测试 case
写法


书接上文,karma+webpack 搭建 vue 单元测试环境介绍了 vue
单元测试环境搭建及查看源文件的测试覆盖覆盖率。今天来说一下 vue
单元测试思路和 case 的写法。测试框架使用 jasmine,语法参考。

jquery前后端分离项目总结 前言 设计阶段 文档 Restful api 技术选型
开发阶段 本地开发与联调 路径、接口状态、登录超时、服务器报错
统一处理返回结果 登录超时、字符串错误、其他字符串 部署测试阶段
项目根目录 自动部署 待解决问题 …JS写小游戏「跳一跳」外挂之自己动
上篇文章写道怎么通过Canvas识别跳转位置,本篇文章重点介绍怎样使用adb命令操作「小人」自己挑动。
adb是什么 adb是 Andorid Debug Bridge
,可以将安卓手机打开USB调试模式,然后连接USB线到电脑,就可以通过adb执行调试命令。
adb安装 mac下面使用brew安装 brew cask install
Android-platform-tools…webpack 快速构建 React 学习环境 React
官方有一套脚手架工具,是初学者的最好选择,可以让初学者集中注意力在 React
本身。 本人对脚手架有点儿抵触,从开始学习 React
就走了自己搭建开发环境的路线,这里总结下搭建过程,希望能帮助和我一样不愿使用脚手架工具,但又急需一个练习环境的初学者。
文章同步发布在个人博…使用 JSDoc 标注类型 JavaScript
采用动态类型,在编译期不对类型进行检查,等真正执行的时候由运行时来判断类型是否出现错误,这种特性有点像汇编里的计算一样,类型很弱,不同类型总是显式、隐式地转换。
在一个普通的 Todo Demo
里类型或许没有那么重要,而当项目变得庞大起来的时候,里边有很多不同的逻辑,当项目由另外一个人接手的时…自己动手实现一个前端路由
最近工作比较忙,写的比较慢,当我写完这一篇准备发布的时候,发现掘金刚好也有一篇关于前端路由的,而且写的比我详细,不过辛辛苦苦写的总不能删掉吧,再说我的路由风格是纯个人思路实现的,所以还是硬着头皮发了哈。
前言 用过现代前端框架的同学,对前端路由一定不陌生, vue, react, angular
都有自己的 router, …2018 年你需要知道的 11 个 JavaScript 库 译者按:
你可能已经用到Underscore或者Lodash。本文列举了11个常用的库来提高开发效率。
原文: 11 Javascript Utility Libraries You Should Know In 2018 译者:
Fundebug
为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。
JavaScript依然是…vue-router 源码:实现一个简单的 vue-router
通过上篇,我们知道前端理由的两种实现方法,Hash 路由与 History
路由,并且用它们分别实现了一个前端路由。 接下来我们就将 Vue 与 Hash
路由结合,实现一个非常简单的 vue-router 吧。 开始实现
想象一下,如果自己实现了一个 vue-router,会怎么去使用呢?参考 vue-router
官方的使用方式,看看 html
的使用:…webpack结合reactjs、vuejs项目中图片处理
这篇文章主要整理一下自己在使用 webpack 结合 vuejs 或 reactjs
开发过程中图片的处理方法。 我的需求 项目打包之后,除了 index.html
,将所有的静态资源上传至 cdn
,而并非打包之后所有静态资源都在应用服务器上。 index.html 中的图片
因为是 SPA,模版页面唯一要处…Rxjs 01-认识Rxjs ReactiveX combines the
Observer pattern with the Iterator pattern and functional programming
with collections to fill the need for an ideal way of managing sequences
of events.
ReactiveX将观察者模式、迭代器模式和函数编程与集合结合起来,以满足管理事件序列的理想方式的需要。
根据官方定义,RxJS 是…js浮点数存储精度丢失原理
曾几何时我们惊讶于在控制台看到这样的情况 0.1 + 0.2 === 0.3 false
而我们也得出一个原因,因为精度丢失所致。下面我将一步一步地以最简单的0.1为例告诉你们精度为什么丢失,什么时候开始丢失的,这里没有深奥的公式,也没有晦涩的概念,只要你知道进制转换就能看懂了。
0.1在内存中的样子
有一点我们是知道的,js中…Vuex与Busemit结合使用浅谈Vuex使用方式 前言
好久没有写文章了,最近项目紧张所以很久没有更新文章了,趁着这段时间不忙先更新一篇关于Vuex和Busemit结合使用的项目实战篇,希望大家喜欢。
Vuex
先讲一下Vuex,每一个Vuex应用的核心就是store。“store”基本上就是一个容器,它包含着你的应用中大部分的状态
(state),这部分来自官网的介绍,大家…webpack和npm
新建文件夹webpack-exam,组织和建立文件如下: 其中 a.js 、 b.js 、 c.js
内容分别如下: 在文件夹下新建文件 webpack.config.js ,在文件中写配置:
目前浏览器并不能自动执行模块化代码,所以需要 进行webpack的配置
:打开终端,切换到…不聊webpack配置,来说说它的原理
最近在前端论坛闲逛,看到了一些讲parcel、webpack的文章,就突然很好奇,每天都在用的打包工具,他们打包的原理究竟是什么。只有知道了这一点,才可以在众多的打包工具里,找到最适合的那个它。在了解打包原理之前,先花一些篇章说明了一下为什么要使用打包工具。Vue.js与MVVM模型的藕断丝连
冰冰 2018-7-1 amp;前端小白现阶段的内容搬运工 mvvm简介 为什么会出现 MVVM
MVVM出现的优势 专注vue.js细节 mvvm简介 MVVM 是Model-View-ViewModel
的缩写,它是一种基于前端开从闭包函数的变量自增的角度 –
解析js垃圾回收机制
GitHub前言感觉每一道都可以深入研究下去,单独写一篇文章,包括不限于闭包,原型链,从url输入到页面展示过程,页面优化,react和vue的价值等等。代码实现如何实现闭包自增一const
times = (()=gt;{ var times = 0;基于 HTML5 的 3D
工业互联网展示方案通用电气、IBM、英特尔等公司主推的“工业互联网”正在经历“产品-数据分析平台-应用-生态”的演进。这主要得益于
Predix 数据分析平台对工业互联网应用的整合能力。Predix 就像工业数据领域的
ios 或者安卓…Vue Patterns 英文原版:learn-vuejs 中文翻譯:yoyoys
此頁面集結了許多有用的 Vue 實作模式、技術、技巧、以及有幫助的參考連結。
Vue 實作模式 (learn-vuejs) 中文版Vue源码阅读 – 文件结构与运行机制
vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,并且最近的社区涌现了一大票vue源码阅读类的文章,在下借这个机会从大家的文章和讨论中汲取了一些营养,同时对一些阅读源码时的想法进行总结,出产一些文章,作基于react的可定制化的pc端组件库Yoshino
官网 首页 文档 介绍
yoshino组件库提供简单样式组件,可以通过yoshino-cli根据项目进行定制化开发。
将yoshino组件库less抽离出来维护,让开发者自定义维护。
例如需要自定[开源] Gio.js — 一个基于 Three.js 的 Web3D
地球数据可视化库 在这里和大家分享一个和小伙伴们一起开发的开源库 Gio.js
。Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用
Gio.js 的网页应用开发者,可以快速地以申明的方式创建自定义的 Web3D
数据可视化模型,添加What is Babel? 这篇文章是 Babel 6.x 官方文档
的部分内容翻译,结合自己的理解,旨在梳理清楚关于 Babel
是什么、如何运行、什么是插件和预设,以及如何在实际开发中使用等一系列的相关问题。
ECMAScript 版本介绍 阮一峰的《ECMAScript 6 入门》Promise is a monad?
Promise 是很好解决 js 异步的方案。 Monad 单子 Monad 是一个 FP
中的专有名词。 A monad is just a monoid in the category of endofunctors.
Monad 就是自函子范畴上的幺半群。 Functor 函子
在范畴论中,函子是范畴间的一类映射。函子也可以解释为小范畴内的态射。
态射是范畴…精读《React
的多态性》本周精读的文章是:surprising-polymorphism-in-react-applications,看看作者是如何解释这个多态性含义的。

图片 1

vue专注viewModel.png

它有如下特点:

  1. 渐进式框架,采用自底向上增量开发设计
  2. 模板双向绑定机制
  3. 利用指令(directive)对DOM进行封装
  4. 组件化设计思想
    如下图,将UI页面分割为若干组件进行组合和嵌套。

相关文章

No Comments, Be The First!
近期评论
    功能
    网站地图xml地图