Vue2.X前端学习笔记

前端学习笔记（11）-typescript总结

0.JavaScript和TypeScript的主要差异TypeScript从核心语言方面和类概念的模塑方面对JavaScript对象模型进行扩展。JavaScript代码可以在无需任何修改的情况下与TypeScript一同工作，同时可以使用编译器将TypeScript代码转换为JavaScript。TypeScript通过类型注解提供编译时的静态类型检查。TypeScript中的数据要求带有明确
吃花椒的恩酱·2023-12-29 05:20

Web前端HTML5表单的应用——调查问卷

石家庄邮电职业技术学院专属活动第2期：【校园前端学习笔记】主题征文石家庄邮电职业技术学院社区学号后四位：0235知识点(项目涉及标签)form标签——创建表单action属性用于指定接收并处理表单数据的服务器
最爱点点了·2023-12-29 03:09

Jenkins 打包 Vue 项目报错

记录下今天(20221026)发现的一个打包问题，今天下午突然发现Jenkins打包Vue2.x项目一直打包失败，报错如下：而在之前一直是正常的，自己的代码检查了再检查也没发现有写错，本地运行和打包也是没报错的
林_xi·2023-12-28 16:13

Vue2.x 源码 - v-model

上一篇：Vue2.x源码-eventv-model是Vue提供的双向绑定（数据驱动DOM，DOM变化影响数据）的全局指令，可以作用在表单元素上以及组件上；v-model解析1、在v-model的parse
三个木马人·2023-12-28 13:12

vue前端学习笔记

