Vue2.X前端学习笔记

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

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

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

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

React.js 全局公共弹框(RLayer)|react弹窗组件

vlayer一款vue2.x开发的网页弹框组件，感兴趣的可以去看看这篇文章。https://segmentfault.com/a/
xiaoyan2017·2020-12-05 11:48

React.js 全局公共弹框(RLayer)|react弹窗组件

vlayer一款vue2.x开发的网页弹框组件，感兴趣的可以去看看这篇文章。https://segmentfault.com/a/
xiaoyan2017·2020-12-05 11:58

web前端学习笔记——html5和CSS3

web前端开发基础第三章——html5和CSS3传送门：第一章：HTML|第二章：CSS|第四章：Javascript（part1）|第四章：Javascript（part2）目录web前端开发基础第三章——html5和CSS3一、HTML5新增标签新增语义标签音频视频二.HTML5新增表单控件三、CSS权重四、CSS3新增选择器五、CSS3圆角、rgbaCSS3圆角rgba（新的颜色值表示法）六
ujung_S2·2020-12-03 17:32

Vue3.0学习

Vue编译网站：Vue2.x：https://template-explorer.vuejs.org/#Vue3.0：https://vue-next-template-explorer.netlify.app
「已注销」·2020-12-02 22:20

Web前端学习笔记——CSS

web前端开发基础第二章——CSS传送门：第一章：HTML|第三章：html5和CSS3|第四章：Javascript（part1）|第四章：Javascript（part2）目录web前端开发基础第二章——CSS概述一、css基本语法及页面引用1.css基本语法2.css页面引入方法：二、css文本设置三、css颜色表示法四、css选择器1.标签选择器2.id选择器3.类选择器（应用最多）4.层
ujung_S2·2020-12-02 18:15

Vue.js 桌面端虚拟滚动条|vue美化滚动条VScroll

介绍VScroll一款基于vue2.x构建的桌面PC端自定义模拟滚动条组件。支持自定义是否原生滚动条、自动隐藏、滚动条大小、层级及颜色等功能。拥有丝滑般的原生滚动条体验！
xiaoyan2017·2020-12-01 14:12

Vue.js桌面端自定义滚动条组件之美化滚动条VScroll

vscroll一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件。支持是否原生滚动条、鼠标移出是否自动隐藏、自定义滚动条尺寸及颜色等功能。
·2020-12-01 14:11

Vue.js 桌面端虚拟滚动条|vue美化滚动条VScroll

介绍VScroll一款基于vue2.x构建的桌面PC端自定义模拟滚动条组件。支持自定义是否原生滚动条、自动隐藏、滚动条大小、层级及颜色等功能。拥有丝滑般的原生滚动条体验！
xiaoyan2017·2020-12-01 13:03

前端学习笔记四十五-ES6、babel配置、在线教育项目

Ecmascript6ECMAScript6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Ecmascript是JavaScript语言的标注规范JavaScript是Ecmascript规范的具体实现具体实现取决于各大浏览器厂商的支持进度Ecmascript6也被称作Ecmascript2015各大浏览器厂商对于最新的Ecmascript6标准支持
AizawaSayo·2020-12-01 13:00

vue-admin-wonderful

 介绍vue-admin-wonderful，一套为开发者快速开发准备的基于vue2.x、elementui2.14.1越看越精彩的后台管理系统一站式平台模板。
lytTop·2020-11-30 16:55

vue中defineProperty和Proxy的区别详解

defineProperty需要变异defineProperty中劫持数组变化的变异的方法可以理解为在数组实例和原型之间，插入了一个新的原型的对象，这个原型方法实现了变异的方法，也就真正地拦截了数组原型上的方法我们来看下vue2
·2020-11-30 13:10

Vue 3 学习 一、Vue 3.0 介绍+Vue2.x 对比+Vite介绍

