Vue2.X前端学习笔记

Vue 3.0新特性学习

vue3-app更好的阅读体验请点击：advanced-front-endv-model指令//vue2.x//vue3.xv-model指令在vue2.x和vue3.0存在一些差别2.x中v-model
兰亭古墨·2020-09-05 14:54

Vue2.x Vue3.0 dom diff 算法源码分析+动图展示

dom-diff概述比较只会在同层级进行,不会跨层级比较Vue2.xdiff算法1.vue2.xdom-diff算法核心源码functionupdateChildren(parentElm,oldCh,newCh,insertedVnodeQueue,removeOnly){varoldStartIdx=0;//旧节点开始indexvarnewStartIdx=0;//新节点开始indexvaro
CO2爱前端·2020-08-26 23:02

Vue2.x生命周期笔记

Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。beforeCreate：newVue()也就是实例创建后，初始化data里的所有数据，初始化event、watch等事件！之前！调用。源码内部分析：这个阶段主要是完成vue中关于生成周期以及事件的一些初始化工作。created：初始化data里的所有数据，初
Axis冬小冬·2020-08-26 16:08

视频教程-Vue2.x经典后台管理系统案例讲解-Vue

Vue2.x经典后台管理系统案例讲解周古之，计算机专业毕业，十余年软件开发从业经验，先后从事过TCL自动化脚本开发，PHP开发，jQuery前端开发等业务。
学院导师-周新·2020-08-25 16:37

Vue2.x经典后台管理系统案例讲解-周新-专题视频课程

Vue2.x经典后台管理系统案例讲解—418人已学习课程介绍【超实用课程内容】通过对一个经典后台管理页面的创建和增删查改内容的讲解，把vuejs框架的关键知识点都穿插讲到。
周古之·2020-08-25 16:23

Vue2.x父组件与子组件之间的双向绑定

最近在研究如何写一套基于Vue2.x的UI组件给自己用，提升一点BIG，在制作含有input的组件遇到一个问题：不知怎样才能把子组件中input与调用者（父组件）的数据实现双向绑定，想过使用Vuex，但观摩了一下其他优秀的
抹茶摩卡·2020-08-25 15:01

学习笔记(01):Vue2.x经典后台管理系统案例讲解-vue前端总结回顾与学习拓展

立即学习:https://edu.csdn.net/course/play/26277/327057?utm_source=blogtoedu
Tracce·2020-08-25 15:10

vue 中英文切换

vue2.X版本中在build/webpack.config.js文件中在属性pulgins中设置如下属性：plugins:[newwebpack.NormalModuleReplacementPlugin
menglixiazhiweizhi·2020-08-25 14:17

Vue.js 源码剖析-模板编译

Vue.js源码剖析-模板编译Vue模板编译为什么需要模板编译Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂模板编译的目的将模板(template)字符串转换为渲染函数(
白驹过隙时光荏苒·2020-08-25 11:24

重学前端学习笔记（十二）--浏览器工作解析（二）

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、概括本文主要聊聊浏览器如何解析请求回来的HTML代码以及DOM树又是如何构建的。二、解析代码2.
weixin_34393428·2020-08-25 08:26

重学前端学习笔记（二十九）--JavaScript中要不要加分号？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、自动插入分号规则1.1、三条规则要有换行符，且下一个符号是不符合语法的，那么就尝试插入分号。有换
weixin_33948416·2020-08-25 08:57

重学前端学习笔记（三十四）--什么是替换型元素？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、介绍替换型元素，就是链接方式外另一种引入文件的方式。替换型元素是把文件的内容引入，替换掉自身位置
weixin_30835933·2020-08-25 08:06

Vue2.x源码调试

1.下载源码https://github.com/vuejs/vue2.安装npm包npmi3.安装rollup打包工具npmirollup-g4.修改packagedev命令，添加sourcemap5.npmrundev，dis目录会生成vue.js文件6.源码中有一些调试的例子，将vue.min.js文件修改成vue.js，然后再浏览器打开，看见src目录及配置成功7.断点调试
失岸·2020-08-25 04:48

[原生 js 训练计划] 限制字符串的长度

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新—>原生js训练计划限制字符串的长度限制字符串的长度1
Gavincoder·2020-08-24 23:39

Vue父子组件之间的通信方式

在Vue2.X中，父子组件之间有两点非常重要的通信原则：父子组件是单向数据流，父组件的状态更新，子组件中prop的状态也会更新，但是子组件的状态变化不会影响父组件。
写代码的闫老师·2020-08-24 23:14

前端学习笔记之3 盒子模型

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧_盒子模型的概念CSS盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图片如果想要了解更多,请
庞仕山·2020-08-24 20:08

VUE2.X全教程（三）--组件精讲

主要内容1.解决vue组件渲染的bug2.组件引用3.父子组件间的值传递4.组件的参数校验及非props特性5.给父组件绑定原生事件6.组件间的数据传递处理7插槽的使用8.作用域插槽9.动态组件及v-one指令Vue组件引发的bug及解决方案：Vue.component("row",{template:"thisisarow"})varvm=newVue({el:'#app'});当我们使用这种方
无~痕·2020-08-24 19:53

前端学习笔记之——Promise的理解

要实现有序的异步操作，通常是一层加一层嵌套下去。为了解决这个问题，ES6提出了Promise的实现...一Promise对象的含义?Promise对象用于一个异步操作的最终完成（或失败）及其结果值的表示。简单点说，它就是用于处理异步操作的，异步处理成功了就执行成功的操作，异步处理失败了就捕获错误或者停止后续操作。它的一般表示形式为：newPromise(/*executor*/function(r
三玖厨·2020-08-24 18:50

vue-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图vue-hash-calendar基于vue2.X开发的日历组件支持手势滑动操作·1原生js开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周/下一周【月模式中
HashTang·2020-08-24 16:45

Vue 中的 Render 全面详解 (渲染函数 & JSX)

@[toc]一、Render的资料简介Render函数是Vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算。
ZHero·2020-08-24 16:51

Vue 2.x 使用CKEditor 的入坑

Vue2.x使用CKEditor的入坑到放弃最近在构思自己的博客，后台编辑文章的时候想用富文本编辑器，看了几个比较火的富文本编辑器，最后选择了CKEditor，一个老牌编辑器厂商，ck5看这很不错，但是在使用过程中遇到了写问题
LaughingZhu·2020-08-24 14:41

在vue2.x项目使用flexible.js和sass

1.首先创建一个vue项目：vueinitwebpackmyproject2.安装完成后进入项目cdmyprojectnpminstall3.使用flexible.js适配安装lib-flexible：npminstalllib-flexible--save在main.js里引入：import'lib-flexible/flexible'4.将px自动转为rem安装postcss-px2rem：n
Peggy7·2020-08-24 14:11

hexo+css遇到的unexpected token问题

问题背景使用hexo+css模拟实现weex文档，页面Weex和Vue2.x的语法差异遇到问题。
stardew·2020-08-24 13:41

大前端学习笔记-day01-HTML

大前端学习笔记-day01-HTML1.大前端课程体系三要素：HTMLCSSJavascript重构html53天3小时css310天项目驱动，项目内容融入到授课中（网易严选首页）dom驱动阶段linux
那个DJ在看我·2020-08-24 12:44

前端学习笔记之DOM（一）

DOM介绍1.DOM简介1.1什么是DOM1.2DOM树2.获取元素2.1如何获取页面元素2.2根据ID获取2.3根据标签名获取2.4通过HTML5新增的方法获取2.5获取特殊元素（body、html）2.5.1获取body元素2.5.2获取html元素对象3.事件基础3.1事件概述3.2事件三要素3.2.1案例3.3执行事件的步骤3.4常见的鼠标事件3.5分析事件三要素4.操作元素4.1改变元素
一刀^••^·2020-08-23 22:56

前端学习笔记之 JavaScript WebAPIs（整理）

目录篇一一、鼠标事件二、获取元素的属性值三、设置元素的属性值四、移除属性五、H5自定义属性1.设置自定义属性2.获取自定义属性六、节点操作1.两种方法的区别2.节点概述3节点层级3.1获取节点3.2子节点3.3兄弟节点3.4创建节点(也称动态创建元素节点)3.5添加节点篇一本文记录JavaScriptAPI学习笔记，后续备查。一、鼠标事件1、鼠标经过：onmouseover2、鼠标离开：onmou
一刀^••^·2020-08-23 22:24

vue组件中data为什么是一个函数？

vue2.X组件中data为什么是一个函数？曾经的困惑，今天我就好好总结一下。
时~枫·2020-08-23 21:26

前端学习笔记-没事多看看

实例把华氏度转换为摄氏度：functiontoCelsius(fahrenheit){return(5/9)*(fahrenheit-32);}document.getElementById("demo").innerHTML=toCelsius(77);一、HtmlW3C教程https://www.w3school.com.cn/html/html_jianjie.aspHTML属性参考手册ht
月球转转转·2020-08-23 21:41

WEB前端学习笔记-JavaScript-DOM

001-DOM编程-获取文本框的value.html获取文本框的value/**1、JavaScript包括三大块：*ECMAScript:JS的核心语法(ES规范/ECMA-262标准)*DOM:DocumentObjectModel(文档对象模型，对网页当中的节点进行增删改的过程*HTML文档被当做一棵DOM树来看待)*BOM：BrowserObjectModel(浏览器对象模型)*关闭浏览器
7i十二·2020-08-23 21:17

web前端学习笔记28-Ajax——用户体验提升者

一、Ajax简介1.1什么是AjaxAjavaScriptaXML，是指一种创建交互式网页应用的网页开发技术，不需要刷新或者跳转页面就可以实现数据通讯。Ajax有同步和异步两种请求方式（不推荐使用同步操作）。【同步与异步】【同步与异步】1.2早期Ajax的应用google地图最先将Ajax应用到极致1.3Ajax的应用场景百度地图类、百度图片类、瀑布流、数据验证、实时数据请求…1.4Ajax的工作
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记26-事件类型——一般事件、页面事件、表单事件

一、事件类型的分类事件分为一般事件、页面事件和表单事件二、一般事件关键字释义关键字释义click单击事件dblclick双击事件mousemove鼠标移动事件mouseover鼠标经过事件mouseout鼠标移出事件mouseenter鼠标进入事件mouseleave鼠标离开事件mouseup鼠标抬起事件mousedown鼠标按下事件keydown键盘按下事件keyup键盘抬起事件keypress
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记27-事件对象

一、事件对象在触发事件的时候，与事件相关的信息存储对象就是事件对象，事件对象在不同的浏览器中体现方式不同。【IE及其他浏览器】事件对象就是window子对象之一，可通过window.event或者event直接访问事件对象【Firefox浏览器】事件对象是以参数的形式传入事件函数的形参当中，接收之后才可以使用事件对象的兼容性处理（函数中使用）vare=window.event?window.eve
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记29-Ajax的应用——兼容性及案例操作

一、Ajax兼容性问题兼容版本信息：['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','']Ajax兼容性问题ie低版本Ajax//
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记01-HTML概述与基础知识1

一、什么是HTMLHTML是用来描述网页的一种超文本标记语言，运行在浏览器上，由浏览器来解析，它不是一种编程语言，而是一种标记语言（标记标签）。HTML文档也叫做web页面，包含HTML标签以及文本内容.二、基本结构第一个网页三、HTML标签HTML标记标签是由尖括号包围的关键词，HTML标签包括双标签与单标签，双标签必须成对出现有闭合标签，即内容四、HTML属性·HTML元素可以设置属性·属性一
喵了个咪蛋儿·2020-08-23 21:08

wenb前端学习笔记25-事件发展历程及操作方式

一、事件对可识别的控件的操作就是事件，在特定时间发生的事情1.1事件流的概念事件执行的流程就是事件流，事件流实际上就是在元素之间可以传递的事件的过程1.2事件流的分类捕获流事件网景公司在Netscape浏览器中提出捕获事件流，事件触发机制是从最外层元素向最内层元素查找事件的来源冒泡流事件微软公司在IE浏览器中提出的事件执行流程，事件由触发事件的第一个元素向外层元素逐渐扩散（从内向外）标准事件流程在
喵了个咪蛋儿·2020-08-23 21:08

web前端学习笔记04-CSS颜色、文本、边框、背景

一、CSS颜色表示法1.颜色名表示，如：red,blue2.16进制数值表示，如：#ff0000红色，这样的也可以简写为#f00，每种颜色取值范围0-9，a-f3.RGB颜色：红R，绿G，蓝B三个颜色通道的变化，参数取值范围0-255background-color:rgb(200,100,0)4.RGBA颜色：红R，绿G，蓝B，透明度A(取值范围0-1)background-color:rgba
喵了个咪蛋儿·2020-08-23 21:08

vue2.X 解决同一路由跳转只有参数变化的情况下，组件不刷新的问题

情况：点击导航切换下方组件的内容展示，组件不变，变的只有路由后面的参数{{item.product_category_name}}如上图，路由只前往ItemList；这样的问题是路径会切换，但是组件的内容并不刷新，查阅官方文档，然后使用beforeRouteUpdate解决问题beforeRouteUpdate(to,from,next){next()//路由后的操作},
weixin_34390105·2020-08-23 20:43

vue简易微前端项目搭建（一）：项目背景及简介

最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。
醉逍遥neo·2020-08-23 19:39

前端学习笔记-9.3.Nginx

在aws建了一个实例，是linux的。用PuTTY连接实例。用的centos7.4的操作系统想要做nginx的反向代理，正在看nginx。nginx是一款轻量级的HTTP服务器。AWS如何从ec2-user切换rootsudo-s从root切换ec2-userexit一些需要的插件或者环境yum-yinstallgccgcc-c++autoconfpcre-develmakeautomakeyum
我就是小强·2020-08-23 18:53

前端学习笔记-JS-DOM-操作元素

操作元素JavaScript可以改变网页内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。改变元素内容element.innerTextTitlediv,p{width:300px;height:20px;background:pink;color:white;}点击显示当前时间13//当我们点击了按钮，div里面的文字会显示当前时间//1.获取元素对象varbtn=doc
Nanami Touko·2020-08-23 18:01

前端学习笔记-JS-内置对象(Array/String)

Array对象Array创建数组对象的两种方式字面量方式newArray()//1.使用构造函数创建数组对象//创建了一个空数组vararr=newArray();//创建了一个数组，里面存放了3个字符串vararr=newArray('zs','ls','ww');//创建了一个数组，里面存放了4个数字vararr=newArray(1,2,3,4);​​//2.使用字面量创建数组对象varar
Nanami Touko·2020-08-23 18:30

vue2.x 通过后端接口代理,获取qq音乐api的数据

前言:部分qq音乐的api接口不能直接通过jsonp访问,需要通过官方的代理才能获取,如:歌词,推荐歌单等1.webpack.dev.conf.js中创建接口://开头调用:varexpress=require('express')varaxios=require('axios')varapp=express()varapiRoutes=express.Router()app.use('/api'
光就一个字·2020-08-23 18:05

web前端学习笔记（七）——定位层

定位层的概念：1.定位层是由html元素（标签）形成的一个特殊的box盒子。2.其重点在于“定位”，而html元素（标签）的定位方式由CSS来控制。通常情况下，html元素（标签）默认的定位方式叫做“静态定位”，存在于普通文档流中，而定位层则是指的那些修改了定位方式的box，即非静态定位的box。3.定位层的“定位”需要根据参照对象来实现定位的位置。4.定位层的主要作用是用来实现小范围内容元素的排
齐在·2020-08-23 18:51

Vue 3.x 如何高效学成？本文详解

本文主要分享的是vue2.x与vue3.x之间一些常见用法的差异。虽然记录的不多，但也不算少。本文资料来源：github.com/vuej
编程叫兽·2020-08-23 15:42

web前端学习笔记21-浏览器对象模型BOM（window对象）

一、BOM1.1什么是BOMBrowserObjectModel浏览器对象模型1.2BOM的作用BOM的作用是用于连接js语言和浏览器行为的一个中间结构。如果把浏览器比作空调，BOM就是遥控器，js可以通过操作BOM实现浏览器对应的行为变化1.3BOM的本质BOM是js可以操作的内容，所以他的本质是对象，BOM在js中是一个对象，window对象就是BOM本身二、window对象分析js中，win
喵了个咪蛋儿·2020-08-23 14:47

（三）Vue必考面试题解析，继续向高级前端迈进

前言通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页面的响应与数据变化之间是是如何来联系起来的，并且分别在Vue2.x与3.x中，从零到一实现了两个版本下的数据变化驱动页面响应原理
前端优选·2020-08-23 14:38

大前端学习笔记-day02-HTML

大前端学习笔记-day02-HTML6.Html核心课程，前端三要素：HTML、结构身材头[眉毛、眼睛、鼻子、嘴巴]、体、脚CSS、样式化妆Javascript交互才艺元素1)概述html超级文本标记语言
那个DJ在看我·2020-08-23 14:55

移动端vue-cli4开发环境搭建

项目说明基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架项目地址：vue-h5-template技术栈Vue2.x、CLI4、webpack
星空之火@田兴·2020-08-23 11:45

vue最全知识点

代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vue2
俺呀尼哇·2020-08-23 03:24

vue2.x 动态添加属性值--

案例:页面添加全选按钮,需要为每一个item绑定一个checkboxthis.$set(item,'isCheck',false)此处使用的eleme的组件库只有使用以上方法添加的属性才能在click的时候,进行处理
子君不语·2020-08-23 02:24
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他