首页
学习
活动
专区
工具
TVP
发布

vue学习

专栏作者
155
文章
173566
阅读量
42
订阅数
在 vscode 中 debugger 调试
如何使用 Debugger for Chrome 这个插件在 vscode 中进行 debugger 调试。
Ewall
2020-09-22
2.4K0
谈谈观察者模式和发布订阅模式
参考学习: https://juejin.im/post/5a14e9edf265da4312808d86 https://molunerfinn.com/observer-vs-pubsub-pattern https://juejin.im/post/5bb1bb616fb9a05d2b6dccfa https://juejin.im/post/57de12355bbb50005e648bd8
Ewall
2020-04-10
1.1K0
16、webpack从0到1-tree shaking
tree shaking,这个还是一个比较重要的一个东西吧,可以大大的优化你的项目。 git仓库:webpack-demo 1、是什么? 我们首先从字面意思上来理解一下,tree shaking翻译一下就是摇树罗,摇树的时候就会把不必要的枯枝烂叶给摇下来,同理,到代码中,tree shaking就是把没有用到的代码shaking掉。 tree-shaking只有使用es6的模块化规范才有效,如果你使用commonJs模块化规范是搞不了tree-shaking的,为什么? 因为ES6模块是运行时加载
Ewall
2020-03-25
9370
14、 webpack从0到1-HMR(热模块更新)
说下热模块更新这个时常被谈到的问题,工作中也比较常见到、面试中也比较常问到的问题。 git仓库:webpack-demo 1、HMR HMR(Hot Module Replacement)也就是热模块更新,是用来干什么的呢?就是你可以实时的更新某个状态而浏览器不重新刷新。 举个具体的例子可能就理解了啊,比如我们现在要把一个div块的颜色从白色改为黑色,最直接方便的办法是怎样?不是去编辑器里面改代码,然后等浏览器refresh这样去看效果;而是直接打开调试着工具,改一下它的颜色就可以看到效果了。 使
Ewall
2020-03-24
4190
10、webpack从0到1-devServer之数据请求
本章主要就是一个东西,如何配置webpack的devServer.proxy实现代理转发。这个应该是日常开发事情中必见的内容了。 git仓库:webpack-demo 1、开始 既然是请求数据,那么就先安装下axios。 $ cd chapter10 $ npm install axios --save 然后我们在src/index.js文件中使用axios请求一下豆瓣api的接口,拿它电影的前250条数据。 + import axios from "axios"; // ... // 测试devS
Ewall
2020-03-20
4890
22、商品列表页
(3)商品列表 对于商品列表我们可以把里面的单个商品item用封装成一个组件从而实现复用。
Ewall
2018-09-04
1.9K0
19、分类详情页之基本页面结构
具体关于路由的跳转就不多讲了,具体可以参考前面第5章vue-router之什么是编程式路由
Ewall
2018-09-04
6150
18、vue-lazyload实现图片懒加载
vue-lazyload官网:https://github.com/hilongjw/vue-lazyload
Ewall
2018-09-04
9770
8、手机适配问题之rem和lib-flexible
flexible方案是手淘经过多年的摸索和实战,总结出的一套移动端适配方案,这里我推荐一篇w3c大漠老师的一篇文章使用Flexible实现手淘H5页面的终端适配,里面详细的讲解了该方案的使用和原理。
Ewall
2018-09-04
1K0
17、将数据渲染到组件(列表渲染、模板语法、父子组件之间的传值)
(1)v-for语法 https://cn.vuejs.org/v2/guide/list.html 我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。
Ewall
2018-09-04
4.3K0
6.vue-router之命名路由和命名视图
① 官方文档的解释:https://router.vuejs.org/zh/guide/essentials/named-routes.html 就是在routers配置路由名称的时候给路由定义不同的名字,这样的好处就是可以在使用router-link的to属性跳转路由的时候传一个对象从而实现与router.push一样的效果:
Ewall
2018-09-04
8730
4.vue-router之什么是嵌套路由
大家都知道选项卡,在选项卡中,顶部有数个导航栏,中间的主体显示的是内容;这个时候,整个页面是一个路由,然后点击选项卡切换不同的路由来展示不同的内容,这个时候就是路由中嵌套路由。
Ewall
2018-09-04
6110
5.vue-router之什么是编程式路由
首先我们来讲讲简单的,上面两个方法记住,等效的。 ① 还是在test.vue组件里面写个div并给它添加一个click跳转事件:
Ewall
2018-09-04
5080
11、组件入门及写个首页头部组件
前言:项目准备工作说了很久,不知道大家学会了没有?今天开始我们开始正式搭建页面,先从首页开始,在搭建页面的过程中,我也会将vue的知识点在其中穿插讲解,但是你最好是提前看看官方文档。ok,今天我们来讲下组件,然后搭个头部组件实现复用; GitHub:https://github.com/Ewall1106/mall
Ewall
2018-09-04
8790
1.前期准备工作
1、首先我先创建一个仓库,大家fork这个仓库(https://github.com/Ewall1106/mall),以此仓库为核心,我会把每天新完成的代码提交上去更新,一直到大家一起把这个项目做完;大家fork完以后可以同步我的仓库查看或者在我的仓库上直接做修改,有问题也可以提issue。 2、大家在github上建一个自己的项目,自己动手亲自写一遍,有问题可以查看fork的核心仓库,也可以在群里一起讨论解决问题。
Ewall
2018-09-04
3070
三步教你学会git
  1、下载 -> https://git-scm.com/downloads -> 然后安装,安装完成以后右击git bash输入git init是否已有git
Ewall
2018-09-04
3930
用vue实现简易的音乐webApp
1、前言 学了半个月的vue,做这个小项目也做了半个月;数据是实时抓取自QQ音乐的api接口,主要的功能实现是对网页版的qq音乐功能来做参考。 2、关于项目
Ewall
2018-09-04
7990
【干货】前端自学之路(持续更新)
《JavaScript Dom编程艺术》 《JavaScript面向对象编程指南(基础)》 《JavaScript高级程序设计》 《高性能JavaScript》 《学习JavaScript数据结构和算法》 《javascript函数式编程》 《JavaScript模式 》 《你不知道的JavaScript-上》 《JavaScript设计模式》 《JavaScript设计模式与开发实践》 《你不知道的JavaScript-下》
Ewall
2018-09-04
8450
vue-cli安装、node-sass安装、mintUI组件库安装
1、使用淘宝npm镜像 在node中很多安装失败的原因就是因为国内网络限制因素,所以使用淘宝镜像有利于解决这方面问题。(使用了翻墙、vpn,用install命令行可以正常安装的可以跳过)。
Ewall
2018-09-04
1.5K0
23、一看就懂父子组件之间的传值
通过"props down , events up"我们就简单的实现了父子组件之间的双向传值,这是很基本的知识点,其它还有$invoke等等方法,大家可以去官网好好看看。 关于通信和状态管理就必须了解vuex了,后面我们在项目中当涉及了再好好讲。
Ewall
2018-09-04
3.1K0
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战,赢鹅厂证书、公仔好礼!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档