Vue系列

vue系列8：webpack

1、什么是webpackwebpack是前端的一个项目构建工具，它是基于Node.js开发出来的一个前端工具；http://webpack.github.io/2、安装1）全局安装npmiwebpack-g2）项目根目录安装到项目依赖中npmiwebpack--save-dev3、使用1）npminit-y2）npminstalljquery-S3）webpack.\src\main.js.\di
xidianzxm·2020-01-15 10:00

vue系列4：vue组件和模块

1、vue组件和模块的区别什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；2、组件创建方式1//1.1使用Vue
xidianzxm·2020-01-09 19:00

vue系列3：vue的生命周期

1、生命周期图2、生命周期代码示例{{msg}}//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'ok'},methods:{show(){console.log('执行了show方法')}},beforeCreate(){//这是我们遇到的第一个生命周期函数，表示实例完全被创建出来之前，会执行它//console.log(this.m
xidianzxm·2020-01-09 18:00

vue系列2: vue指令总结

1、v-cloakv-clock解决页面闪烁问题如果网速慢，而该标签内容是变量没有请求响应回来的时候，页面上先不显示该标签（vue给该标签加了css样式），当响应回来的时候改标签默认将css样式去除。此指令可以解决使用插值表达式页面闪烁问题将该指令加在html标签中时，可以在该文件中加style属性为display：none，例子如下：[v-cloak]{display:none;}{{name}
xidianzxm·2020-01-08 20:00

vue系列1:如何定义一个基本的Vue代码结构

1、Node（后端）中的MVC与前端中的MVVM之间的区别MVC是后端的分层开发概念；MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分Model,View,VMViewModel为什么有了MVC还要有MVVM{{msg}}//2.创建一个Vue的实例//当我们导入包之后，在浏览器的内存中，就多了一个Vue构造函数//注意：我们new出来的这个vm对象
xidianzxm·2020-01-08 19:00

Vue+Laravel5.6 高仿团队协作管理平台teambition

Vue+Laravel5.6高仿团队协作管理平台teambition个人的一个总结学习的练手项目，前端技术栈vue系列，后端技术栈laravel(为啥不用koanode因为我在学习phplaravel而已
Godtoy·2020-01-06 07:15

vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（三）

推荐我的vue教程：VUE系列教程目录通过前两个文章：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack
言墨儿·2020-01-05 15:33

10、手把手教 Vue--Mint UI 使用

本节大纲PS：转载请注明出处作者:TigerChain地址:https://www.jianshu.com/p/db776b507065本文出自TigerChain手把手教Vue系列教程简介1、阅读对象本篇教程适合新手阅读
TigerChain·2020-01-04 00:45

Vue之ToDoList实战

之前的文章windows下搭建vue开发环境，我们已经搭建好了vue的环境，并且写了Vue系列之WebPack与Eslint，对vue项目的整体情况有了了解，这篇文章我们就来练习一下vue，实现ToDoList
充电实践·2019-12-31 09:04

VUE系列-项目搭建

vue-cli安装搭建（MAC系统）废话不多说直接开干~~~第一步：安装node.js，如果没有墙可以度娘选择Node.js中文网点击下载下载-根据系统需求选择直接安装安装成功后可以在终端查看版本信息如：会显示版本信息-表示安装成功第二步，安装webpack（vue-cli还支持其他的打包工具，具体码友们可以去vue-cli看看）如果直接输入cnpminstallwebpack-g（一般我喜欢直接
前端小学生CBB·2019-12-30 01:50

VUE系列之动画效果

一、新建VUE页面（VUE动画效果页）二、配置路由三、主页增加链接代码：vue动画点击效果exportdefault{name:'Eoo',data(){return{show:false}},methods:{change:function(){this.show=!this.show}}}.title{height:50px;width:100px;line-height:50px;borde
owensa·2019-12-26 09:47

03、手把手教Vue--组件

PS：转载请注明出处作者:TigerChain地址:https://www.jianshu.com/p/8de7f3ba234a本文出自TigerChain手把手教Vue系列本节大纲教程简介1、阅读对象本篇教程适合新手阅读
TigerChain·2019-12-24 17:16

VUE系列教程目录

VUE系列教程目录vue-cli3.X系列：vue最简单的入门教程+实战（vue-cli3.X）vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一
言墨儿·2019-12-19 08:31

1.Vue系列之初识vue

Vue是渐进式的JavaScript框架具有易用；灵活；高效的特点。Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。我们采用直接引入js的方式进行使用的方式
国子监大门口·2019-12-14 02:53

2.Vue系列之Vuejs

/*!*Vue.jsv2.4.2*(c)2014-2017EvanYou*ReleasedundertheMITLicense.*/!function(t,e){"object"==typeofexports&&"undefined"!=typeofmodule?module.exports=e():"function"==typeofdefine&&define.amd?define(e):t.
国子监大门口·2019-12-13 02:28

从壹开始前后端分离【 Vue2.0 + .NET Core2.1】之十四 ║ VUE 计划书 && 我的前后端开发简史【写真经历】

还是有很多东西的在后端，只不过想把vue给简单的搭建出来，如果大家有后端的一些知识，可以给我留言，我总结后，在Vue系列之后再继续说，
SAYLINING·2019-12-11 20:12

Vue系列之『满足多数需求的基本使用』

首先创建一个简单的vue应用#全局安装vue-cli$npmi-gvue-cli#创建一个简单的vue仓库$vueinitwebpack-simplelearnvue#安装依赖$cdlearnvue$npmi$npmrundevclass绑定——动态地切换class在:class上绑定一个对象在:class上绑定一个对象名在:class上绑定一个返回对象的计算属性在:class上绑定一个数组，数组
_Dot大师兄·2019-12-02 02:41

VUE系列之vuex

state:state是响应式的不允许直接修改state,必须显式的通过commitmutationgetter:相当于store的计算属性，用来包装state，把原始state包装成视图展示需要的形式（filter,count,find等等）mutation:负责更新state,mutation是同步操作，commitmutation下之后state就更新完了预先注册在store中，每次comm
尾巴尾巴尾巴·2019-11-30 20:51

前端（vue系列）：vue规范

vue作为前端应用的三大框架之一，其易上手，门槛低。给人简单，高效的感觉。但要写好vue代码，需有一定的规范防止自己逻辑出错，以及提高阅读效率。1.目录规范及结构src文件夹目录结构src|--api公用接口，统一管理存放文件夹|--assets图片存放，建议在存放图片时，按照一个模块一个文件夹进行存放，如是公用图片，则将其放入公用文件夹。|--components公用组件存放库，建议每个组件单独
林小帅不是帅·2019-11-30 11:29

前端（vue系列）：用vue-cli搭建项目

本章主要内容有安装vue-cli脚手架用脚手架创建项目vscode安装常用插件注：博主用的编辑器是vscode，所以插件什么的也适用于vscode，用其他编辑器的小伙伴，找一下度娘。安装vue-cli脚手架打开vscode，然后按ctrl+shift+`会出现如下界面（控制台）控制台.PNG然后在其中输入npminstall-g@vue/cli//用npm的运行该命令#ORyarnglobalad
林小帅不是帅·2019-11-28 05:51

原生table实现轮询+css修改默认滚动条样式

最近做项目(vue系列)遇到两个需求，这里做一个记录，分享给大家。
阿星·2019-11-22 11:12

vue系列：iview或elementui表格之合并单元格

文章目录基础知识改造优化基础知识我们先来分析一波iview官网中的合并单元格（iview和elementui合并单元格代码差不多）：handleSpan({row,column,rowIndex,columnIndex}){//设置要合并的行和要合并的列if(rowIndex===0&&columnIndex===0){//分别代表合并的行数和列数return[1,2];}elseif(rowIn
Lvan-Zhang·2019-11-20 17:30

Vue系列---$nextTick 的使用

1、什么是Vue.nextTick()？定义：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，
hyduan_h5·2019-11-18 19:37

相关文章

、Dubbo博客java注解-01、java注解-02、Git面试资源、java反射-01、java反射-02、java反射-03、为什么要序列化、人人社区vue各种import方法、Vue代码风格、Vue
心悦飞飞·2019-10-31 11:14

vue系列---Mustache.js模板引擎介绍及源码解析(十)

mustache.js(3.0.0版本)是一个javascript前端模板引擎。官方文档(https://github.com/janl/mustache.js)根据官方介绍：Mustache可以被用于html文件、配置文件、源代码等很多场景。它的运行得益于扩展一些标签在模板文件中，然后使用一个hash字典或对象对其进行替换渲染操作。基本语法如下：1.{{keyName}}:读取属性值,如果有ht
龙恩0707·2019-10-30 09:00

vue系列---snabbdom.js使用及源码分析(九)

一：什么是snabbdom?在学习Vue或React中，我们了解最多的就是虚拟DOM，虚拟DOM可以看作是一颗模拟了DOM的Javascript树，主要是通过vnode实现一个无状态的组件，当组件状态发生变更时，就会触发virtual-dom数据的变化，然后使用虚拟节点树进行渲染，但是在渲染之前，会使用新生成的虚拟节点树和上一次生成的虚拟节点树进行对比，只渲染两者之间不同的部分。为什么我们需要虚拟
龙恩0707·2019-10-30 00:00

vue系列---Vue组件化的实现原理（八）

阅读目录一.什么是Vue组件?如何注册组件？1.1全局注册组件1.2局部注册组件二：组件之间数据如何传递的呢？1)props2)$emit3)使用$ref实现通信4)$attrs和$listeners及inheritAttrs5)理解provide和inject用法6)理解使用bus总线三：在vue源码中注册组件是如何实现的呢？在Vue中，组件是一个很强大的功能，组件可以扩展HTML元素，封装可重
龙恩0707·2019-10-29 20:00

vue系列--- 认识Flow(一)

1.什么是Flow?Flow是javascript代码的静态类型检查工具。它是Facebook的开源项目(https://github.com/facebook/flow)，Vue.js(v2.6.10的源码使用了Flow做了静态类型检查。因此我们现在先来了解下Flow的基本知识，有助于我们分析源码。2.为什么要用Flow？javascript是弱类型语言，弱类型体现在代码中的变量会根据上下文环境
龙恩0707·2019-10-29 18:00

vue系列---理解Vue中的computed,watch,methods的区别及源码实现(六)

阅读目录一.理解Vue中的computed用法二：computed和methods的区别?三：Vue中的watch的用法四：computed的基本原理及源码实现回到顶部一.理解Vue中的computed用法computed是计算属性的;它会根据所依赖的数据动态显示新的计算结果,该计算结果会被缓存起来。computed的值在getter执行后是会被缓存的。如果所依赖的数据发生改变时候,就会重新调用g
龙恩0707·2019-10-29 17:00

Vue系列---理解Vue.nextTick使用及源码分析(五)

阅读目录一.什么是Vue.nextTick()?二.Vue.nextTick()方法的应用场景有哪些？2.1更改数据后，进行节点DOM操作。2.2在created生命周期中进行DOM操作。三.Vue.nextTick的调用方式如下：四：vm.$nextTick与setTimeout的区别是什么？五：理解MutationObserver六：nextTick源码分析回到顶部一.什么是Vue.nextT
龙恩0707·2019-10-29 06:00

Vue系列---源码构建过程(四)

在了解源码如何构建之前，我们有必要了解下项目中一个简单的目录结构如下：|----vue||----dist#打包后的存放文件目录||----scripts#存放构建相关的代码|||---alias.js|||---build.js|||---config.js#配置文件|||---.....其他的更多||----src#src目录是vue核心代码库|||---compiler|||---core|
龙恩0707·2019-10-29 06:00

vue系列文章 --- 源码目录结构整理（三）

vue的版本是：^2.6.10结构如下：|-----vue||---dist#打包之后的目录vue文件|||---vue.common.dev.js|||---vue.common.js|||---vue.common.prod.js|||---vue.esm.browser.js|||---vue.esm.browser.min.js|||---vue.esm.js|||---vue.js|||
龙恩0707·2019-10-29 06:00

Vue系列---源码调试(二)

我们要对Vue源码进行分析，首先我们需要能够对vue源码进行调式(这里的源码调式是ES6版本的，不是打包后的代码)，因此首先我们要去官方github上克隆一份vue项目下来，如下具体操作：1.clonevue项目gitclonehttps://github.com/vuejs/vue.git2.下载依赖包npminstall下载完后包，我们把视线转移到package.json文件中的scripts
龙恩0707·2019-10-29 06:00

vue系列---响应式原理实现及Observer源码解析(七)

阅读目录一.什么是响应式？二：如何侦测数据的变化？2.1Object.defineProperty()侦测对象属性值变化2.2如何侦测数组的索引值的变化2.3如何监听数组内容的增加或减少？2.4使用Proxy来实现数据监听三.Observer源码解析回到顶部一.什么是响应式？我们可以这样理解，当一个数据状态发生改变的时候，那么与这个数据状态相关的事务也会发生改变。用我们的前端专业术语来讲，当我们J
龙恩0707·2019-10-28 18:00

Vue系列-异步事件队列（nextTick）

原文链接：https://www.jianshu.com/p/bac2c0ae6328when:Vue什么时候用到异步事件队列1、VUE通过设置对象属性的setter拦截，可以在属性值发生变化时触发相关依赖，这时的依赖回调默认不是立即执行，而是将其放入到异步事件队列。2、调用nextTick方法时，nextTick是将回调方法放入到异步事件队列，不立即触发。what:异步事件队列的触发因为JS是单
baoleilei6·2019-10-24 10:29

JavaScript系列：8道有意思的JavaScript面试题！

CDN下载地址：https://vuejs.org/js/vue.min.js以及Node.js：Vue系列:windows下npm安装vue今天博主将为大家分享JavaScript系列：8道有意思的JavaScript
陈永佳·2019-10-21 08:15

Vue系列——动态设置img标签的src属性

声明本文转自:vue动态设置img的src路径正文相信开发的小伙伴已经遇到这个问题了，动态切换img标签的src时，写的路径就是不生效，原因是vue并没有把你的路径字符串当做路径来处理，而是直接当做字符串了，当然网上也有很多方法，这里使用的是最有效的方法。看代码：使用导入资源的方式//下面是导入两张图片的相对地址importhome_nofrom'../static/icon/home_no.pn
习惯沉淀·2019-10-17 10:00

【Vue原理】Vue源码阅读总结大会 - 终

白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于Vue版本【2.5.17】如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Vue源码阅读总结大会-终终于啊终于啊，把Vue
神仙朱·2019-10-14 22:58

Vue系列——如何运行一个Vue项目

声明本文转自:如何运行一个Vue项目正文一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。首先，列出来我们需要的东西：node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像安装node.js从n
习惯沉淀·2019-10-14 14:00

Vue.js系列（四）：Vue基础指令及数据绑定！

CDN下载地址：https://vuejs.org/js/vue.min.js以及Node.js：Vue系列:windows下npm安装vue今天博主将为大家分享Vue.js系列（四）：Vue基础指令及数据绑定
陈永佳·2019-09-20 08:48

Vue系列之（二）——Vue中的v-for到底做了什么？

循环使用v-for指令。先来了解一下v-for的原理，话不多说，先看代码~完整代码：02v-for{{item.name}}constProList={template:'#prolist',data(){return{list:[{id:1,name:'李斯'},{id:2,name:'嬴政'},{id:3,name:'赵高'},{id:4,name:'韩非'},{id:5,name:'荀子'}
Claire小柒·2019-08-25 10:40

小彬学vue系列专栏】 004 | 构建工具一如你初妆

1.vue-cli你的初妆前段时间，小彬好不容易和小美一起吃饭，饭间小彬听小美说，她最近在使用一个叫vue-cli工具的东西在写vue项目，觉得挺好用的，于是推荐小彬也试试。小彬当时不知道vue-cli是什么，于是默默的记下来，回到家和小美聊了几句并在八点左右准时收到小美「我该睡觉了:)」的微信后结束了聊天。心满意足的小彬打开了电脑，开始了他的vue研究的征途。2.vue-cli是什么网上给出的解
Geek彬·2019-08-21 15:18

【小彬学vue系列专栏】 003 | 要有效率，于是有了导航

1.不太靠谱的浏览器书签小彬在开发中一直都需要查阅不同网站的资料，久而久之就会积累一些高频的查阅网站，如果把这些网站网址都存放在Chrome浏览器的书签中，由于”安全上网“，浏览器的书签信息经常不能在多终端很好的同步，那自己保存为笔记吧，感觉又觉得太土不妥，怎么办呢？自己动手丰衣足食，开发一个。小彬准备采用坚果云+vue构建的静态页面形式，实现这个需求。2.多终端同步利器坚果云就类似百度云盘，可以
Geek彬·2019-07-31 09:09

【小彬学vue系列专栏】 002 | 一颗树的惆怅

1.发现了什么小彬发现了一个好东西。这个新鲜玩意就是ElementUI（小彬简称为：EUI）。在小彬理解中EUI就是Bootstrap外面套了一层Vue的壳，这个东西也有另一个名字，Vue组件。小彬统计过，EUI共有67个组件，可见把EUI页面元素分的够细了。小彬脑海中闪现一副Vue手册上的一副图，也许EUI就是对这张图的忠诚诠释。2.我想有棵树最近小彬很苦恼，具体点是说是前端小美的苦恼，她想将一
Geek彬·2019-07-31 09:22

Vue系列-异步事件队列（nextTick）

when:Vue什么时候用到异步事件队列1、VUE通过设置对象属性的setter拦截，可以在属性值发生变化时触发相关依赖，这时的依赖回调默认不是立即执行，而是将其放入到异步事件队列。2、调用nextTick方法时，nextTick是将回调方法放入到异步事件队列，不立即触发。what:异步事件队列的触发因为JS是单线程执行的，同一时刻只能执行一处代码，如果遇到耗时长的任务如ajax请求之类的，等待会
前端切克闹·2019-07-27 21:15

使用Node做一个简单的聊天室(附webSocket教程)

顺带说一下，那个从零单排vue系列，过些日子再写吧。尤神终究是尤神，一时半会儿也确实难以把vue整个模拟出来。继续说正题。
lackdata·2019-07-21 00:00

vue系列文章（28）axios全局配置

上节中我们对axios进行了简单的配置，对于每个文件都需要引入axios，现在我们可以对axios进行全局的配置，。在main.js中引入axiosimportaxiosfrom'axios'//axios全局配置axios.defaults.baseURL='http://jsonplaceholder.typicode.com'这样的话，我们就可以在单页面中直接使用axiospost:func
完美风暴4·2019-07-16 20:55

vue系列文章（27）axios替换vue-resource

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。vue2.0之后，就不再对vue-resource更新，而是推荐使用axios，基于promise的HTTP请求客户端，可同时在浏览器和Node.js中使用。功能特性：1、在浏览器中发送XMLHttpRequests请求。2、在node.js中发送http请求。3、支持PromiseAPI4、拦截请求和响应。5、转换
完美风暴4·2019-07-16 20:32

vue系列文章（20） vue网络请求vue-resource

vue-resource和vue-router配置大致相同，它的目的就是讲后台的接口数据传输给前端进行显示。首先需要安装vue-resourcenpminstallvue-resource--init-dev安装完成后需要在main.js里面引用vue-resourceimportVueResourcefrom'vue-resource'Vue.use(VueResource)这样的话就可以在页面
互联网极客·2019-07-06 17:34

【vue系列】Virtual DOM 真的比操作原生 DOM 快吗？

一、前言网上都说操作真实dom怎么怎么慢，这儿有个例子：http://chrisharrington.github.io/demos/performance/，例子循环2000个随机数组，点击按钮重新生成随机数组渲染页面，也是自己用的js操作dom比用react和angular都要快。这是引用知乎上的一个问题。觉得写的很好。文章内容主要是来源于尤大大的回答。二、原生dom操作VS通过框架封装操作这
saucxs·2019-06-27 14:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他