Vue2.X前端学习笔记

前端学习笔记--CSS篇(冲突规则)

前言你知道CSS的冲突规则吗？查缺补漏上一篇选择器部分少了伪元素选择器，这一篇给补上伪元素伪元素开头为::语法：::pseudo-element-name选择器：::after:匹配出现在原有元素的实际内容之后的一个可样式化元素::before:匹配出现在原有元素的实际内容之前的一个可样式化元素::first-letter:匹配元素的第一个字母::first-line:匹配包含此伪元素的元素的第一
HiZhg·2021-01-13 11:55

Vue-Vue3.x+TypeScript入门(一)

七、Vue3.x和Vue2.x的生命周期对比。八、状态跟踪函数onRenderTrack
乐逍遥的笔记·2021-01-11 17:11

（二）Vue3.x应用程序API

import{createApp}from'vue';constapp=createApp({});在Vue3.x中，可以将Vue的全局配置移到createApp方法中（例如在Vue2.x中，我们用Vue.component
Mr_莫言之·2021-01-11 15:28

Vue3.0中引入地图（谷歌+高德+腾讯+百度）

1概述项目需求需要引入地图，对于目前最新的Vue3.0，无论是百度/高德/腾讯地图目前还没有适配，只有Vue2.x版本的：目前只有谷歌地图的Vue3.0适配：但是没有适配并不代表不能使用，本文的重点就是如何使用这四种地图
法规和规范化股份·2021-01-10 14:40

快速上手Vue3

打包文件的大小更小内存消耗更少渲染速度更快总之一句话：性能提升了2.新增特性setup简单理解就是vue2.x原来分出来的一个个模块，比如data，methods，conputed这些，统统放在了一个setup
Big_YiFeng·2021-01-09 11:55

vue最全知识点「基础到进阶，覆盖vue3.0，建议收藏」

代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vue2
‭肉斯王子·2021-01-08 18:00

详解Vue2的diff算法