Vue.js3.0源码组织方式为了提升代码的可维护性，Vue3.0的源码全部使用TypeScript重写大型项目的开发，都推荐使用类型化的语言在编码的过程中，帮助检查类型问题使用monorepo方式组织项目结构，把独立的功能模块都提取到不同的package中管理。这样每个功能模块，划分都很明确。模块之间的依赖关系也很明确。并且每个功能模块都可以单独测试、发布、使用。packages目录结构pack
皮蛋很白·2020-11-30 12:35

vue表格数据改变页面实时渲染_高效 Vue2.0 桌面端表格组件库Umy-UI

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

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

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

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

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

从编译过程，理解 Vue3 静态节点提升（源码分析）

众所周知，在大型应用场景下，「Vue2.x」的patchVNode过程，即diff过程是非常缓慢的，这是一个十分令人头疼的问题。虽然，对于面试常问的diff过程在一定程度上是减少了对DOM的直接操作。
五柳·2020-11-24 09:18

requestbody前端怎么传_前端学习笔记——DayDayUp进大厂

前端为主偶然沾点C++和Go斜体字的是次要问题可以不看权威文档好好看：MDNWebDocsdeveloper.mozilla.orgReact官方中文文档–用于构建用户界面的JavaScript库react.docschina.org9.261.面试问的比较多现在常用的HTTP2.0协议的一些特点还有它和HTTP1.01.5的一些区别2.UDP协议TCP的区别三次握手四次挥手深入理解TCP、UDP
weixin_39982933·2020-11-22 14:03

Vue3中对VDOM的改进

由于MV**的架构，真实DOM树应该随着数据（Vue2.x中的data）的改变而发生改变，这些改变可能是
LhrAlander·2020-11-20 16:47

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

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

Vue 3 响应式基础

响应式基础欢迎订阅我的公众号，或者CSDN专栏Vue3入门到实战系列教程声明响应式状态reactive相当于Vue2.x中的Vue.observable()API，为避免与RxJS中的observables
KenNaNa·2020-11-15 14:26

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

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

Koa入门教程[4]-开发并部署todo-list应用

input框添加任务，回车后添加到任务列表点击任务列表条目，或点击条目后的删除按钮，可以删除一个todo项目点击完成按钮，可以把某个条目标记为已完成这个项目我们采用前后端完全分离的方式来开发前端技术栈:Vue2
sheldon·2020-11-13 17:50

拉钩教育大前端学习笔记 --- Vite 实现原理

Vite介绍Vite概念Vite是一个面向现代化浏览器的一个更轻、更快的web应用应用开发工具它基于ECMAScript标准原生模块系统（ESModule）实现的它的出现是为了解决Webpack在开发阶段，使用webpack-dev-server冷启动时间过长和WebpackMHR热更新反应慢的问题。使用Vite创建的项目，默认就是一个普通的Vue3应用，相比于VueCLI创建的项目，会少了很多文
耳听音乐梦神游·2020-11-09 23:16

Vue 开发必须知道的 36 个技巧 | 建议收藏

后面还有Alpha、Beta等版本,要等到之后才有可能发布3.0新版，所以应该趁还没出来加紧打好Vue2.x的基础。
全栈修炼·2020-11-09 08:00

拉钩教育大前端学习笔记 --- Vue.js 3.0 介绍

1.2、CompositionAPI虽然Vue3.0的代码进行了重写，但是大部分的api都支持了vue2.x。并且根据社区的反馈，添加了CompositionAPI，翻译
耳听音乐梦神游·2020-11-08 23:19

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。
Saga Two·2020-11-07 13:28

（建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）

前言前不久Vue3的RC版本终于发布，一直没时间研究，这篇文章我将以下面的结构，为大家整体梳理下Vue3，顺便对比下vue2.x和reacthook结合着带大家看看，可能有些长，耐心看完相信会有收获（面试热点
@baby张·2020-11-06 12:12

Vue2.x和Vue3.x的双向绑定原理详解

