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

Vue2.x、Vue3等多方使用AJ-Captcha实现验证码功能

Vue2.x、Vue3等多方使用AJ-Captcha实现验证码功能AJ-Captcha简介AJ-Captcha多用于登录验证码，目前支持滑动拼图和文字点选两种方式前端提供了Android、iOS、Futter

勒布朗詹詹·2023-04-16 02:07

Vue3 _ 学习

Vue3工程项目4、Vue3目录结构分析二、CompositionAPI1、setup函数2、setup执行时间三、ref响应式函数1、引言：2、ref函数四、reactive函数五、Vue3响应式原理1、Vue2

雨季mo浅忆·2023-04-15 16:25

前端学习笔记：HTML狂神说笔记

HTML文章目录HTML1初识HTML2网页基本标签3图像标签和链接标签4块元素和行内元素5列表标签6表格7视频和音频8页面结构9iframe内联框架10表单语法(重点)10.1表单语法基础10.2表单元素简介1初识HTMLHTML的优势世界知名浏览器厂商对对HTML5的支持市场的需求跨平台W3C标准WorldWideWebConsortium(万维网联盟)注释语法成对出现的HTMLHyperTe

问夏WenXia·2023-04-15 10:08

前端学习笔记16-内联框架

前端学习笔记16-内联框架这节学内联框架内联框架：向当前页面引入一个其他页面标签为iframe，属性为src和frameborder，src指定要引入的网页路径，frameborder指定是否有边框。

电子系的小欣·2023-04-15 10:37

【前端学习笔记】JavaScript对象的几种创建方式整理-简要

笔记来自JavaScript高级程序设计的学习笔记。JavaScript对象的其中创建方式。一、工厂模式二、构造函数模式三、原型模式四、混合构造函数和原型模式五、动态原型模式六、寄生构造函数模式七、稳妥构造函数模式一、工厂模式工厂模式是软件工程领域的一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创

花上·2023-04-14 20:20

Vue2.X和MobX中的Object.defineProperty，并与Proxy的对比

如题，Vue是一个js框架，MobX则是React进行状态管理的一个库，两者看起来并没有什么关联，但是由于都使用了Object.defineProperty，使得两者在数据绑定操作上不禁有些相似由于Vue3.X已经用Proxy重写了他的数据绑定机制，所以顺带了解一下Proxy本文介绍了什么Object.defineProperty与Proxy的使用Object.defineProperty与Pro

张Piers·2023-04-14 10:16

手把手教你如何使用webpack搭建vue2.x的vue-cli脚手架

1、选择node版本和下载安装Nodenode和npm版本对应表：https://nodejs.org/zh-cn/download/releases/https://nodejs.org/zh-cn/download/releases/nodeJs到14.0.0就不支持win7系统了，只能选择之前的版本，比较新的是13.14.0版本。注意：13.14.0版本的node不能使用cnpm首先前往no

书中自有妍如玉·2023-04-14 10:02

用webpack搭建Vue2.x开发框架

上一周看了一下腾讯课堂的学习视频，然后学习到了如何搭建Vue2.x开发框架，刚好让我了解到我这半年接触到的商品库项目的开发内容里的配置文件，原来是这样子的配置，所以，我在这里总结记录一下，也为那些还不懂的同学

cai0_0·2023-04-14 10:00

Vue2.x、Vue3.x、Vite以及Webpack创建Vue项目,关联github版本管理

