Vue2.X前端学习笔记第28页

vue2.x源码解析六——组件化--3.patch(将虚拟DOM映射为真实DOM)

1.patch通过vue2.x源码解析六——数据驱动，当我们通过createComponent创建了组件VNode，接下来会走到vm.

南张门·2020-08-11 10:41

vue2.x源码解析六——组件化--2.createComponent虚拟DOM组件

1.说明我们以Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importVuefrom'vue'importAppfrom'./App.vue'varapp=newVue({el:'#app',//这里的h是createElement方法render:h=>h(App)})和我们上一章相同的点也是通过render函数去渲染的，不同的这次通过createElement传的参数

南张门·2020-08-11 10:41

Vue2.x 源码阅读思路笔记

目前公司主要技术栈是Vue，为了更好的使用，完成的了解Vue的原理是很有必要的。刚开始直接阅读Vue源码时，发现自己阅读的效率很低。偶然间（其实不偶然）在Github中发现了这份笔记如何学习Vue2源码，完整的记录了实现Vue框架的完整过程。我fork了作者的项目，跟着作者的思路如何学习Vue2源码，完整走了一遍如何实现一个2.X版本的Vue。阅读过程中我拉了一个新分支如何学习Vue2源码（带注释

余阿良·2020-08-11 10:22

Vue2.x 源码剖析之虚拟 DOM

StudyNotesVue.js源码剖析-虚拟DOM什么是虚拟DOM虚拟DOM(VirtualDOM)是使用JavaScript对象来描述DOM，虚拟DOM的本质就是JavaScript对象，使用JavaScript对象来描述DOM的结构。应用的各种状态变化首先作用于虚拟DOM，最终映射到DOM。Vue.js中的虚拟DOM借鉴了Snabbdom，并添加了一些Vue.js中的特性，例如：指令和组件机

白驹过隙时光荏苒·2020-08-11 10:51

mysql之DML和DQL

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新DML和DQL1、存储引擎插件式存储引擎是MySQL数据库最重要的特性之一

Gavincoder·2020-08-11 04:08

【Web前端学习笔记】CSS3_常用属性,选择器,盒子模型

CSS3A.概述1.什么是CSSCascadingStyleSheet层叠样式表2.作用用来控制网页元素的展示形式3.为什么要用CSS1）主要作用就是为了解耦2）弥补了HTML标签自带属性的不足3）学了CSS后，以后在设置标签的样式时，尽量不要用标签的自带属性，全用CSS去设置也就是说：HTML只提供标签，剩下的交给CSS来完成B.使用方式1.内联样式将CSS代码写在标签上，所有标签都会有一个st

love__nana·2020-08-11 01:29

Web前端学习笔记:day02(CSS)

CSS1、什么是CSSCSS是层叠样式表，不属于编程语言CSS英文全称：CascadingStyleSheet2、CSS的作用是什么CSS是HTML的化装品，可以让HTML变的更炫酷，是专门来修饰HTML的3、CSS在哪儿编写CSS代码是嵌入在HTML中的，没有HTML代码，CSS代码是无效的4、CSS注释在style体内使用/*注释*/5、HTML嵌入CSS代码方式第一种：内联嵌入1、语法：st

ℳ๓₯㎕℡ 桜·2020-08-10 20:58

Web前端学习笔记:day04(JavaScript day02)

JavaScript7.JS的常用事件JS中的事件：blur失去焦点focus获得焦点click鼠标单击dblclick鼠标双击keydown键盘按下keyup键盘弹起mousedown鼠标按下mouseover鼠标经过mousemove鼠标移动mouseout鼠标离开mouseup鼠标弹起reset表单重置submit表单提交change下拉列表选中项改变，或文本框内容改变select文本被选定

ℳ๓₯㎕℡ 桜·2020-08-10 20:58

Web前端学习笔记:day01(HTML)

HTML1.HTML概述1.1什么是HTMLHTML是超文本标记语言，HyperTextMarkupLanguage超文本：有流媒体、图片、声音的存在标记语言：所有标记语言都由标签组成，有开始标签也有结束标签，例如：、主要用来展示页面，修饰数据1.2HTML基本元素HTML标签标签属性引号样式HTML特点:语法松散不严格,还有就是不区分大小写2.HTML基本标签段落标签：可以把HTML文档分割为若

ℳ๓₯㎕℡ 桜·2020-08-10 20:57

解决创建vue项目太慢问题（吐血经历）！！

后来发现了一个快速的方法，如下：这里使用的是vue2.x的使用initwebpack创建的方法。1.创建项目：sudovueinitwebpackprojectName2.完成一系列配置记住！！！

gxgalaxy·2020-08-10 16:12

Web前端学习笔记——NodeJS之回调函数、Promise对象、async 函数

目录回调函数回调函数概念JavaScript回调函数示例：封装原生的ajax操作示例：实现拷贝方法示例：读取文件中的todos列表数据示例：把任务持久化保存到文件中异常处理try-catch处理异常Callback处理异常Promise对象回调地狱Promise概念Promise基本用法几个例子错误处理Promise.all()Promise.race()async函数回调函数回调函数概念知乎-回

唯恋殊雨·2020-08-10 10:32

vue2.x 三级弹窗

三级弹窗在实际中遇到了某种场景，需要使用三级弹窗，放大或缩小弹窗，所以自己封装了一个。大概就是这个样子，录屏转换gif有点模糊和卡。发布到npm上去了npmikc-dialog然后main.js其实我也不想起这么长的名字，别人都快我好多步importKDialogfrom'kc-dialog';import'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置

干啥啥不行，bug第一名·2020-08-10 10:30

最菜前端学习笔记（一）：HTML小结

目录前言HTML是什么？为什么要学HTML？HTML常用元素总结head部分常用元素body内常用元素HTML元素包含关系HTML的版本发展过程（HTML5前世今生）HTML5解决的问题HTML5与XHTML的一些不同HTML5新的部分特性HTML和DOM的那点事简述基于HTML的SEO（搜索引擎优化）（HTML文档化）简述HTML5Microdata微数据前言不想当前端的后台不是好后台（当我在瞎

_我走路带风·2020-08-10 10:29

前端学习笔记之1 基础语法及标签

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端,增强一下技术能力,等学会点皮毛之后打算接触一下ReactNative;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是简单代码;很基础的东西,看到的小伙伴酌情略过吧^_^编辑器选择:我用的Mac系统,用的破解版的WebStorm,奉上破解教程;亲测可用1.基础标签+基础语法常用标签hell

庞仕山·2020-08-10 10:55

Vue Echarts 引用（1）

Vue中Echarts的使用安装Echarts包vue2.x版本安装方式：npminstallecharts--savevue3.x安装方式：npmaddecharts--save（博主用的2.x这个安装方式有待验证

lovsty·2020-08-10 09:12

快速上手SpringBoot需要一些脚手架以及其他开源项目记录

renren-fast是一个轻量级的SpringBoot2.0快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2

Yblsfls·2020-08-10 05:31

前端学习笔记-JavaScript篇（一）2020.03.02

编程语言编程语言有很强的逻辑和行为能力。具有逻辑性和行为能力的指令，这是主动的。标记语言不用于向计算机发出指令，常用于格式化和链接。标记语言是用来被读取的，他是被动的。Javascript是什么---Javascript是世界流行语言之一，一种在客户端运行的脚本语言---脚本语言：不需要编译，运行过程中有由js解释器逐行进行解释并执行---现在也可以基于Node.js技术进行服务器端编程Javas

纵马且长歌·2020-08-09 22:23

前端学习笔记（四）--CSS控制UL LI 的样式详解(推荐)及纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）

DIV+CSS里，我们用得最多的就是ulli来显示数据，如新闻按钮等。下面给大家一个cssulli的例子供学习首页博客设计相册论坛关于CSS:#menuul{list-style:none;margin:0px;}#menuulli{float:left;}解释一下：#menuul{list-style:none;margin:0px;}list-style:none，这一句是取消列表前点，因为我

笑桐笔记·2020-08-09 19:22

vue-filter过滤器

到Vue2.x时废弃了这10个过滤器，但是它提供了自定义过滤器功能。

Cs_sssss·2020-08-09 18:18

VUE2.x中key关键字的作用以及为什么不能用index做key（解读并展示官网说法）

直接上图本文适合人群：不懂为什么要加key有什么用：当Vue正在更新使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个类似Vue1.x的track-by="$index"。这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时DOM状态(例如：表单输入

yuan5801551·2020-08-09 16:20

过滤器

用来格式化数据的一个函数vue1.x版本:借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x版本：废弃了这10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器

Fain.（爱利达·2020-08-09 15:24

vue单页面应用中动态修改title

=====================================适用于1.微信2.webview3.各大浏览器－－－－－－－－demo:http://www.yahoo.com/首先执行命令vue2

weixin_34381687·2020-08-09 14:47

前端Vue开发过程使用相关组件及库

2019独角兽企业重金招聘Python工程师标准>>>UI组件-[elementui]vueui组件库-[viui]MetroUI风格的Vue组件库-[ydui]一只基于Vue2.x的移动端&微信UI-

weixin_33796177·2020-08-09 14:23

VUE——常用自定义过滤器定义与使用

Vue2.x不再支持自带的过滤器，使用过滤器需要自定义且过滤器只能使用在v-bind和双花括号里，以管道符“|”隔开，参数类似于函数的形式如：{{msg|filter(param)}}此文记录自己用过的的过滤器以便后续使用

kindCoder·2020-08-09 11:02

vue2.x vue-cli webpack 初探

1.安装node.js(自带npm)2.安装vue-cli--vue脚手架3.安装模板：有三种1）simple最简单的模板只有一个index.html(基本没什么用）2）webpack适合比较大型的项目，有语法检测3）webpack-simple我就安装这个，刚刚好还有提示。。。之前没看，就出现一堆错误无所谓了，重新按照他的提示跑一遍先进到安装目录cdwebpack-simple-demo然后安装

遇酒·2020-08-09 10:41

vue-cli(vue2.x)中使用axios的基本方法

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特性浏览器端发起XMLHttpRequests请求Node端发起http请求支持PromiseAPI拦截请求和响应转化请求和响应（数据）取消请求自动转化json数据客户端支持抵御XSRF（跨站请求伪造）安装axiosnpminstallaxios--save1、全局引入axios在入口处文件(main.js)引入ax

winne雪·2020-08-09 09:07

前端学习笔记

1、flex布局使用http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-grammar.html2、es6语法http://es6.ruanyifeng.com/#docs/intro3、AntDesign使用https://ant.design/d

白垣伟·2020-08-09 07:13

Web前端学习笔记——CSS定位、高级技巧、文字溢出、精灵图、Web字体

定位(position)background-position背景定位如果，说浮动，关键在一个“浮”字上面，那么我们的定位，关键在于一个“位”上。PS:定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道。不要抵触它，反而要爱上它，它可以让我们工作更加轻松哦！为什么要用定位？那么定位，最长运用的场景再那里呢？来看几幅图片，你一定会

唯恋殊雨·2020-08-08 21:43

Object.defineProperty与Proxy理解整理

Proxy对象,会经常用来做数据劫持.数据劫持:在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果.数据劫持最典型的应用------双向的数据绑定(一个常用的面试题),Vue2

Seeyoucm·2020-08-08 20:34

Vue+Vuex+Koa2+Socket.io+Jssdk打造无人点餐系统

第一讲Vue2.x无人点餐无人收银系统多用户点餐智能打单在线支付系统介绍（8分钟）01项目介绍02功能介绍03应用场景04页面展示05必备基础第二讲Vue2.x的介绍Vue环境搭建运行项目（18分钟）01Vue

aa110aa110·2020-08-08 13:13

JavaScript入门总结（三）：DOM操作

此笔记为慕课网前端学习笔记JavaScript入门篇课程[toc]1.什么是DOM文档对象模型DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法。

吴小风风·2020-08-07 18:13

JavaScript进阶篇（一）：事件响应，让网页交互

此笔记为慕课网前端学习笔记JavaScript进阶篇1.鼠标单击事件(onclick)2.鼠标经过事件（onmouseover）3.鼠标移开事件（onmouseout）4.光标聚焦事件（onfocus）

吴小风风·2020-08-07 18:42

Vue2.X的路由和钩子函数

最近上班有些忙，好久没有更新文章，也没学习新的东西。今天来说说这个路由钩子吧。各位朋友帮我点点关注啊顺便来个666。导航和钩子函数：导航：路由正在发生改变关键字：路由变钩子函数：在路由切换的不同阶段调用不同的节点函数（钩子函数在我看来也就是：某个节点和时机触发的函数）。钩子函数主要用来拦截导航，让它完成跳转或取消，在导航的不同阶段来执行不同的函数，最后钩子函数的执行结果会告诉导航怎么做。。导航在所

settingSun66·2020-08-07 17:46

vue前端学习笔记

2019/10/15一年多之后，又开始重新学习vue，不多说，一切从头来过！VSCode搭建Vue项目https://www.cnblogs.com/zyskr/p/10609288.html对着上面的教程学习VScode搭建vue项目的步骤，一步步开始新建vue项目。公司WiFi登不了GitHub，伤心！！！待续。。。。。。2019/11/04Youcannotsetaformfieldbefo

FionaMA·2020-08-07 13:23

vue经典面试题

1、简单说一下Vue2.x响应式数据原理Vue在初

Alive_tree·2020-08-07 10:34

Vue 3 都 RC 了，前端的你还不来看看

Vue3介绍与安装实验介绍本节实验是本课程的第一个实验，主要带领大家了解一下Vue3beta版对比Vue2.x的重要变更，

实验楼·2020-08-06 04:02

vue2.X基础知识七之$nextTick

这是一段文本获取div内容varapp=newVue({//选择元素el:"#app",data:{showDiv:false},//通过事件触发methods:{getText:function(){this.showText=true;vartext=document.getElementById('div').innerHTML;console.log(text);}}});上面代码执行后，

啊哈！前端·2020-08-05 21:27

前端学习笔记-8.15学习饿了么的seller收藏，商家信息

seller.vue组件的剩余部分。商家信息和收藏功能。商家信息：domecss：info-item的class里加入border-1px,下边线就一样了收藏功能：1.收藏对应两种样式，用active的css显示收藏未收藏用favoriteText显示css先给data写个默认值data(){return{favorite:false}},favoriteText可以用computed（计算属行）

我就是小强·2020-08-05 19:43

vue2.x饿了吗实战总结

vue2.x仿饿了么app项目总结转自https://blog.csdn.net/qq_39894133/article/details/78826450仿饿了么app是基于vue2.x最新实战项目，用到的技术栈

俊杰音乐Boy·2020-08-05 19:30

Vue2.x仿饿了么个人笔记

使用vue2.x仿饿了么时遇到了不同版本之间的问题，此处做些笔记。

Neil-·2020-08-05 19:29

Vue进阶——源码解读课题1 Vue数据响应式原理

简称变化侦测其次，要收集依赖，即实现数据变化后，‘对应视图’的刷新1变化侦测：通过Object.defineProperty()方法使属性变的可观测代码地址：src\core\observer\index.js(Vue2

Huijie Xu·2020-08-05 18:09

Vue+Typescript使用vue-router路由不正常跳转采坑记录

可能vue2.x和对ts的支持不是很好（期待vue3，将用ts重构）。期间遇到了一个最大的坑，找了挺久没有找到问题所在，最后解决了。

优雅的王德奥·2020-08-05 17:21

在做VUE项目时遇到的问题及解决办法：创建的vue项目找不到文件.babelrc，无法做到按需加载mint-ui组件库

1.使用命令：npminstall-gvue-cli2.使用命令：npminstall-g@vue/cli第一种安装vue-cli的方法是搜索出来的很多人常用的方法，第二种方法我是在慕课网上3小时速成Vue2

summer_my_sunshine·2020-08-05 14:54

Vue实例结合Bootstrap-商城购物车效果

目前在学习Vue2.x跟教程一起写的购物车实例，课程只讲获取数据和功能的实现，所以自己搭了一个简单界面，中间也遇到过问题，获取数据显示XML解析失败，后来发现我应该把项目放到服务器上运行，报错消失了。

Web-once·2020-08-05 14:46

用vue2.x注册一个全局的弹窗alert组件、confirm组件

一、在实际的开发当中，弹窗是少不了的，默认系统的弹窗样式太丑，难以满足项目的实际需求，所以需要自己定义弹窗组件，把弹窗组价定义为全局的，这样减少每次使用的时候引入麻烦，节省开发时间。本文将分享如何定义一个全局的弹窗组件。下边开始上代码。二、实际代码如下：1.在components目录下的public目录新建一个文件夹alert，然后新建两个文件alert.vue和alert.scss。组件的样式代

dazu9487·2020-08-05 13:43

【Web前端学习笔记】Javascript_01_变量，数据类型，类型转换

Javascript_01A.JS的使用1.JS的初步体验示例：用js来校验用户名的规则：4~14位数字或者字母组成javascript的初步体验//触发这个函数：checkNamefunctioncheckName(){//获取用户名中的内容的值varuserName=document.getElementById("userName").value;//定义正则表达式varreg=/^[a-z

love__nana·2020-08-05 11:34

WEB前端学习笔记-CSS

001-HTML中引入CSS样式的第一种方式.htmlHTML中引入CSS样式的第一种方式：内敛定义方式##002-HTML中引入CSS样式的第二种方式.htmlHTML中引入CSS样式的第二种方式：样式块方式/*这是CSS的注释*//*id选择器语法格式：#id{样式名:样式}*/#usernameErrorMsg{color:red;font-size:12px;}/*标签选择器语法格式：标签

7i十二·2020-08-05 11:33

WEB前端学习笔记-HTML

**001-我的第一个html文件.html网页的标题网页的主题内容，欢迎学习HTML!**002-HTML的基本标签.htmlHTML的基本标签1.流水知音，惜花惜人第二十三回《西厢记妙词通戏语牡丹亭艳曲警芳心》——节选：那一日正当三月中浣，早饭后，宝玉携了一套《会真记》，走到沁芳闸桥边桃花底下一块石上坐着，展开《会真记》，从头细玩。正看到“落红成阵”，只见一阵风过，把树头上桃花吹下一大半来，落

7i十二·2020-08-05 11:32

web前端学习笔记05-CSS内边距、外边距、盒子模型、页面布局

一、CSS内边距（内补白、内补丁）【内边距设置常用属性】关键字释义padding检索或设置对象四边的内边距，参数个数1或2(上下/左右)或4(上/右/下/左)padding-top检索或设置对象顶部的内边距，top顶，bottom低，left左，right右&&padding会改变元素的大小二、CSS外边距（外补白、外补丁）【外边距设置常用属性】关键字释义margin检索或设置对象四边的外边距，参

喵了个咪蛋儿·2020-08-05 11:01

推荐频道

Vue2.X前端学习笔记