前言双端比较算法是vue2.x采用的diff算法，本篇文章只是对双端比较算法粗略的过程进行了一下分析，具体细节还是得Vue源码，Vue的源码在这过程假设当前有两个数组arr1和arr2letarr1=[
·2021-01-08 01:19

前端八股文之Vue

vue2.x会使用object.defineProperty重新当以data中的所有属性，当页面使用对应属性，首先进行数据收集，如果是属性变化会通知相关依赖进行更新操作。
三水草肃·2021-01-06 15:36

Web前端学习笔记：HTML5四部曲之二——HTML5块级标签、行级标签、结构标签

1.块级标签与行级标签块级标签行级标签自动换行，前后隔一行不会自动换行，从左往右依次显示宽度默认是100%宽度由文字内容撑开可以设置宽度、高度、边距等属性不能设置上述属性标题、段落、列表、分区…图片、超链接2.块级标签块级标签，此类标签在网页中显示为块，一般独占一行。新的块级标签将从新的一行开始排列，它可以容纳内联元素和其他块级元素。2.1标题标签：＜h1＞＜/h1＞…＜h6＞＜/h6＞一级标题二
余欲与鱼语渔·2021-01-05 16:45

Vue3.0「十七」-- vue3.0升级新特性及Proxy重写响应式讲解

vue3.0升级内容全部用TS重写的（响应式、vdom、模本编译）性能提升，减少代码量会调整部分APIProxy重写响应式vue2.x马上要过时了吗vue3.0从正式发布到推广，还需要一段时间vue2.
loushumei·2021-01-05 11:01

大数据表格渲染_高效 Vue2.0 桌面端表格组件库Umy-UI

umy-ui基于vue2.x构建的高性能组件库。完美解决表格十万级大数据卡顿、编辑表格卡顿等问题。特色文档：涵盖umy-ui各个方面，给开发者方向指导和设计理念。
十二月极光·2021-01-04 12:30

vue2.x安装sass常见问题

1、安装cnpminstallnode-sass--save-dev      //安装node-sass`cnpminstallsass-loader--save-dev        //安装依赖包sass-loader`cnpminstallstyle-loader--save-dev       //安装style-loader`2、使用build/webpack.base.conf.jg
张旭超·2021-01-04 11:03

前端学习笔记 - http和https的区别

返回目录HTTP*HTTP，即超文本传输协议，是一种实现客户端和服务器之间通信的响应协议，它是用作客户端和服务器之间的请求。*客户端（浏览器）会向服务器提交HTTP请求；*然后服务器向客户端返回响应；*其中响应包含有关请求的状态信息，还可能包含请求的内容。HTTPSHTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加密传输，于是网景
qq_39090575·2021-01-02 13:39

桌面端开发---vue结合electron的热开发框架

4.5.x可以使用vue的各种插件框架会在一个实践中持续完善实践项目地址https://blog.csdn.net/qq_42027681/category_10690045.htmlgithub地址Vue2
代码哈士奇·2021-01-02 00:11

前端学习笔记 - var、let和const的用法

返回目录var1、存在变量提升，2、有函数作用域的概念，函数内部声明的变量，在函数外部不能访问3、可以声明同名变量，后声明的会覆盖先声明的4、值可以改变，重新赋值let1、不存在变量提升，必须先声明在使用2、有块作用域的概念，块作用域由{}包括，if语句和for语句里面的{}也属于块作用域。let定义的变量，只能在块作用域里访问3、不可以声明同名变量，如果声明了会保持4、值可以改变，重新赋值con
qq_39090575·2021-01-01 19:12

vue 源码解析(3-2-3,模板编译和组件化)

renderrender(h){returnh('div',[h('h1',{on{click:this.handler}},'title'),h('p','somecontent')])}模板编译的作用:Vue2
Charon·2020-12-30 21:31

vue 源码解析(3-2-3,模板编译和组件化)

renderrender(h){returnh('div',[h('h1',{on{click:this.handler}},'title'),h('p','somecontent')])}模板编译的作用:Vue2
Charon·2020-12-30 20:21

基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析

之前有分享一个vue2.x移动端弹框组件，今天给大家带来的是Vue3实现自定义弹框组件。
·2020-12-30 16:33

前端学习笔记一一HTML表格标签（table）

前言表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但是在实际制作过程中，表格更多用在网页布局的定位上。很多网页都是以表格布局的。这是因为表格在文本和图像的位置控制方面都有很强的功能。#1.表格的基本构成表格由行、列、和单元格3部分组成，一般通过3个标记来创建，分别是表格标记、行标记、和单元格标记。表格的各种属性都要在表格的开始标记和表格的结束标记之间才有效。创建表
前端扫地僧·2020-12-28 18:40

前端学习笔记一一HTML表格标签（table）

前言表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但是在实际制作过程中，表格更多用在网页布局的定位上。很多网页都是以表格布局的。这是因为表格在文本和图像的位置控制方面都有很强的功能。#1.表格的基本构成表格由行、列、和单元格3部分组成，一般通过3个标记来创建，分别是表格标记、行标记、和单元格标记。表格的各种属性都要在表格的开始标记和表格的结束标记之间才有效。创建表
前端扫地僧·2020-12-25 17:07

process.env.NODE_ENV环境变量vue2.x

然后，通过npmrunbuild打包后将dist放到wamp服务器中process.env.NODE_ENV的值就自动变为production
码林鼠·2020-12-25 01:42

前端学习笔记一一HTML常用标签之列表标签

[HTML常用标签之列表标签]()列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（●）。元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆●)、circle（圆圈○）、square（方块■
前端扫地僧·2020-12-24 17:19

前端学习笔记一一html的常用标签

html简介1.1html概述html全称：HyperTextMarkupLanguage(超文本标记语言)超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文
前端扫地僧·2020-12-24 17:52

前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。锚点链接对SEO的作用锚链接是一个
前端扫地僧·2020-12-24 17:45

前端学习笔记一一HTML常用标签之列表标签

[HTML常用标签之列表标签]()列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（●）。元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆●)、circle（圆圈○）、square（方块■
前端扫地僧·2020-12-24 16:06

Vue2.x 原理剖析（二）之手写一个简版Vue