双向的绑定的原理通过Object.defineproperty()重新定义对象属性的set方法、get方法来实现的，从这个属性中取值时会触发get方法，改变这个属性时会触发set方法，所以我们只要将一些需要更新view的方法放在这里面就可以实现data更新view了,而view更新data其实可以通过事件监听实现当视图上的数据发生改变时，data中的数据也发生改变当data中的数据发生改变时，视图
·2020-11-05 10:52

Vue2.x核心总结

titel:Vue核心Vue核心一、Vue的基本认识渐进式JavaScript框架，用来动态构建用户界面特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/pc端开发它本身只关注UI，可以轻松引入vue插件或其它第三方库开发项目与其他前端JS框架的关联借鉴angular的模板和数据绑定技术借鉴react的组件化和虚拟DOM技术（提高效率)Vue扩展插件、】、vue-cli：vue脚手架vu
m0_46562551·2020-11-02 23:18

Web前端学习笔记——CSS部分

关于CSSCSS：用于描述页面展示的语言。CSS规则=选择器+声明块例如：选择器：选中元素，确定样式范围。选择器类型：基础选择器：复杂选择器：选择器权重值：声明冲突：同一样式（同一属性不同值）多次应用到同一元素。层叠：解决声明冲突的过程，即浏览器自动处理（权重计算）。比较重要性（由高到低）：作者样式表中的！important样式>作者样式表的普通样式>浏览器默认样式表中的样式（作者样式表：开发者书
是纽扣也是烤奶·2020-10-30 19:08

swiper版本vue2.X与Vue中使用swiper时左右按钮失效问题……

今天新做的一个项目需要用到swiper，所以引入了swiper6，发现了一些坑，在这里记录一下……提示：vue2.X引入swiper最高支持到@^6.4.5版本~1、引入css文件时报错文件不存在//importstyle
GraceChuy·2020-10-30 16:38

Vue2.x、Vue3.x的数据响应式核心原理

文章目录1.概念2.Vue2.x数据响应式核心原理3.Vue3.x数据响应式原理4.发布/订阅模式5.观察者模式6.两种模式的区别1.概念在学习核心原理前，我们先了解两个概念：数据响应式：数据模型仅仅是普通的JS对象，而我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率。(内部操作DOM，我们只是修改数据)双向数据绑定：数据改变，视图也改变；视图改变，数据也改变。在表单上使用v-
鸭绒·2020-10-30 15:33

前端学习笔记