filter()方法创建给定数组一部分的浅拷贝，其包含通过所提供函数实现的测试的所有元素。constwords=['active','sunlight','self-confident','clever','health'];constresult=words.filter((word)=>word.length==6);console.log(result);结果如下：>Array["activ
努力努力，努力努力·2023-12-28 12:27

VUE2.X全局组件及动态引入组件

效果图：问题描述：当一个小item在项目中重复使用，或类似样式重复多次。左侧树结构在多个页面重复调用右侧四个小item外框相似，只有内容不同组件注册及批量注册：项目中需要多次使用，把它封装成公共组件，注册在全局进行多次复用。单独组件全局注册：在src/components文件下创建需要注册得组件文件，如：public-item/index.vue设备台账页面右侧第二个“设备统计”饼状图export
咩咩可以很温柔·2023-12-28 09:37

《Vue2.X 进阶知识点》- 防 ElementUI Divider 分割线

前言使用el-divider背景为白色是没问题的。但当背景换成其它颜色，问题就出现了！！仔细看原来是两层，默认背景色是白色。想着把背景色改为透明应该能用，结果发现背面是一条实线，难怪要用白色遮挡…不符合我的需求…实战那就仿一个吧（Vue组件）~。先看效果，上为el-divider组件，下为自定义组件。当背景为白色时差异不大（字体和线条颜色可自定义的）：换成其它背景色就很明显：以下是全部代码{{la
AvatarGiser·2023-12-27 17:14

【Vue】Vue2的最后一舞

Vue2.7是Vue2.x的最后一个次级版本。在此发布之后，Vue2将会进入长期技术支持(LTS：long-termsupport)状态，该状态从现在起计算会持续18个月，且不再提供新特性。
青皮桔·2023-12-27 02:55

Vue项目中使用fontawesome图标库

FontAwesome1.使用npm安装核心包，它包含了让图标工作的所有实用工具npmi--save@fortawesome/fontawesome-svg-core2.安装vue-fontawesome组件库，Vue2
淋雪小新·2023-12-26 12:59

前端学习笔记

文章目录1、学习路线2、token的安全储存方案3、跨域4、相关的学习链接前言：最近在学习前端补齐我的软件技能树，最近简单总结一下1、学习路线基本：vue3、ts(js)、vite、eslint、css(动画、布局)依赖包：vue-router、vue-i18n、store(pinio)、axios、ui组件（elementPlus、Angular、AntDesign）网络相关：cookie/se
Dream_Kite·2023-12-25 13:23

学习Vue2.x

ref属性（1）被用来给元素或子组件注册应用信息（id的替代者）（2）应用在html标签上获取的是真实DOM元素，或应用在组件标签上是组件实例对象（VC）（3）使用方法：打标识：或提取标识：this.$refs.titleprops属性功能：让组件接收外部传过来的数据，如父组件给子组件传递数据，子组件接收数据使用：（1）传递数据：（2）接收数据，第一种方式，只接收：props:[‘name’]第二
深巷的猫~·2023-12-25 04:03

JavaScript进阶（day04:高阶技巧）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、深浅拷贝浅拷贝和深拷贝只针对引用类型1.浅拷贝如果是简单数据类型拷贝值
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:40

JavaScript进阶（day01作用域&解构&箭头函数）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、作用域作用域（scope）规定了变量能够被访问的”范围
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:10

JavaScript进阶（day02:构造函数&数据常用函数）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、深入对象1.创建对象三种方式①利用对象字面量创建对象
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:10

JavaScript进阶（day03:深入面向对象）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、编程思想1.面向过程介绍面向过程，就是按照我们分析好了的步骤
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:40

JavaScript基础（day01:let/const变量、数据类型、ES6模板字符串）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈前言不能只看不动手不管多简单的代码都要练习随时暂停视频随时写代码不要抄代码重点难点案例一定要多写几遍
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:39

JavaScript应用（day01:DOM获取&属性操作）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、变量声明const声明的值不能更改，而且const声明变量的时候需要里面进行初始化但是对于引用数据类型
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:39

JavaScript应用（day07:实战案例）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈放大镜效果业务分析①：鼠标经过对应小盒子，左侧中等盒子显示对应中等图片获取对应的元素采取事件委托的形式
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:09

Vue核心语法、脚手架与组件化开发、VueRouter&Vuex、综合案例（待办事项工具）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、Vue核心语法Document{{content}}
我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:07

基于Vue2.x的前端架构，我们是这么做的

通过VueCLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个VueCLI插件和preset预设。ps.
街角小林2·2023-12-24 19:36

vue项目的创建和vue-router的详解

选择要创建项目的类型这里我通过方向键的上下键选择最后一个的自定义类型对项目中需要的内容进行选择通过空格来进行选择和取消选择选择vue.js的版本这里我们选择vue2.x的版本通过方向键来进行选择选择路由的模式输入
PCthedream·2023-12-24 01:35

vue-markdown插件zyf-markdown

这个插件目前只兼容vue2.x，暂时还不兼容vue3.0，兼容ie仓库地址国内仓库地址仓库地址示例demo安装npminstallzyf-markdown使用在main.js中调用importmarkDownfrom'zyf-markdown'Vue.use
沙滩上的一颗石头·2023-12-23 01:28

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

Vue.js源码剖析-模板编译Vue模板编译为什么需要模板编译Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂模板编译的目的将模板(template)字符串转换为渲染函数(
Wuner·2023-12-22 14:28

vue3.0 reactive函数

基本语法import{reactive}from"@vue/composition-api"//按需导入函数conststate=reactive({count:0})//得到的state类似于vue2
阿鑫YuXi9999·2023-12-22 12:21

如何在vue2中使用，没有npm包的js库

在vue2.X项目中，如果是是需要使用第三方的软件库，如果我们在npm中没找到对应的软件安装包，如果我们想要使用可以通过如下两个方法方法一：直接找到public文件夹下的index.html在头部直接通过
搬砖的哈哈·2023-12-21 21:50

前端漏洞信息：Vue2.x 项目删除 .js.map 文件

编译后不要生成.js.map文件，在vue.config.js文件中如下配置即可module.exports={productionSourceMap:false}
AvatarGiser·2023-12-21 10:33

Vue基础 (黑马程序员讲解)

Vue2.x技术精讲目录：1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/
妄心×·2023-12-21 03:53

Vue3配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。
天問_·2023-12-20 07:44

vue 高频面试题

1.简单说一下Vue2.x响应
月亮困了r·2023-12-18 11:28

Vue2.X 的 TypeScript 最佳实践

前言其实Vue官方从2.6.X版本开始就部分使用Ts重写了。我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是TypeScript+Vue，毛计喇，学之...…真香！注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲ClassAPI[图片上传失败...(image-15f86f-1623920495409)]1.使用官方脚手架构建npminstal
吞风咽雪·2023-12-18 04:47

Vue 2.x跟Vue 3.x有啥区别

大家好，我是咕噜-凯撒，我们都知道Vue是一款比较流行的前端JavaScript框架，在他演进的过程中出现了2个主要版本，Vue2.x和Vue3.x。
咕噜签名分发·2023-12-18 03:47

Electron+Vue手动搭建(非electron-vue方式)

不知道是不是我的问题，所以我这次想手动搭建，使用electron比较新的版本+Vue2.x版本(由于3.x还没有着手在项目中实践故没有用)。
咖啡与喵·2023-12-17 08:35

前端学习笔记（五）：VUE基础学习笔记

文章目录初识VUE（项目搭建）@vue/cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令tabbar案例VUE路由基础概念声明式导航路由传值的方式编程式导航嵌套和守卫Vant组件库VUE3VUE原理初识VUE（项目搭建）VUE渐进式j
★追梦赤子心★·2023-12-17 00:21

Vue2.x源码：new Vue()做了啥

例子1newVue做了啥?newVue做了啥,源码解析initMixin函数初始化–初始化Vue实例的配置initLifecycle函数–初始化生命周期钩子函数initEvents–初始化事件系统初始化渲染initRender初始化inject选项例子1{{title}}newVue({el:'#app',data:()=>{return{title:'HomePage'}}})更多详细内容，请微
前端布道人·2023-12-16 12:49

Vue2.x源码：new Vue()做了啥

例子1newVue做了啥?newVue做了啥,源码解析initMixin函数初始化–初始化Vue实例的配置initLifecycle函数–初始化生命周期钩子函数initEvents–初始化事件系统初始化渲染initRender初始化inject选项例子1{{title}}newVue({el:'#app',data:()=>{return{title:'HomePage'}}})更多详细内容，请微
前端布道人·2023-12-16 12:49

前端面试——Vue篇（v-for和v-if为什么不能连用？）

（1）在vue2.x中，v-for的优先级高于v-if的优先级，当同时使用时，会导致v-if没有判断时，元素已经被渲染了一部分。
每月一瓶米诺地尔·2023-12-16 07:40

前端学习笔记之CSS3浮动定位与背景样式（三）

CSS3浮动定位与背景样式浮动与定位浮动的基本概念浮动用来实现并排浮动的最本质功能：用来实现并排浮动的使用浮动使用要点：要浮动，并排的盒子都要设置浮动父盒子要有足够的宽度，否则子盒子会掉下去浮动的顺序贴靠特性子盒子会按顺序进行贴靠，如果没有足够空间，则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素，已经脱离了标准文档流，一律能够设置宽度和高度，即使它是span或者a标签等span{fl
FrebEaton·2023-12-15 15:57

Vue2.x 中实现父子组件间的双向绑定

Vue2.x中父子组件中props的属性不能在子组件中改变其值然后传出至父组件了，但是有的时候也会存在一些麻烦，比如我们想要实现一些自定义组件，总是会有值的传入传出改变的，比如我希望做一个popup，那么肯定需要根据父节点的状态来确定子节点
CRUD_科科·2023-12-15 07:45

el-tree数据量过大，造成浏览器卡死、崩溃

el-tree数据量过大，造成浏览器卡死、崩溃场景：树形结构展示，数据超级多，超过万条，每次打开都会崩溃我这里采用的是引入新的插件虚拟树，它是参照element-plus中TreeV2改造vue2.x版本虚拟化树形控件
hibiscusxin·2023-12-06 13:55

vue2.x 中全局和按需引入 element-ui 组件库 ？

全局引入安装依赖npminstallelement-ui-Smain.js中引入全局完整引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);按需引入安装依赖npminstallelement-ui-S引入插件按需引入功能依赖于babel-plugin-co
『九离~空白』·2023-12-06 12:05

vue2.x中事件总线EventBus的使用

vue2.x中事件总线EventBus的使用一、使用方法二、手写实现EventBus原理一、使用方法//eventBus.jsimportVuefrom"vue";constEventBus=newVue
Lin_熊米·2023-12-05 19:57

vue2.x框架里面的事件总线eventBus的原理解析

vuejs2.x里面的事件总线大家因该都会用了leteventBus=newnew()然后我们就就可以获取到实例上的on,on,on,emit,$off事件了，从而就可以进行组件特别是兄弟组件之间的数据传递了！今天我们不讲怎么使用这个，主要记录下怎么实现这个总线的原理！不多说，上代码发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将
风清云淡_A·2023-12-05 19:25

前端学习笔记

目标：使用react+antdesign构建出一个前端项目，并且可以自由的添加组件已会：html、css、js所需前置知识：ES6，nodejs，webpack，jsx，react，typescript学习路线如下：1、nodejs安装，会npminstall装包和npmstart项目即可2、webpack是做什么的，一个项目打包工具，可以把ES6语法转化为浏览器能识别的ES5语法webpack教
MInNrz·2023-12-05 19:59

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

面试官：Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？
C+ 安口木·2023-12-04 19:31

vue2.x的变化之一：禁止修改props

一、说明在vue1.x中，可以在子组件中改变prop的值，在vue2.x中已被废弃。官方文档解释如下：组件内修改prop是反模式(不推荐的)的。
明灭_·2023-12-04 08:48

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理vue2
十八岁讨厌编程·2023-12-03 19:06

element ui el-date-picker日期时间选择器 设置只能选择不大于30天时间范围

日期组件type为daterange或者datetimerange都生效实现（vue2.x）：通过属性picker-optionshtmldatadata(return{isRestart:false,
违规昵称001·2023-12-02 06:26

快速理解Vue的虚拟DOM和Diff算法

（其实是我偷个懒）正文深入Vue2.x的虚拟DOMdiff原理vue虚拟dom实现原理推荐按照顺序阅读，有助于快速理解。
迦叶凡·2023-12-02 02:22

Vue中使用echart实现中国地图统计图

Vue中使用echart实现中国地图统计图前言Echart版本的确定全局导入或按需导入在对应的页面调用echart前后端数据交互注意事项前言在Vue2.x开发中，为了更好地展示某一个时间段，在全国范围内的吸粉数据
weixin_45593968·2023-12-01 18:36

【一、前端开发基础】HTML+CSS基础

学习笔记：基于黑马前端视频学习的CSS3笔记黑马前端学习笔记查看某个前端技术是否兼容浏览器版本HTMLVScode1、OpenInDefaultBrowser=》Alt+B2、注释：Ctrl+/3、查看
小蜜蜂学爪哇·2023-12-01 17:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他