Vue2.X前端学习笔记

vue2.x源码解析五——数据驱动--3.Vue 实例挂载的实现

1.挂载到DOM在上一节中我们知道，在Vue初始化的最后是挂载到DOM上的。src/core/instance/init.js：在初始化的最后，检测到如果有el属性，则调用vm.$mount方法挂载vm，挂载的目标就是把模板渲染成最终的DOMif(vm.$options.el){vm.$mount(vm.$options.el)}下面我们来了解一下Vue实例挂载的实现2.$mountVue中我们是
南张门·2020-07-27 23:39

1分钟，带你了解 Vue2.x 渐进式框架！

文章目录什么是渐进式框架Vue与Jquery对比快速开始声明式渲染MVVM模式实践常见Vue指令Vue快速入门免费视频地址什么是渐进式框架Vue没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念，也可以函数式，都可以，它只是个
gz_liuhong·2020-07-27 22:21

Vue源码分析(3)--选项合并过程mergeOptions

前言本文是vue2.x源码分析的第三篇，主要讲解选项合并过程mergeOptions！先看调用形式vm.
风之化身呀·2020-07-27 20:00

vue2.x：一、vue-cli 4安装和vue项目的基本解析

一、vue-cli4安装和vue项目的基本解析vue2.x基本开发和使用1、nodejs的安装2、安装@vue/cli4并解析vue项目创建项目vuecli创建的项目目录解析注：本文皆为本人自己实际开发中的了解所得经验
我家猫每天都在飞·2020-07-27 18:16

web前端学习笔记

前端自学爬坑历程学习web前端开发，已经有一段时间了，从到处百度、知乎找资料，到现在针对性的学习有目标的学习。渐渐的也有了一定的思路，把这段时间学习的内容整理一下。做个总结。也是巩固自己的学习情况。之前在知乎上有人推荐，慕课网学习，然后跟着基础知识学了一遍，然后想模仿建立一个网站，不知道从何开始，陷入迷茫，要不要找个培训班补习什么的。问了一些前辈和看了网上的评论，都说没啥用，都是基础的知识，网上随
Sailfan_Yang·2020-07-27 17:43

前端学习笔记（五）HTML+CSS静态页面实战案例：幸福西饼首页和百度首页

按照知乎上面汪小黑推荐的前端学习路径，在自学了HTML和CSS之后，开始尝试实战制作静态页面小项目。幸福西饼首页制作首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材、源码等。我是先看一集视频，然后关掉视频自己敲一遍代码。然后再和源码进行比较，看看自己哪些地方的代码写法和源码不一样，是否有可以改进的地方。做到比较靠后面的时候，其实已经不是很依赖视频教学了，自己大概看到样式
handsome·2020-07-27 17:28

Vue2.x中vuex的使用方法及应用时的项目文件结构设计以完整demo实例解释

基本概念：Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。目录结构：Vuex并不限制你的代码结构。但是，它规定了一些需要遵守的规则：应用层级的状态应该集中到单个store对象中。提交mutation是更改状态的唯一方法，并且这个过程是同步的。异步逻辑都应该封装到action里面。只要你遵守以上规则
ECMAScripter·2020-07-27 15:51

vue之v-for遍历

不过应该注意的是Vue2.x目前并不支持可响应的Map和Set值，所以无法自动探测变更。
E_li_na·2020-07-27 15:21

骚人文客-WEB前端学习笔记

目录WEB前端学习笔记1WEB前端学习笔记1this指向在前端的面试中，this指向与面向对象是必考题，也是日常开发中绕不开的话题，很多前端老鸟也会在this指向这里掉坑。1.
骚人文客·2020-07-27 11:37

前端三大框架：数据绑定与数据流

目录序言单向数据绑定vs双向数据绑定单向数据流vs双向数据流数据流与数据绑定参考1.序言在前端三大主流的框架中，我们可能会经常听到React是单向数据流，采用单向数据绑定，而Vue2.x也是单向数据流，
forcheng·2020-07-26 16:00