JSjs对象是通过引用来传递的，我们创建的每个递归函数是在一个函数通过名字调用自身的情况下造成的functionfactorial(num){if(numundefined-->22词法分析例子02：varage=18;functionfoo(){console.log(age);varage=22;console.log(age);functionage(){//#发现age这个函数名也是变量，
weixin_44360988·2020-10-30 02:18

Web前端学习笔记——HTML部分

关于HTMLHTML（HyperTextMarkupLanguage）：超文本标记语言。HTML的作用：由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，用于定义页面结构。元素=起始标签+元素内容+结束标签+[标签属性]标签属性=属性名称+属性值；属性分类：全局属性：所有标签通用。局部属性：某些标签所特有的。对于布尔属性，只有两种状态即不写或者取值只能为其属性名。（在HT
是纽扣也是烤奶·2020-10-28 16:45

vue省市区三级联动

1.在public下新建json文件夹，在json里放vue-area.js，这里面放的是省市数据（vue2.x放在static下）2.在使用的页面引入（有县级的）import{province,city
w_小伍·2020-10-28 14:56

前端学习笔记day03--CSS样式

前端学习笔记day03–CSS样式一、span和div元素1.spanspan是一种行内元素，没有任何样式。你好在style标签中声明span元素的属性之后，再看h1标签中的字。
m0_38077048·2020-10-19 16:16

Vue2.x:如何实现组件间的通信

前言props实现父传子codepen:我的在线实例本文介绍子组件如何通过props获得父组件data。接着把父组件的消息分别放入子组件的data和computed，发现了不同的结果；放入子组件的computed，也即思路①，是抽离子组件的正解。子组件应该使用vm.$emit()触发父组件的事件方法，第一个参数代表你选择的事件方法，父组件应拥有对应的自定义v-on指令；第二个参数代表你想要传过去的
buuoltwo·2020-10-12 10:00

前端学习笔记（一）

超大背景图片的自适应1.首先需要在父布局中添加高度htmlbody{height：100%}2.我们在其中设置cssbody{background:url(xxx.png)centercenter;background-size:cover;}3.解释第一个center是图片水平居中，第二center是图片垂直居中cover使整张图片的大小正好覆盖整个body的位置。其中css中有继承机制，当ht
星缘邢·2020-10-11 11:49

vue2和vue3的v-if与v-for优先级对比学习

虽然官方不建议这样做，但有时确实是必须的，我们来了解下他们的工作方式：在vue2.x中，在一个元素上同时使用v-if和v-for时，v-for会优先作用。
·2020-10-10 12:46

我的前端学习笔记5-html+css

知识点总结区任性而为，内容无关1,样式有几种引入方式?link和@import有什么区别CSS：外部引入样式：内部样式：1，内联样式（html元素内部）：段落2，内部样式（位于标签内部）：p{color:black;font-size:55px}JAVASCRIPT：外部引入样式：内部样式：link和@import有什么区别：link和@import写法区别link：可以共用相同文件，减少工作量@
HARRISKING·2020-10-10 06:12

Vue3.x 的生命周期和钩子函数

Vue3版本的生命周期和Vue2比有了些变化，所以我先站在一个初学者的角度(没有学过Vue2版本的新手)，从新讲一下Vue3.x的生命周期，等你完全理解之后，我们再来和Vue2.x的生命周期作一个对比。
一人创客·2020-10-09 22:54

前端异常日志监控 - Sentry使用

初步配置在Vue2.x中，Vue官方加入了errorHandler用来捕捉产生的错误并进行处理。Sentry的Vue集成便使用了这种方式进行官方集成，这里针对Webpack的配置进行讲解。
real_ting·2020-10-09 12:39

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-10-09 12:44

vue3.0学习第一天(vue3.0的亮点)

1.vue3.0六大亮点-Performance:性能比vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue20x更小-compostionAPI:组合API-BetterTypeScriptsupport
smart__yang·2020-10-06 16:50

大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）

NuxtJS项目案例–RealWorld（创建Nuxt项目、GitActions自动发布和PM2部署）文章内容输出来源：大前端高薪训练营一、案例项目realworld介绍1.案例项目介绍案例名称：RealWorld这是一个开源的学习项目，目的就是帮助开发者快速学习新技能。GitHub仓库：https://github.com/gothinkster/realworld在线实例：https://de
爱玲姐姐·2020-09-29 22:02

大前端学习笔记 - 静态站点生成（Gridsome静态站点方案、GraphQL查询数据、Strapi生成接口、自动部署到Vercel）

静态站点生成文章内容输出来源：大前端高薪训练营一、Gridsome基础知识1.Gridsome是什么一个免费、开源、基于VUE.js技术栈的静态网站生成器官方网址：https://gridsome.orgGitHub:https://github.com/gridsome/gridsome2.什么是静态网站生成器静态网站生成器是使用一系列配置、模板以及数据，生成静态HTML文件及相关资源的工具这个
爱玲姐姐·2020-09-29 22:30

大前端学习笔记 -- Vite实现原理

Vite实现原理文章内容输出来源：大前端高薪训练营一、Vite介绍1.Vite概念Vite是一个面向现代浏览器的一个更轻更快的web应用开发工具它基于ECMAScript标准原生模块系统（ESModules）实现2.Vite项目依赖Vite@vue/compiler-sfc3.基础使用viteserve/vitebuild在执行viteserve的时候不需要打包，直接开启一个web服务器，当浏览器
爱玲姐姐·2020-09-29 17:18

vue2与vue3的区别

相比于vue2.x，使用proxy的优势如下defineProperty只能监听某个属性，不能对全对象监听可以省去forin、闭包等内容来提升效率（直接绑定整个对象
星空之火@田兴·2020-09-25 17:28
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他