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

Vue.js

前端MVC,JS模板替换实现原理

我们常用的框架,比如Vue、Angular等,都有属于它们自己的表达式,比如{{}},它们的数据绑定实现原理其实是利用了正则表达式。 MVC模式 M model 模型 数据 V view 视图层 C control 控制器 view。注意:这里的script标签的type属性要设置为“text/html”,这样浏览器在渲染页面时不会把script标签里面的内容渲染到页面上。...

38浏览 1推荐 0评论

【快速上手】Vue.js 购物车入门实战 原创

初学vue,在了解了文档基础部分后就可以尝试做一些比官网示例更复杂一点的Demo了——比如这个购物车项目。 在线预览 介绍 通读官方教程 (guide) 的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。 —&...

1263浏览 21推荐 0评论

electron + vue 实践项目 原创

github地址 本地安装环境准备 安装node: * https://nodejs.org/en/download/ 配置webpack: npm install -g webpack(sudo权限) windows配置cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 因为npm的默认仓库在国外,下载很慢,国...

795浏览 6推荐 1评论

Maven多模块+SSM框架(六、 Vue.js渐进式框架配合Ajax

前言 最近学习了Vue文档真的是非常友好,简单易懂,所以学习成本比较低,易上手。 建议学习时看官方文档(自我感觉比看视频效果好点) Vue.js 渐进式JavaScript 框架 添加Vue.js引用 在之前配置的“装饰页”中添加引用 建议先看Maven多模块+SSM框架(五、Bootstrop3+Sitemesh3网页布局和修饰的框架) 添加studentInfo.js ...

156浏览 4推荐 0评论

Vue2.0 全家桶开发的网页应用

github链接 借鉴吾记APP,使用 vue2.0+vue-router+vuex 为主要技术栈,elementui做为ui框架,多模块 spa 模式,webpack2.0 负责模块打包,gulp 负责处理静态资源打包、压缩,欢迎打赏star!!! 吾记前端构建流程 本地环境准备 安装node: * https://nodejs.org/en/download/ ("node"...

101浏览 3推荐 0评论

基于 WebSocket 和 Vue 的前端远程实时 LOG 工具,适

AirLog https://github.com/bigggge/AirLog 基于 WebSocket 和 Vue 的前端远程实时 LOG 工具,适用于手机调试和远程调试 远程实时查看和筛选 LOG 信息 查看网页性能信息 可将 LOG 导出为 JSON 格式的文件 Install npm install airlog Run Server 启动 airlog server , 可自定义端口号...

154浏览 2推荐 1评论

基于 Vue 全家桶制作的移动端音乐 WebApp

基于 Vue 全家桶 (2.x) 制作的移动端音乐 WebApp ,一个媲美原生的移动端音乐 App,项目完整、功能完备、UI美观、交互一流。 收获: 总结了一套 Vue 通用组件,可以在其它项目中复用的 10+ 个基础组件、15+ 个业务组件 总结了一套常用的 SCSS mixin 库 总结了一套常用的 JS 工具函数库 体会到组件化、模块化开发带来的便捷 体会到将对象封装成类(ES6 clas...

232浏览 1推荐 0评论

10分钟教你快速开发一个vue插件并发布npm 原创

写在前面 本次演示的是开发一个 vue手机虚拟支付键盘插件 主要讲解的是如何快速开发一个vue插件并发布到npm上 源码地址 所有代码都可以在我的GitHub vue-pay-keyboard 上查看,欢迎start.. demo演示地址 请用手机或者电脑仿真查看 vuepayboard 关于vue插件 插件一般都有如下几种形式导入 ES6 import vuePayKeyboard from &...

1049浏览 3推荐 1评论

手把手教你使用Vue实现轮播图组件

简介 最近在学习 Vue,看到大多数项目首页都有轮播效果,然后自己也是做了一个轮播图,希望在此来分享给大家。 主要技术 v-if: 条件渲染 v-for:列表渲染 v-bind:属性绑定 transition: 过渡效果 组件交互: 父组件通过 props 将数据传递给子组件 主要思路 轮播图中,它显示的那张图片在浏览器中可以看到有dom元素。隐藏的是没有dom元素的。所以如果显示一张图片,实际上...

500浏览 3推荐 0评论

饿了么vue,项目创建流程代码篇(beterr-scroll基本使用)

惯例插件安装导入 npm install --save-dev better-scroll 使用的基本流程 1.给要滚动的内容区域div等,定义一个可做标识的class类,这里使用xx-xx-hook 2.惯例导入插件 import xx from 'better-scroll',此处这里的别名将作为实例化对象的构造类 3.实例对象,传入滚动内容元素,因为要监听内容区域的高度,...

377浏览 2推荐 4评论

Vue项目上传github并预览

前言 最近在初步完成自己的掘金移动端App后,想要上传到github,并且制作一个简单的预览功能,期间遇到了一些问题,分享在此,以便查阅。 打包Vue项目 当Vue项目完成后,在根目录下打开命令行,输入命令: npm run build 实际上此命令就是执行build.js文件,将项目打包成静态资源。 此命令完成后,项目根目录下会多出一个dist文件夹,dist文件里面有: static文件下包括...

868浏览 5推荐 2评论

如何成为一个大牛前端工程师? 原创

关于书籍: HTML、CSS 类别书籍,都是大同小异,在网上搜索一下很多推荐。如果感觉学的差不多了,可以关注一下《CSS禅意花园》,这个很有影响力。 Javascript 的书籍 推荐看老外写的,国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。这里推荐几本 Javascript 书籍: 初级读物:《JavaScript高级程序设计》:一本非常完整的经典入...

1611浏览 11推荐 1评论

Vuex——Vue的状态管理利器

什么是状态管理 一个较大的项目中,会涉及到很多数据,有的是纯前端的,也有来自后台的,随着 View 层交互行为的驱动,整个项目中的数据需要涉及到大量的数据变更,这种变更会十分复杂,以至于我们无法追踪状态的源头,这个时候,就需要采用一些方案,来管理这些数据状态,所谓的状态管理,管理的是从视图层事件源到数据变迁的映射过程。Facebook 公司提出了最早的 Flux 状态管理技术,现在前端框架流行的状...

343浏览 3推荐 0评论

Vue基础汇总--28个小栗子(上)

1.双向绑定 <div id="app"> <p>{{message}}</p> <input v-model="message"/> </div> new Vue({ el:'#app', data:{ message:'Hello vue.js' } })...

625浏览 6推荐 0评论

基于vue2.0的网易云播放器 原创

本人在自学vue,之后想在学习过程中加以实践。由于之前有做过jquery的播放器效果,ui仿照网易云,地址 点击进入 于是就想做vue 的网易云播放器,网上也有类似的项目。看了一下都挺不错的,于是就想自己做一个试试 对 JUST DO IT !!! DO IT !!! 项目基于Vue 2.0 使用Vue-router,axios获取本地的data.json文件(所有的用户,音乐信息),以及vuex...

735浏览 5推荐 1评论
首页上一页1234567下一页尾页

推荐作者

热门手记

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