vue proxy 的优势与使用场景实现

大家都知道，vue2.x以及之前的版本是使用Object.defineProperty实现数据的
·2020-07-20 16:19

前端面试题大全（vue、es6、html、css、js）

文章目录【Vue】Vue2.x响应式数据/双向绑定原理1、既然Vue通过数据劫持可以精准探测数据在具体dom上的变化，为什么还需要虚拟DOMdiff呢？
illion-78·2020-07-19 17:34

详谈Object.defineProperty 及实现数据双向绑定

Vue2.x是使用Object.defindProperty()，来进行对对象的监听的。Vue3.x版本之后就改用Proxy进行实现的。下面
·2020-07-19 10:23

Vue响应式原理

虽然Vue3.0即将到来，我想Vue2.x也不至于马上过时。今天就从Vue2.x与Vue.3.0数据劫持如何实现数据双向绑定。
陈嘻嘻啊·2020-07-16 14:13

关于vue2.x使用axios以及http-proxy-middleware代理处理跨域的问题

axios现在以及是尤大大推荐使用的了,官方不在维护vue-reresource.由于是地第一次使用axios,在使用过程中猜了很大的坑首先我们使用vue-cli创建的项目,访问接口肯定是跨域了,因为我们的本地服务默认的地址一般是localhost:8080我们的服务器端肯定不是这个,所以就形成跨域访问,axios不支持jsonp,所以我们就要使用http-proxy-middleware中间件做
唐宋元明清.·2020-07-16 05:28

vue-cli3安装遇到的问题，卸载不掉旧版本，导致更新不了

在我学习vue-cli3的过程中，首先就是安装环境，但是在这里遇到一个大坑，心累···使用了无数遍npmuninsallvue-cli-g都无法卸载vue2.x上网找资料，终于找到跟自己相似情况的小伙伴
mao_mao37·2020-07-16 03:44

Vue2.x中的Render函数

Render函数是Vue2.x版本新增的一个函数；使用虚拟dom来渲染节点提升性能，因为它是基于JavaScript计算。通过使用createElement(h)来创建dom节点。
dc1339485·2020-07-15 22:42

vue2.x集成百度富文本编辑器

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，找了几个基于vue开发的富文本编辑器。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。1.前期工作，访问百度富文本官网下载相应的百度富文本文件，根据后端用的技术下载相应的版本，建议下载最新版UTF-8版（有图有真相，看图）https://ueditor.ba
chensunxu·2020-07-15 21:30

初探 Vue3.0 中的一大亮点——Proxy !

这将会消除了之前Vue2.x中基于Object.defineProperty的
弹琴弹琴·2020-07-15 20:10

前端学习笔记三：JavaScript（1）初识js（前提知识储备+警告框+变量与常量+访问HTML元素+显示js值+调用外部js文件+声明创建对象+在js里获取HTML对象并在其内容里插入值）

前提知识就不提了，js是一种编程语言，计算机系的大学生总该有点底子。另外，到了js部分就用注释来讲解知识点~~（别问为什么之前不采用，问就是懒）~~直接上代码：第一段：alert("helloworld!");//为浏览器提供一个消息框，函数的参数就是消息框的内容varnum=114514;//js是弱声明语言，只有var一种数据类型，其具体类型在初始化的时候定义alert(typeofnum);
大一哟·2020-07-15 18:22

【前端学习笔记】MVC，MVP，MVVM的区别和各自原理

http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html学习自阮一峰的博客。1，MVC=Model-View-Controller视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存单向通信。1，View传送指令到Controller；2，Controller完成业务逻辑后，要求Model改变状态；3
辰小小·2020-07-15 07:52

【前端学习笔记】浏览器多进程，JS单进程，JS运行机制