前言在上一篇文章Vue2.x响应式原理剖析（一）我们已经搞清楚了数据响应式的原理，那么今天不妨就让我们利用上次的实现来造一个简版的Vue吧！
提莫队长·2020-12-24 10:55

前端学习笔记--HTML标签（上）

1.1基本语法概述1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如,我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。3.有些特殊的标签必须是单个标签（极少情况），例如,我们称为单标签。1.2标签关系双标签可以分为两类：包含关系和并列关系。包含关系——父子关系并列关系——兄弟关系2.1第一个HTML网页每个网页都会有一个基本的结构标签（也称为
qq_46753136·2020-12-24 09:33

前端学习笔记一一html的常用标签

html简介1.1html概述html全称：HyperTextMarkupLanguage(超文本标记语言)超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文
前端扫地僧·2020-12-23 23:09

vue2.x keep-alive组件使用

keep-alive组件是什么？组件，我称之为缓存组件，当你不希望某一个组件在每次调用时都被初始化，而保存上一次打开时的状态时可以使用该组件来做组件持久化。怎么用?先上最简单的案例：app.vueexportdefault{name:"App",};一般我都在app.vue中使用可以通过keep-alive和路由守卫搭配使用做到筛选是否需要组件缓存的功能route.jsimportVuefrom'
Zack_a0c4·2020-12-23 15:01

vue3 初体验之使用element-plus的el-select报错Unhandled error during execution of scheduler flush

笔者最近在用vue3写自己的博客，后端使用element-plus在给el-select绑定数据时惊奇的发现报错了但根据我在vue2.x上的经验感觉这样写并没有什么毛病，根据多次尝试，当我给v-for的数据给定了初始值后发现报错没有了
YouthMe·2020-12-22 20:29

前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。锚点链接对SEO的作用锚链接是一个
前端扫地僧·2020-12-22 11:00

vue2.x版本报错error: ‘xxxx‘ is defined but never used (no-unused-vars)

在vue2.x中，只要是声明了变量没有使用或者引入了某个文件没有使用就会报错，这其实是语法校验规则。我们只需要关闭这种校验规则即可。
聂大哥·2020-12-21 16:48

前端学习笔记一一HTML表单标签（form）

form表单细节一、表单1.表单标签用于为用户输入创建HTML表单2.表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含menus、textarea、fieldset、legend和label元素。4.表单用于向服务器传输数据。二、表单form的属性（一）action属性action属性规定当提交表单时，向何处发送表单数据属性值：url链接的地址（二）nam
前端扫地僧·2020-12-21 11:29

走近Ts，用了爽，用后一直爽（二)

前言上文《走近Ts，用了爽，用后一直爽（一)》中写了Ts的一些类型、属性等简单语法，以及类、接口、装饰等高级用法后，今天我们来看看如何在vue项目中使用ts,目前使用公司项目用的较多的还是vue2.x,
yaoxfly·2020-12-21 11:47

走近Ts，用了爽，用后一直爽（二)

前言上文《走近Ts，用了爽，用后一直爽（一)》中写了Ts的一些类型、属性等简单语法，以及类、接口、装饰等高级用法后，今天我们来看看如何在vue项目中使用ts,目前使用公司项目用的较多的还是vue2.x,
yaoxfly·2020-12-21 11:47

前端学习笔记一一HTML表单标签（form）

form表单细节一、表单1.表单标签用于为用户输入创建HTML表单2.表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含menus、textarea、fieldset、legend和label元素。4.表单用于向服务器传输数据。二、表单form的属性（一）action属性action属性规定当提交表单时，向何处发送表单数据属性值：url链接的地址（二）nam
前端扫地僧·2020-12-21 10:16

【VUE 3.x】深入破解vue3.x新特性

…剩余操作符了解VUE2.X的基本使用组件常用指令生命周期函数computed、watch、ref等了解TypeScript的基本使用1.语法与JS兼容（初期使用可以当做js来用）二、关键背景在Vue.js
程序不了猿·2020-12-20 09:21

vue nextTick原理

