首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

学会之浅入浅出Vue.js:开学篇

什么是Vue.js 不管你想不想了解,你只需要大概知道,Vue就是和jQuery一样是一个前端框架,它的中心思想就是数据驱动,像远古时代的老前辈jQuery是结构驱动,什么意思呢,以前我们写代码时常用$...搭建环境 工欲善其事必先利其器,我们的学习计划从学会搭建Vue所需要的环境开始,node和npm的环境不用说是必须的,现在前端流程化很热门,基本上新的技术都会在这套流程的基础上做开发,我们只需要站在巨人的...,会看到这样的代码 说明我们的入口js文件在src目录中的main.js,接下来我们就分析下这些初始化代码先; 跟着代码走 Vue的核心架构,按照官方解释和个人理解,主要在于组件和路由两大模块,只要理解了这两大模块的思想内容.../App文件,也就是目录中和main.js同级的App.vue文件;在Vue中引入文件可以直接用import,文件后缀名可以是.vue,这是Vue自己的文件类型,之前说的webpack会将js和css文件打包...前面说的src/main.js中有一句引入路由器的代码。 import router from './router' 现在就让我们打开router目录下的js文件。

26.8K9023

JS】547- 200行JS代码,带你实现代码编译器(人人都能学会

其实我们也经常接触到编译器的使用场景: React 中 JSX 转换成 JS 代码; 通过 Babel 将 ES6 及以上规范的代码转换成 ES5 代码; 通过各种 Loader 将 Less / Scss...接下来进入本文主题:「200行JS代码,带你实现代码编译器」。 二、编译器介绍 2.1 程序运行方式 现代程序主要有两种编译模式:静态编译和动态解释。...Runtime (运行时) 包大小 较小 较大 执行性能 更好 - 启动时间 更短 - 除此之外 AOT 还有以下优点: 在客户端我们不需要导入体积庞大的 angular 编译器,这样可以减少我们 JS...最后,文中介绍到的代码,我存放在 Github 上: [learning]the-super-tiny-compiler.js[4] [writing]webpack-compiler.js[5] 六、...Super Tiny Compiler: https://the-super-tiny-compiler.glitch.me/ [4] [learning]the-super-tiny-compiler.js

2.6K40

学会之浅入浅出Vue.js:结业篇

在第一篇《包学会之浅入浅出Vue.js:开学篇》和上一篇《包学会之浅入浅出Vue.js:升学篇》的学习中,我们首先了解了Vue环境的搭建以及两个重要思想——路由和组件的学习,通过组件库中的按钮组件和导航组件...过渡 过渡其实就是CSS3动画,transition这些,只是写CSS3变成好像在写JS一样,有点类似于greenSock的一些思想。...Render 渲染这个方法是我觉得应该用心去学习的,它可以方便我们写出更好的面向对象的组件,而学习它的成本在于这个接口更接近于原生JS代码的使用。如果有需要,后续也可以写一篇关于Render的文章。...总结 三篇系列文暂时在这里告一段落,有些童靴可能到这里还是觉得没有学会Vue,对不起,可能是我的标题太夸张了,也可能因为我的例子还不够清晰,文笔也还不好理解。

11.6K435

学会JS只是知道了“是什么”,并不意味着你会用JS做什么

这个需求如果用js来描述,该怎么做呢?...这个思路放在无论多么复杂的程序上,不管是js还是java,不管是面对过程,还是面向对象。都是可以使用的,“就是把人写的需求,用程序翻译成机器可以理解的步骤”。...换句话说,你学会JS,也只不过是学会JS这门语言该怎么用而已,但是如何用JS来翻译人类的需求?这是在JS之外的内容。...对于零基础的人来讲,学会js并不是很困难的事情。但是理解业务和想明白需求,这却是一个长期的过程。...所以说到最后,同学们如果想要从事前端开发的工作,千万不要只以学会JS为目标,这还远远不够。

61170

学会之浅入浅出Vue.js:升学篇

上一篇《包学会之浅入浅出Vue.js:开学篇》中,我们初步了解单页面组件这个概念,现在通过一个项目,来进一步解析组件的应用吧,Go~ 需求背景 组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航...这里需要注意一个地方,如果不是组件的话,正常data的写法可以直接写一个对象,比如data:{ msg : ' 下载 ' },但由于组件是会在多个地方引用的,JS中直接共享对象会造成引用传递,也就是说修改了...中场休息一下 学到这里,我们已经学会了用props给按钮自定义文案,用on和emit给按钮自定义点击触发,用slot给按钮添加一些自定义结构。...我们给class绑定了一个数组,这个数组带有变量,先看commonClass,这个变量在data中定义了,然后数组的第二个元素是一个JS的三元运算符:item.active?...下一篇文章《包学会之浅入浅出Vue.js:结业篇》中,我们将会学习如何用多个组件来组成一个大的组件,也就是真正意义上的父子组件之间的关系。

21.8K5512
领券