Vue2.x、Vue3.x、Vite以及Webpack创建Vue项目,关联github版本管理前提条件创建Vue2.x的项目方式一：`vueinitwebpackprojectname`方式二：`vuecreateprojectname

AIguibin·2023-04-14 10:30

webpack搭建vue2.x

前提：1.借助Node.js环境里的npm来安装，2.设置好npm镜像，（比如淘宝的npm镜像：输入引用npminstall-gcnpm–registry=https://registry.npm.taobao.org即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了），==============或者============（配置指向源，通过npm命令指定下载源）引用npmco

cc蒲公英·2023-04-14 10:59

vue2.x使用ckeditor4（上传图片使用element-ui）

1.到官网下载ckeditor（full-.zip）https://ckeditor.com/ckeditor-4/download/2.解压后的文件放在Vue项目的static目录下cke1.png3.新建一个ckeditor组件，组件代码在下面自定义按钮在plugins文件下新建一个addpic文件夹，里面放一张图片和plugin.js文件cke2.png在plugin.js(function

w_小伍·2023-04-14 02:51

04-vue3侦听器

在组合式API中，我们可以使用watch函数在每次响应式状态发生变化时触发回调函数.与Vue2.x中watch

水木清华-蓝白·2023-04-13 18:22

vue3[学习记录3(可复用&组合)---包含与vue2.x的一些区别，本文是按照vue3中午文档学习顺序整理的]

11.自定义指令的勾子函数名字改变了12.Teleport内置组件作用：可以控制HTML片段指定在某一父节点下呈现/渲染最为直接的案例就是官网的模态框案例https://vue3js.cn/docs/zh/guide/teleport.html

墨水白云·2023-04-13 16:14

vue2.x组件编写总结

vue2.x组件编写总结组件是可复用的Vue实例，它们与newVue接收相同的选项，例如data、computed、watch、methods以及生命周期钩子等。比如我们写一个计数器组件。

dralexsanderl·2023-04-13 11:00

6. BOM 浏览器对象模型

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex

Sweet_pin·2023-04-13 06:06

Vuex4.0（八）在Vue3环境下如何优雅的管理状态？

基于Vue2.x风格的Vuex的使用方式不适合Vue3了我们都知道Vuex是专门为Vue开发的一套状态管理方式，换个角度来看呢，就是给Vue2.x的不足之处打补丁的方式。

自然框架·2023-04-13 02:55

前端学习笔记-操作DOM1

前端学习笔记-操作DOM1一、概述二、DOM2.1获取网页中的元素2.1.1根据ID获取2.1.2根据标签名2.1.3通过HTML5新增的方法获取2.1.4特殊元素获取-body\html三、事件基础3.1

LuZhouShiLi·2023-04-13 01:42

前端学习笔记——WebAPI

这段时间开始了第一次实习和毕业论文的开始，身边的人都陆续开始查重修改了，我也要加紧时间了，故而笔记的更新只能蹭着周末才开始。话不多说，开始这场JavaScript的学习API的概念API（applicationprogramminginterface）是一些预定义的函数，目的是提供应用程序与开发人员基于某软件或某硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。WebAPI浏

歌歌DAY·2023-04-13 00:35

vue+MapboxGL：从0 到1 搭建开发环境

本系列教程是在vue2.X的基础上加载mapbox程序，来开发各种示例程序。

还是大剑师兰特·2023-04-12 21:24

Vue3.0的强势升级点

Vue3.0Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，CompositionAPI的出现，让组件抽离、逻辑代码复用更加灵活。

天問_专注于大前端技术·2023-04-12 17:56

前端学习笔记____Vue2+Vue3全家桶

作者主页：仙女不下凡－前端萌新前言介绍：以下内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！欢迎点赞收藏⭐留言如有错误敬请指正！前言学习视频地址：https://www.bilibili.com/video/BV1Zy4y1K7SH?from=search&seid=16946268743532201801学习进度：该视频适用于有css、html、JavaScript与前后端交互基础的同

仙女不下凡·2023-04-12 11:06

Vue2.x全家桶

Vue2.x1、Vue简介1.1、官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/1.2、介绍与描述1、Vue是一套用来动态构建用户界面的渐进式JavaScript框架构建用户界面：把数据通过某种办法转换成用户界面渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的Vue插件2、作者：尤雨溪1.3

Nakano_May·2023-04-12 11:35

Web前端学习笔记02：HTML常用标签_标签属性_路径_表格

文章目录1.HTML常用标签1.1排版标签1）标题标签h(熟记)2）段落标签p(熟记)3）水平线标签hr(认识)4）换行标签br(熟记)5）div和span标签(重点)排版标签总结1.2文本格式化标签(熟记)1.3标签属性1.4图像标签img(重点)1.5链接标签(重点)1.6注释标签团队约定2.路径(重点、难点)相对路径绝对路径3.今日总结4.综合案例：圣诞5.@拓展阅读5.1锚点定位（难点）5

JasonYangQ·2023-04-12 05:33

极简系列---vue2.x消息组件message

亿个小目标本文代码仓库：https://github.com/littleluckly/vue2.x-comonents-study实现一个小小目标—极简版的messge消息组件支持多种调用方式1.组件内this.$message方式调用2.在.js文件中作为一个函数独立使用支持手动关闭message素材准备素材准备：一个普通的message.vue单文件组件接受两个参数：消息文本message、

勤学daydayup·2023-04-11 17:43

vue2.x 自定义组件横向滚动菜单 - 升级版

无图无真相！！！lz_menu2.gif需求：点击选项，滚动到中间，外部可以传入选中时颜色背景色等。开发环境vue2.xscss组件LzMenu.vue{{item.name}}exportdefault{name:"lz-menu",props:{menuItems:Array,DefaultIndex:0,iColor:{type:String,//未选中文本颜色default:"#333",

微笑中的你·2023-04-11 15:08

基于bpmn-js的流程设计器

文章目录基于bpmn-js的流程设计器一、技术栈二、功能列表三、代码1.package.json2.路由3.样式4.高亮5.下载文件6.国际化7.vue组件参考资料基于bpmn-js的流程设计器基于Vue2

格一物·2023-04-11 15:33

前端学习笔记

学习时易忘CSS基础translate对行内元素无效块元素宽度继承父元素，高度由内容撑起过渡写到本身上，谁做过渡给谁加transform要先写位移，因为旋转改变轴的方向透视perspective写在被观察元素的父盒子上面text-align对文字和行内块元素（img、input）以及行内有效，对块元素无效vertical-align只能写给行内元素或行内块元素img本身，写给父元素继承不到befo

3nduRance·2023-04-10 19:00

VHC - 一款基于 vue3 的移动端日期、时间选择插件功能丰富文档细致

https://github.com/TangSY/vue3-hash-calendar码云gitee：https://gitee.com/HashTang/vue3-hash-calendar其他版本vue2

HashTang·2023-04-09 19:52

Vue 组件化开发

创建组件构造器对象调用Vue.extend()创建的是一个组件构造器通常在创建组件构造器时,传入template代表我们自定义组件的模板该模板就是在使用到组件的地方,要显示的HTML代码事实上,这种写法在Vue2

coderlion·2023-04-09 11:28

前端学习笔记十一-WebAPIs（3）特效

一、元素偏移量offset系列1.1offset概述offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态地得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位1.2offset与style区别offsetoffset可以得到任意样式表中的样式值offset系列获得的数值是没有单位的offsetWidth包含p

AizawaSayo·2023-04-08 23:45

vue中引入TinyMCE实现富文本编辑器

整片文章是以vue2.X引入tinymce富文本编译器首先，先确认你的vue版本是2还是3，查看项目的package.json中vue的版本，我的是2.5.2一共两个步骤vue工程中安装tinymce将富文本编译器封装成组件将组件引入到页面中进行使用下面是详细步骤

努力的小球·2023-04-08 12:10

Ajax笔记

title:Ajaxcategories:web前端学习笔记date:2022-03-0115:27:51tags:什么是AJAX？AJAX=异步JavaScript和XML。

肥宅洛夫特斯基·2023-04-08 09:06

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个

九旬大爷的梦·2023-04-08 06:29

视图、时间函数、BOM、DOM、正则＜前端学习笔记＞

JS基础隐式类型转换+号作为正号解析可以转换成Number//+'11'===11letprice=+prompt("输入商品价格:")letnum=+prompt("输入购买数量：")冒泡排序先处理首尾，大循环次数==数组长度-1functionsort(arr){letlen=arr.length;for(leti=0;i第1个第2个第3个第4个//事件委托给父级添加事件冒泡到父级可用于动态加

DZW5323·2023-04-07 23:12

[前端学习笔记1]蓝桥杯Web应用开发组考点内容

蓝桥杯新推出了前端组，正好在找实习的方向，决定先学学前端，以赛促学，希望明年暑假能找到一个前端的实习（导师允许的前提下）。我完全是前端小白一个呀（准确的说开发小白一个，后端我也不会，但是我也想成为全栈工程师啊！！），所以今天先看看蓝桥杯考的东西都是干啥用的，百度搜一搜。学习路线：鱼皮-前端路线————————————————————HTML(HyperTextMarkupLanguage)HTML

Sunshine_xiaohao·2023-04-07 21:55

D1-前端学习笔记HTML和CSS简单了解

理论总解HTML元素剖析1.元素：开始标签、结束标签和内容组成2.开始标签&结束标记3.内容4.属性包含属性名和属性值`class="note"`5.嵌套元素可以将元素放在其他元素之中6.空元素``标记文本标签1.标题``2.段落``3.列表`无序列表``有序列表```4.链接``单标签CSS规则集剖析1.选择器2.声明3.属性属性值`/*`**语法**每个规则集都必须用花括号括起来**{}**每

说着故事睡觉·2023-04-07 11:04

TypeError: Cannot read property ‘parseComponent‘ of undefined解决办法

如果从vue2.x升级到vue3.x时候出现，项目无法启动，并出现如下报错命令的时候：这个是由于vue的版本与vue-template-compiler不一致导致的，先更新vue-template-compiler

任磊abc·2023-04-07 05:44

vue2.x computed vs methods

如何理解vue2.x官网计算属性是基于它们的响应式依赖进行缓存的以以下代码为示例,会发现除了计算属性不变,methods会随startTime的变更时重绘画面会重新执行,由于计算属性是响应式依赖进行缓存的

Nelson_sylar·2023-04-06 20:37

vue2.X版本使用小技巧总结（部分应该支持3.0）

1.require.context()1.场景:如页面需要导入多个组件,原始写法:importtitleComfrom'@/components/home/titleCom'importbannerComfrom'@/components/home/bannerCom'importcellComfrom'@/components/home/cellCom'components:{titleCom,

小虾米前端·2023-04-06 14:04

Vue引入vue-qr组件实现生成二维码，且实现在二维码中间加入logo图片功能

SumiMakito的Awesome-qr.js的Vue2.x组件适用于Vue.js的二维码组件！

一条爱学习的咸鱼·2023-04-06 10:17

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

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

前前前端小飞·2023-04-05 16:36

【前端学习笔记】04-HTML中＜img＞标签的路径语法

刚学习HTML时，对img的路径语法总是含糊不清，当我们使用img标签显示图片的时候，需要指定图片的资源路径，比如:总结下从本机文件夹导入图片时候相对路径与绝对路径的规则。示例：一、相对路径所谓相对路径，就是相对于自己的目标文件位置。如图片问html文件的在同个目录下时则只需要输入文件的图像名称即可例：如果是上在一级目录或是上一级目录images里的子目录则分别为：由此可见，若图片位于下一级路径时

SevgiliD·2023-04-05 15:26

vue2.x和vue3.0在scss样式中使用深度选择器的区别

在vue2.x中，使用scss时，深度选择器是::v-deep，/*vue2.x*/::v-deep.ant-form-item{width:100%;}/*这样即可生效*/在vue3.0中，由于::v-deep