vuenextTick原理前面谈到了vue2.x的响应式原理，vue.js在视图更新采用的是异步更新策略，我们来看看它是怎么做到的。/**？
唐_银·2020-12-14 14:14

vue2.x响应式原理

vue3.0发布了，回顾一波2.x原理vue2.x响应式原理主要做了这么几件事：数据劫持、收集依赖、派发更新数据劫持：newVue的时候遍历data对象，用Object.defineProperty给所有属性加上了
唐_银·2020-12-14 14:13

Web前端学习笔记——关于React

React：是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。作用：可以将一些简短、独立的代码片段组合成复杂的UI界面即“组件”。特点：数据驱动视图原则创建react项目：在命令行下使用以下命令：create-react-app项目文件夹名称进入项目文件夹：cd项目文件夹名称开启服务：npmstart注意：遇到“Pleaseremoveanyglobalinstallswitho
是纽扣也是烤奶·2020-12-14 14:12

Vue3.0来了！

Vue编译网站：Vue2.x：https://template-explorer.vuejs.org/#Vue3.0：https://vue-next-template-explorer.netlify.app
十里不故梦·2020-12-13 17:25

vue3.0+vue-router+element-plus初实践

Vue3中文文档Vue3.0对比Vue2.x优势框架内部做了大量的性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听，更小的打包文件等。
·2020-12-10 04:25

vue3.0中setup使用(两种用法)

一、setup函数的特性以及作用可以确定的是Vue3.0是兼容Vue2.x版本的也就是说我们再日常工作中可以在Vue3中使用Vue2.x的相关语法但是当你真正开始使用Vue3写项目时你会发现他比Vue2
·2020-12-10 04:54

前端学习笔记一一HTML表单标签（form）

form表单细节一、表单1.表单标签用于为用户输入创建HTML表单2.表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含menus、textarea、fieldset、legend和label元素。4.表单用于向服务器传输数据。二、表单form的属性（一）action属性action属性规定当提交表单时，向何处发送表单数据属性值：url链接的地址（二）nam
专注前端二十年·2020-12-07 20:26

Vue3.0与Vue2.x的区别

一.源码组织方式变化源码采用typeScript重写使用Monorepo管理项目结构,把不同功能的代码放入不同的packages中进行管理,这样有利于功能和模块划分明确,并且每个功能模块都能单独测试单独发布单独使用二.增加CompositionCompositionAPI解决2.0使用optionsAPI不好重用与拆分的问题OptionsAPI在vue2中我们会在一个vue文件中data，meth
随风浅入画·2020-12-07 18:56

Vue3教程：Vue 3.x 快在哪里？

PatchFlag(静态标记)Vue2.x中的虚拟DOM是全量对比的模式，而到了Vue3.0开始，新增了静态标记（PatchFlag）。在更新
十三的博客·2020-12-07 10:30

Vue3.0 composition api 特性学习

defaultexport{data(){return{state:0}},methods:{myFun(){console.log(this.state)}}}上面代码的方式就是option-api,也是vue2
邢走在云端·2020-12-06 23:25

vue数据传递方式总结

传参2.5bus总线2.6vuex3、总结1、vue数据传递介绍  在vue中，数据处理与传递是每个开发者要面对的事情，学习正确使用各种数据处理方式同时，我们可以跟进一步学习数据高效的传递方式，以下介绍vue2
Saga Two·2020-12-06 22:38

前端学习笔记 - 数组转字符串

返回目录数组转字符串1、toString()//数组中的toString()方法能够把每个元素转换为字符串，然后以逗号连接输出显示。vara=[1,2,3,4,5,6,7,8,9,0];//定义数组vars=a.toString();//把数组转换为字符串console.log(s);//返回字符串“1,2,3,4,5,6,7,8,9,0”*注意：*toString()在把数组转换成字符串时，首先
qq_39090575·2020-12-06 20:01

vue2.x选择js和ts新建项目的一些区别

使用vue-cli生成项目的时候可以选择使用默认的js方式，也可以选择使用ts的方式，ts的方式中又有使用class-style方式和非class-style的方式，这三种的区别基本只在script部分的不同。在选择ts方式生成项目的时候回再寻问是否使用class-style的方式，见下图js方式生成的项目exportdefault{name:"HelloWorld",props:{msg:Str
不要葱花·2020-12-05 16:41
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他