参考是：https://juejin.im/post/5a6547d0f265da3e283a1df7这篇文章写的很好！清楚明白。跟着小陈一起梳理知识点。1，区分进程和线程进程比作工厂，线程比作工厂内的工人。工厂的资源->系统分配的内存（独立的一块内存）工厂之间的相互独立->进程之间相互独立多个工人协作完成任务->多个线程在进程中协作完成任务工厂内有一个或多个工人->一个进程由一个或多个线程组成工
辰小小·2020-07-15 07:52

vue.js实现原理 -- 订阅者，发布者模式

zh众所周知，vue2.x版本是通过Object.defineProperty()种的get进行拦截，set进行发送，其实这只是表面理解，实际运用的是JavaScript的订阅者、发布者模式。
weixin_34120274·2020-07-15 05:19

Vuejs的一些总结

原文链接：http://mrzhang123.github.io/2016/07/14/summarize-vue/本文基于vue1.x基于vue2.x&webpack2.x请移步至Vue2.x踩坑与总结
weixin_34054866·2020-07-15 05:40

Vue2.x最简单的两个入门例子

教程目录0x00教程内容0x01准备环境1.安装nvm（node与npm）2.安装vue-cli0x02vue-cli入门例子1.初始化vue-cli2.启动vue-cli项目3.项目结构介绍4.简单配置介绍5.简单修改项目0x03vue简单入门例子1.新建html页面2.编写代码3.预览结果0xFF总结0x00教程内容准备环境vue-cli入门例子vue简单入门例子0x01准备环境1.安装nvm
邵奈一·2020-07-14 22:25

vue百度地图中显示多个不同的icon覆盖点

实现效果：vue2.x百度地图官网：https://dafrok.github.io/vue-baidu-map/#/zh/index百度地图开发者平台申请的密钥ak：http://lbsyun.baidu.com
xx_小熊·2020-07-14 20:49

Vue2.x之生命周期详解

目录直通车一、分三步流程解读1、初始化显示2、更新状态3、销毁Vue实例二、常用的生命周期方法三、完整流程解读实例代码完整生命周期实例生命周期也叫钩子。我在官网找了一张图，千万不要觉得这张图好复杂就不去认真的分析了，反而去看别人写的博客，反而越整越懵。就下面这张图，为大家详解生命周期，然后贴出实例代码。生命周期说白了就是一套流程，而这套流程里面的方法就会有先后顺序的执行（调用了就执行，不调用就不会
Mr.DJun·2020-07-14 20:02

vue基础知识点

vue2.x响应式数据/双向绑定原理Vue数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Dat
freewlt·2020-07-14 16:35

前端学习笔记2-CSS基础语法

1、CSS：层叠样式表，使用来表现HTML或者XML等样式文件的计算机语言。2、样式表的创建（1）行内样式表/**/hello（2）内部样式表:在标签内加入标签，在标签中编写css代码。/*CSS语句*/h3{color:red;}说明：必须将该标记写在文件头部，和之间.（3）外部样式表：将css代码写在一个单独的.css文件中，在标签中使用标签直接引入该文件到页面中。3、CSS的组成和语法（1）
陈弟弟·2020-07-14 15:55

前端学习笔记Vue篇（2）

1.Vue中数据双向绑定的实现原理首先我们要知道什么是数据的双向绑定双向绑定也就是我们平时所说的MVVM模式，即model,view,view-model假如你在js中定义了一个对象varcat={name:'Tom'}假定我们通过某种方法使整个对象的数据和某个DOM节点关联起来，以达到以下目的：修改DOM节点的数据可以改变cat对象的数据，修改cat对象的数据可以改变DOM节点的数据。这便是我们
戏铃人·2020-07-14 15:58

【前端学习笔记】cookie的优劣点。

cookie的优点：cookie拥有极高的扩展性和可用性1、通过良好的编程，控制保存在cookie中的session对象的大小。2、通过加密和安全传输技术（SSL），减少cookie被破解的可能性。3、只有cookie中存在不敏感数据，即使被盗也不会有重大损失。4、控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。cookie的缺点：cookie的主要缺点是数量和
花上·2020-07-14 13:27

