为了账号安全,请及时绑定邮箱和手机立即绑定

Vue.js

1-vuejs2.0实战:仿豆瓣app项目,创建自定义组件tabbar

大家好,我给大家分享一下仿豆瓣app的教程。当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app。————第一次写文章,写得不好请见谅。 为什么我们选择豆瓣app 来做这样一个教程? 是因为我很早就接触豆瓣这个网站,我比较喜欢看豆瓣里面电影和文章的点评。并且豆瓣提供了非常丰富的一个api接口供我们使用。也就是说我们可以不通过后端,直...

56浏览 1推荐 1评论

基于vue2.0+vuex+localStorage开发的本地记事本

本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。在线预览地址:DEMO 功能说明 支持回车添加事件 支持事件状态切换 添加事件 -> 进入未完成列表 未完成 -> 已完成(勾选checkbox) 未完成 -> 已取消(点击取消按钮) 已完成 -> 未完成(取消勾选checkbox) 已取消 -...

98浏览 1推荐 0评论

2017年前端工程师技能规划

2017年前端技能规划 结合公司业务需求,补充、完善、更新自身技术栈;在前端(尤其移动端)方面,做到 基本功扎实并立足于行业技术前沿;如有余力,熟悉一门后台语言(php,python,java),以 更加完善软件开发的知识技能储备。 熟悉,深刻了解公司产品特点及业务需求特征;在保证功能的前提下,做到代码优雅,命名 规范,逻辑缜密,以提高复用性及方便日后的维护,提高前端开发效率。 技能XMind 技...

353浏览 6推荐 0评论

Vue.js入门-简介和指令介绍 原创

Vue.js的概述 如官网所说,Vue.js是一款轻量级的以数据驱动的渐进式JavaScript 框架。 老卜的 前端开发之走进Vue.js介绍到: Vue.js数据驱动的原理在于View层的视图发生改变时,Vue会通过DOM Listeners来监听并改变Model层的数据。反之,当Model层的数据发生改变时,也会通过Data Bingings来监听并改变View层的展示。从而实现双向数据绑定...

269浏览 3推荐 0评论

Vue2.0学习笔记(基础篇) 原创

前言 纠结了很久到底是学Vue还是React,然后发现有纠结那么久的时间,说不定一个已经入门了。于是先挑一个基于原生js的框架Vue开始吧(还有个主要原因是Vue的中文官网做的比较小清新,看起来舒服). 稍微学习了一下,感觉vue和angular1.0真的有很多相像的地方。 生命周期 如上图所示,Vue的生命周期一共有"Create","Mount",&qu...

415浏览 1推荐 0评论

vue.js 2.0 基础学习笔记

node+webpack环境搭建 npm install -g vue //全局安装vue npm install -g webpack //全局安装webpack npm install -g vue-cli //全局安装vue-cli //可用淘宝镜像 npm=》cnpm npm install -g cnpm --registry=https://registry.npm.taobao.or...

669浏览 8推荐 1评论

Vue.js常用开发知识简要入门(三) 原创

组件的注册与使用 例如,注册一个Hello组件: var Hello = Vue.extend({ //返回预设选项的Vue构造器(子类) data: function() { return { msg: 'Hello,Vue.js' } }, template: '<h1>{{msg}}</h1>' }); 这样,就创建了一个h1标...

469浏览 5推荐 0评论

vue+fetch实现简单在线聊天

vue实现简单在线聊天 引用mui的ui库,ES6的 fetch做网络请求 //html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,...

279浏览 1推荐 0评论

npm 更新至最新版本啊

网上文章一大抄! 今天搭建vue-cli 脚手架,install 所有依赖之后,运行 npm run dev 报错,提示我当前npm用的版本号过低。需要升级npm版本大于某个版本。 百度搜索如何更新npm至最新版本。 90%的解决方案是让我们再用npm全局安装一遍npm,就可以更新至最新版本了。 即: npm install -g npm 但是,我尝试之后 查看npm当前版本 npm -v 显示的...

184浏览 1推荐 1评论

vue.js 2.0 - 快速开始组件化开发应用

全局安装vue + webpack + vue-cli npm install -g vue //全局安装vue npm install -g webpack //全局安装webpack npm install -g vue-cli //全局安装vue-cli 生成项目目录 vue init webpack projectName //生成项目名为projectName的模板 进入新生成的目录&a...

358浏览 1推荐 1评论

【获奖名单公布】实战课陪你狂欢

获奖名单公布 由于抱枕名单较多,就不公布了,只要是规定时间内都会有~~ 同时uid更方便大家明确指定自己,担心有临时改名的 uid的查看,点击自己的个人中心,网址上的u/10000的后面字数 获得爱奇艺电视果的用户uid: 231983、269742、353609、485666、1061197、1091629、1226205、1244292、1868326、1884356、1989808、2749...

12035浏览 142推荐 50评论

Vue.js常用开发知识简要入门(二) 原创

v-pre 指令 Vue.js 的指令是带有前缀 v- 的特殊 HTML 属性,其中的v-pre 指令用于指示 Vue 编译器跳过含有该指令的元素及其子元素,该指令主要有如下两个用途: 显示原始插值标签 跳过大量没有指令的节点以降低编译时间 编写较复杂的 Vue.js 模板时可以适当使用 v-pre 指令,提升编译效率。 数据绑定 插值 使用Mustache语法: {{ msg }} {{{ HT...

535浏览 3推荐 0评论

vue2.0自制简单时间选择器 原创

Vue.component('vue-timepicker', { template: ` <div class="fh-d-picker"> <input type="text" @focus="show=true" @change="show=!true" v-model=&q...

534浏览 1推荐 1评论

Vue.js常用开发知识简要入门(一) 原创

Vue-cli创建项目 安装:npm install -g vue-cli vue list命令 :查看官方模版列表 初始化项目:vue init webpack 项目名 安装依赖:npm install 运行:npm run dev Vue动画支持(transition) 以DIV从右到做的飞入动画为例。 在需要加动画的组建上设置属性:transition="动画名称" &l...

1311浏览 25推荐 0评论

vue2.0实现轻量级日期选择器组件 原创

vue2.0实现轻量级日期选择器组件 最值效果如图: //css .dp { margin-top:5px; width: 213px; height: 240px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.17); border: 1px solid #d9d9d9; border-radius: 6px; position: absolute; top: 28p...

448浏览 3推荐 0评论
首页上一页1234下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信