Joemoninni·2023-04-05 09:22

Vue-ajax

vue项目中常用的2个ajax库1、vue-resourcevue插件,非官方库,vue1.x使用广泛2、axios通用的ajax请求库,官方推荐,vue2.x使用广泛vue-resource的使用1、

qianxun0921·2023-04-05 06:31

[译]如何用 Typescript 写一个完整的 Vue 应用程序

HowtowriteaVue.jsappcompletelyinTypeScript原文作者：PreetishHS译者：Gopal译者推荐：Typescript和Vue都是现在前端必备的知识，本文基本覆盖了目前Vue2

Gopal·2023-04-04 12:25

0基础学习vue2.x以3.x版本笔记day1

一、介绍：我们这先从vue2版本开始介绍，摘自vue2.x官网(介绍—Vue.js)的一句话,Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。

把柄·2023-04-04 09:11

Vue学习笔记03：Vue基础入门

1.3使用vue构建用户界面1.4解读核心关键词：框架1.5总结：什么是vue2.vue的特性2.1数据驱动视图2.2双向数据绑定2.3MVVM2.4MVVM的工作原理3.vue的版本3.1vue3.x和vue2

双-鱼·2023-04-04 05:25

Vue 3.0 响应性基础

JavaScript对象创建响应式状态，可以使用reactive方法：import{reactive}from'vue'//响应式状态conststate=reactive({count:0})reactive相当于Vue2

coderChenzr·2023-04-04 01:14

Vue 3.0 响应性基础【Vue3 从零开始】