前端学习笔记——关于闭包与内存泄漏

这个前端学习笔记是学习gitchat上的一个课程，这个课程的质量非常好，价格也不贵，非常时候前端入门的小伙伴们进阶。
SF_Rex·2020-07-14 10:30

前端学习笔记

父布局宽度固定的情况下，按如下设置可以使子元素水平居中：.parent{text-align:center"}.child{margin:0auto;width:300px;height:300px;}父布局宽度不固定的情况下，子元素如下设置可以水平居中：.child{width:fit-content;width:-moz-fit-content;width:-webket-fit-conten
待风·2020-07-14 10:28

前端学习笔记1-HTML5基础语法

入门基础一、建立站点（在Dreamweaver环境下）1、站点作用：用来归纳一个网站上的所有网页、素材以及他们之间的联系2、创建站点：（1）创建站点根文件夹（命名规则以字母和下划线开头）（2）根目录下再建文件夹（css：存放所有css文件、image：存放页面内所有图片、js：存放所有的js文件）相对路径：从当前操作html的文档所在目录算起的路径叫做相对路径（）绝对路径：从根目录算起的路径叫做绝
陈弟弟·2020-07-14 10:12

ElementUI datepicker日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。
apple011222·2020-07-14 07:48

前端学习笔记一：HTML（6）初识CSS

开始第。。六篇。其实本来想以这篇内容作为CSS学习开个头的，仔细想想学CSS的重点是要在单独为网页的样式设计建立个样式表，而本篇笔记只讲述如何为网页的一段内容设计样式。因此还是归入第一部分的学习中。第八个示例，就管它叫初见CSS。代码如下：华为简介华为技术有限公司华为技术有限公司成立于1987年，总部位于中国广东省深圳市龙岗区。华为是全球领先的信息与通信技术（ICT）解决方案供应商，专注于ICT领
大一哟·2020-07-14 05:23

Vue2.x—理解vuex核心概念action（使用到ES6的变量的解构赋值）

ActionAction类似于mutation，不同在于：Action提交的是mutation，而不是直接变更状态。Action可以包含任意异步操作。让我们来注册一个简单的action：conststore=newVuex.Store({state:{count:0},mutations:{increment(state){state.count++}},actions:{increment(co
ECMAScripter·2020-07-14 04:44

Vue2.x案例之商品增删改查的实现

教程目录0x00教程内容0x01准备环境1.安装nvm（node与npm）2.安装并初始化vue-cli0x02vue-cli方式开发1.启动项目3.代码讲解0x03校验效果1.详细步骤2.引入jQuery0x04传统开发1.非vue-cli方式代码2.两种方式的比较0xFF总结0x00教程内容准备环境vue-cli方式开发校验效果传统开发0x01准备环境1.安装nvm（node与npm）a.请参
邵奈一·2020-07-14 02:59

vue基于element日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。
qq_42221334·2020-07-14 02:34

前端学习笔记十五

由很多小的背景图像合成的大图被称为精灵图；要想精确定位到精灵图中的某个小图，需要使用CSS的background-image、background-repeat和background-position。在表格中border-collapse:collapse;可以让表格和td盒子的边框进行合并•CSS选择器的性能排序：–1.id选择器（#myid）–2.类选择器（.myclassname）–3.标
被注册的9527·2020-07-13 21:13

web前端学习笔记

视口适配设置：如果任何设置都没有，默认走的就是viewport的默认设置去设置新的viewport设置,达到适配要求。标准适配方案：meta:vp+tab快捷方式设置最大宽度基本样式初始化*,*::before,*::after{/*所有的标签，和伪元素都选中*/margin:0;padding:0;/*移动端常用布局是非固定像素*//*盒子的width从border开始算*/box-sizing
希望猫·2020-07-13 20:10

【前端学习笔记】JavaScript + Vue.js + Element-UI

前端学习笔记JavaScriptVue.jsElement-UIJava后端部分的笔记：Java后端笔记JavaScript基础语法（数据类型、字符串、数组、对象、Map、Set、iterable、函数基础
萌宅鹿·2020-07-13 20:33

前端学习笔记(HTML)

双标签：属性1="值1"...-->Document一级标题二级标题三级标题换行 一个空格三个空格=一个文字加粗或者斜体上标下标-->   123456！123411111哈哈哈哈哈哈哈哈哈啊哈哈哈啊哈！Higirl!Areyoufreetonight?x2+2x+1=0x1+x2=-1属性：face：字体，"楷体"、"隶书"、"宋体"等，前提浏览器支持si
大佬橙·2020-07-13 20:22

前端学习笔记(HTML)——列表

列表最近热播的大片：表示列表中的一个列表选项type属性：square、disc、circletype属性既可以在ul标签中统一为每一个li设置，也可以单独设置某一个li-->流浪地球西红柿首富大黄蜂匆匆那年那些年一起追过的女孩小时代最新一期的福布斯富豪榜：马化腾马云王健林任正非波波老师名词解释穷游没有资金，仍然要旅游。世界那么大，我想出去看看，我带着你，你带着钱！网页显示如下：
大佬橙·2020-07-13 20:22

WEB前端学习笔记-JavaScript-ECMAScript

001-HTML中嵌入JavaScript代码的第一种方式.htmlHTML中嵌入JavaScript代码的第一种方式002-HTML中嵌入JavaScript代码的第二种方式.html//alter有阻塞当前页面加载的作用直到用户点击对话框window.alert("first........")HTML中嵌入JS代码的第二种方式/**css代码*/window.alert("head.....
7i十二·2020-07-13 20:29

前端学习笔记 - CSS - 1.阴影

前端学习笔记-CSS-1阴影：box-shadwshadw属性有四个参数：水平偏移，垂直偏移，模糊范围半径，阴影颜色。
moli27·2020-07-13 20:46

TypeScript学习笔记(2019最新最全)

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新TypeScript学习笔记1.TypeScript简介
Gavincoder·2020-07-13 19:55

前端学习笔记一

flexbox学习这里推荐一个简短有趣的链接，可以同时对比其他的布局方案：学习css布局-flexbox。另外moz的开源网站也有介绍：使用CSS弹性盒子。不过介绍最清晰的还是阮一峰的Flex布局教程：语法篇。居中布局在各种场合下，居中使用的方式也不一样。这里简要记录一下目前使用到的比较有效的方式：借助flex简单实现水平垂直居中.flex{display:flex;align-items:cen
weixin_34313182·2020-07-13 18:40

web前端学习笔记（1）

9月5日array.push(...newArray)//往数组插入数组//交换a和b的值//ES6写法vara=1,b=2;[a,b]=[b,a];console.log(a,b);//21//Babel转换成ES5后vara=1,b=2;var_ref=[b,a];a=_ref[0];b=_ref[1];console.log(a,b);//21//获取某个元素相对于浏览器窗口的位置vardo
weixin_33961829·2020-07-13 18:19

厚积薄发 前端学习笔记 CSS基础篇-左侧固定，右侧自适应（或右侧固定，左侧自适应）布局方法...

这是我们经常可能会遇到到一种布局方法，或者是右侧固定，左侧自适应，下面列出我归纳总结的几种方法，是实际开发中比较常用和实用的几种方法GitHub项目链接写在前面归纳总结了几种比较ok的方法，左右布局是基本功之一，虽然现在我们基本在开发中都会使用类似antd，element，iview这些前端ui框架，这些框架已经把传统的布局样式给封装的很完美了，但是作为前端的css基础，我认为这些也是必须掌握的，
weixin_33701564·2020-07-13 17:46
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他