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

vue2.x 迭代更新项目去掉缓存处理

找到build文件下的webpack.prod.conf.js文件定义一个常量versionconstVersion=newDate().getTime();然后在.js和.css前面加上.${Version}就可以了（注意得把原本的''换成``）

chendawen2014·2023-09-27 11:29

尚硅谷HTML5&CSS3 前端学习笔记04_内联框架_音视频

内联框架向网页中引入其他网页Documenthello音视频对本地服务器没有压力，直接去其他网页中点分享代码地址，复制到页面中。Document对不起，您的浏览器不支持播放音频！

KarinAu·2023-09-26 05:40

vue2.x使用debounce里debounce第二个参数怎么读取到this

最近遇到一个需求,vue2.x里的debounce的延迟时间(暂记为wait)需要通过this.wait拿到很快啊,一顿操作,有了如下代码123import{debounce}from'lodash'exportdefault

Nelson_sylar·2023-09-25 01:26

四：React进阶二（虚拟DOM）

扩展：深入Vue2.x的虚拟DOMdiff原理第一种渲染1.state数据2.JSX模板3.数据+模板结合，生成真实的DOM，来显示4.state发生改变5.数据+模板结合，生成真实的DOM，替换原始的

废柴阿W·2023-09-24 16:18

Web前端学习笔记09：移动web开发流式布局_flex布局

文章目录移动web开发流式布局1.0移动端基础1.1浏览器现状1.2手机屏幕的现状1.3移动端调试方法2.0视口2.1布局视口layoutviewport2.3理想视口idealviewport2.4meta标签3.0二倍图3.2背景缩放background-size4.0移动开发选择和技术解决方案4.2移动端技术解决方案4.3移动端大量使用CSS3盒子模型box-sizin4.4移动端特殊样式5

JasonYangQ·2023-09-23 09:14

Vue 3.0 全局API

Vue2.x有许多全局API和配置，这些API和配置可以全局改变Vue的行为。

Blur Blue·2023-09-23 08:24

vue2 provide/inject watch 监控inject中值变化

在Vue2.x中，使用inject注入的值默认情况下是不能被watch直接监控到的，因为inject提供的值不是响应式的。

冰雪为融·2023-09-22 08:22

2023 vue2的响应式原理通俗易懂！

Vue2.x实现响应式数据：{{message}}UpdateMessageconstapp=newV

a1161105403·2023-09-22 08:38

vue2.x使用Relation Graph 人物关系图谱

贴个官网：relation-graph:一个vue关系图谱组件引入relation-graphnpminstall--saverelation-graph1.人物关系图谱的基础使用importSeeksRelationGraphfrom"relation-graph";exportdefault{name:"SeeksRelationGraphDemo",components:{SeeksRela

冰糖果粒橙·2023-09-21 13:03

Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）

1.Vue概述尤雨溪：Vue.js的创建者2014年2月，Vue.js正式发布2015年10月27日，正式发布1.0.02016年4月27日，发布2.0的预览版本Vue：渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建官网：https://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活

魔术师ID·2023-09-21 05:26

前端学习笔记（持续更新）

Javascript浏览器常用的输出方式数据类型检测的四种方法DOM及相关操作数学函数Math日期对象Date数组及常用方法正则表达式异步编程ES6解构赋值ES6数组新增方法本地存储AJAX入门面试题数组去重获取数组中的最大值(最小值)React初识脚手架JSX语法函数组件与类组件ReactHooks组件通信路由NODE安装与常用操作REPLBuffer缓冲器常用内置模块

Leonard被注册了·2023-09-20 01:08

Vue2入门从0到1

Vue2.x基础代码使用说明以及提供一个开箱即用的demo用于练习安装开箱即用（学习推荐，最好上手）开始使用创建一个Vue实列varApp=newVue({el:'#app',//实列化dom的选择器components

-Bell-·2023-09-18 16:20

vue2.x全局引入vue-echarts

自己封装echarts觉得麻烦，所以找了一个现成的。本文基于"vue-echarts":“6.5.4”，“echarts”:“5.4.2”,1、安装npminstallechartsvue-echarts//Vue2(data(){return{option:{title:{text:'TrafficSources',left:'center'},tooltip:{trigger:'item',f

风中蒲公英·2023-09-18 09:12

在项目中，关于前端实现数据可视化的技术选择

需求背景技术框架是Vue2.x版本，组件库是AntDesignofVue能够支撑足够多的图表类型开发图表大小/位置能够随意变动图表样式需要支持丰富多样的用户配置强大、开放的图表语法支持复杂的数据可视化场景兼顾电脑端和手机端

AI3D_WebEngineer·2023-09-17 22:01

前端项目总结干货 + 渡一、coderwhy、黑马、尚硅谷实操笔记（第二版，持续更新中~~~）

前端学习笔记(温馨提示：最好根据目录查看笔记)构建vite、vue项目[email protected]知识储备响应式原理（渡一）什么是数据响应式

monkey-papa·2023-09-17 15:11

Vue2.x项目中愉快使用3.0特性

Vue2.x项目中愉快使用3.0特性早在Vue3源码公布之前，Vue官方已经透露了代表下一代Vue技术的Vue3将采取的新的接口使用方式。这种新的方式叫做CompositionAPI（组合式API）。

_孤傲_·2023-09-16 04:15

移动端和桌面端的前端预览pdf文件实现办法

文件前期调研可以实现pdf文件预览的方式有PDFObjectvue-pdfPDF.jspdfh5需求：在移动端和桌面端，以及vue3.x中实现预览pdf文件前四种方案，均在移动端有问题，显示不出Vue-pdf：适用于vue2

Lee 酱·2023-09-15 07:18

如何在Vue2.X/Vue3.X项目引入jQuery，以及增加jQuery.easing扩展？让你的动画效果更加丝滑！

前言还记得在2015左右，网页开发依然是jQuery的天下，虽然Vue、React开始盛行，以及后面Angular也开始抢占市场，但是jQuery在市场上依然占有较大的比重。当时的html页面大多是用jQuery来写的，为jQuery设计的插件也是相当丰富的。比如，使用jquery.js结合jquery.easing.js来实现动画效果就挺方便的。之所以使用jquery.easing.js扩展库，

帅龍之龍·2023-09-15 05:33

【前端笔记】HTML、CSS、JavaScript、ES6新特性

前端学习笔记汇总HTML【HTML】常用标签语义及用法、vscode的使用【HTML5】新增语义化标签、多媒体标签、input表单、表单属性CSS【CSS基础】基础选择器、字体属性、文本属性以及CSS引入方式

君和-·2023-09-14 08:19

Vue3 组合式API setup语法糖

目录1.setup语法糖defineProps：defineEmits:defineExpose：2.Vue3中的组合式API1.setup语法糖Vue3引入了setup语法糖，以取代Vue2.x中的选项对象方式

万物得其道者成·2023-09-13 22:23

Vue组合式API--setup中定义响应式数据详解

一、OptionsAPI(选项式API)的弊端1.1什么是选项式API在Vue2.x中，编写组件的方式是使用OptionsAPI，它的特点是在对应的属性中编写对应的功能模块。

流水武qin·2023-09-13 22:23

vue3第六幕之【组合式API】setup语法糖

1.1Def1.2框架图示2基本框架搭建2.1datamethods等2.2返回值（两种）2.2.1返回一个对象2.22返回一个渲染函数2.2.3切记vue23混写3注意点汇总（后续补充）3.1不要与vue2

Dorable_Wander·2023-09-13 22:52

vue3 - 父子组件之间的传值 2022-03-01

近期学习vue3的父子组件之间的传值，发现跟vue2.x的父子组件之间的传值并没有太大的区别，我这边总结一下，希望对大家有所帮助。

小沙坨·2023-09-11 12:20

基于vue2.x实现的即时通讯程序仿微信聊天9开发添加好友及我的页面

下面开发添加好友页面以及功能开发添加好友页面需要点击下面这种图中的➕号image.png点击【添加好友】弹出popup弹窗，但是要区分下我们点击的是添加好友，还是扫一扫。。。根据popover的配置项，多增加一个type标识来区分，代码如下actions:[{text:'添加好友',icon:'add-o',type:1},{text:'扫一扫',icon:'music-o',type:2},{t

风中凌乱的男子·2023-09-10 12:19

B站云E办Vue+SpringBoot前后端分离项目——搭建vue.js项目（一）

项目前端学习笔记目录B站云E办Vue+SpringBoot前后端分离项目——搭建vue.js项目B站云E办Vue+SpringBoot前后端分离项目——前端动态获取菜单目录项目后端学习笔记目录B站云E办

三月的一天·2023-09-09 15:40

vue2.x项目引入CKEditor4的两种方式

百度用了不行的看过来，本文专治各种流程不通的一.直接npm下载型下载ckeditor到vue项目npminstallckeditor4-vue2.在main.js里导入importVuefrom'vue';importCKEditorfrom'ckeditor4-vue';Vue.use(CKEditor);3.在需要使用的组件里这样使用exportdefault{name:'app',data(

since �·2023-09-09 01:56

vue2.X 中使用 echarts5.4.0实现项目进度甘特图

vue2.X中使用echarts5.4.0实现项目进度甘特图效果图：左侧都是名称，上面是时间，当中的内容是日志内容组件：gantt.vueimport*asechartsfrom"echarts";exportdefault

小果子^_^·2023-09-08 08:04

Vue项目案例-头条新闻

3.2对应代码4.共通组件开发4.1设计思路4.2对应代码5.头条新闻组件开发5.1设计思路5.2对应代码6.分类新闻组件开发6.1设计思路6.2对应代码7.项目打包1.项目介绍1.1项目功能该案例为使用Vue2

N-A·2023-09-06 10:10

vue-pdf 一个基于vue的pdf预览插件(vue2.x)

vue-pdf的使用示例官方入口>>>github地址vue版本:"vue":"^2.6.14"vue-pdf版本:"vue-pdf":"^4.2.0"、"vue-pdf":"^4.3.0"安装指令:npminstall--savevue-pdf1、分页显示：效果图：组件模板:当前页数/总页数：{{pageNum}}/{{pageTotalNum}}进度：{{loadedRatio}}页面加载成功

哥伦比亚。·2023-09-05 16:16

npm run serve与npm run dev的区别

一般在vue3.x的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev，dev是vuecli2的默认执行命令，serve是vuecli4的默认执行命令例:在我们运行一些vue

几两春秋梦_·2023-09-05 06:28

VUE3.0

Vue3.0六大亮点Performance：性能比Vue2.x快1.2~2倍(重写虚拟DOM，优化了模板编译)Treeshakingsupport：按需编译,体积比Vue2.x更小(Vue2大量API挂载到

金刚狼_3e31·2023-09-05 06:30

前端学习笔记之this——懂不懂由你，反正我是懂了

thisthis对于初学JS的新人来说，是一道坎，看到this就晕头晕脑，脑容量一下不够用了。先来说下判断this结论this是函数调用时call的第一个参数this只有在函数执行的时候才能被确定，实际指向调用它那个对象（上一级）先来看下函数常用的几种调用方式fn(a,b)fn.name(a,b)varf=fn.name;f(a,b)fn.call(undefined,a,b)fn.apply(u

astak3·2023-09-05 02:43

vue2.x版本中computed和watch的使用入门详解-computed篇

前言在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。基础使用在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理结合state状态使用通过changeName返回一段依赖于name的字符串computed基本使用name值：{{name}}{{c

程序员布欧·2023-09-04 19:58

Vue3笔记

（了解）注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data、methos、computed…）中可以访问到setup中的属性、方法

lizc_lizc·2023-09-04 16:12

Object.defineProperty 和 Proxy 区别，及vue3为什么采用新的Proxy

2.分析Vue2.x中对数组Observe部分源码。3.对比Object.defineProperty和Proxy。无法监控

怪叔叔lz·2023-09-04 06:45

【vue】vue2.x解决兼容IE8以上问题：

文章目录一、vue-cli：【1】安装依赖：【2】main.js【3】配置vue.config.js文件chainWebpack方法中添加【4】babel.config.js【5】没有被编译的依赖报错二、webpack-cli：【1】下载babel-polyfill包【2】在webpack.base.conf.js中修改【3】在.babelrc文件中添加一、vue-cli：【1】安装依赖：npmi

Sun Peng·2023-09-03 16:02

[前端学习笔记]Node.js基础知识整理（包含npm、express、cors、mysql）

文章目录一、什么是Node.js1.Node.js运行环境2.Node.js可以做什么二、Node.js内置API模块1.fs模块：读写操作文件2.path模块：处理路径3.http模块：创建web服务器三、模块化与npm1.模块化2.npm四、Node.js第三方API模块1.express2.CORS3.mysql五、Web开发模式六、身份认证1.Session认证机制2.JWT认证机制七、补

sillyxue·2023-09-03 10:37

Web前端学习笔记14： Web APIs_DOM_元素_事件_排他操作_自定义属性_节点操作

文章目录day01-WebAPIs1.1.WebAPI介绍1.1.1API的概念1.1.2WebAPI的概念1.1.3API和WebAPI总结1.2.DOM介绍1.2.1什么是DOM1.2.2.DOM树1.3.获取元素1.3.1.根据ID获取1.3.2.根据标签名获取元素1.3.3.H5新增获取元素方式1.3.4获取特殊元素（body，html）1.4.事件基础1.4.1.事件概述1.4.2.事件

JasonYangQ·2023-09-03 03:33

Vue3学习文档

一、Vue3.0六大两点Performance：性能比Vue2.x快1.2~2倍Treeshakingsupport：按需编译,体积比Vue2.x更小CompositionAPI:组合API(类似ReactHooks

19岁的墨先生·2023-09-02 20:22

Vue生命周期及各组件间的执行情况

注：本文是以Vue2.x

天将降大任于我·2023-09-02 20:21

学习Vue 3.0 （2）

Vue3.0生命周期Vue3.0中可以继续使用Vue2.x的生命周期钩子，但是有两个被更名beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0

Beppo·2023-09-02 11:56

vue2和vue3的区别

相比vue2.x，使用proxy的优势如下：defi

木头没有瓜·2023-09-02 04:35

Vue3.0 setup函数

（了解）5、注意点：-①尽量不要与Vue2.x配置混用

蹲蹲、·2023-09-01 07:24

vue面试题_vue2和vue3的区别

相比vue2.x，使用proxy的优势如下：defineProperty只能监听某个属性，不能对全对象监听可以省去forin，闭包等内容来提升效率(直接绑定整个对象即可)可

田江·2023-08-31 16:27

前端学习笔记之CSS3新特性3D转换 3.23

13D转换概念我们生活的环境是3D的，照片就是3D物体在2D平面呈现的例子。特点：1.近大远小。2.物体后面遮挡不可见当我们在网页上构建3D效果的时候参考这些特点就能产出3D效果。三维坐标系：三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。x轴：水平向右注意：x右边是正值，左边是负值y轴：垂直向下注意：y下面是正值，上面是负值z轴：垂直屏幕注意：往外面是正值，往里面是负值3D转换常用的

Terry-98·2023-08-31 16:51

vue2.x项目从0到1（七）之用户权限

此章节偏理论知识对于小一点的项目比如说角色都是平级的那我们直接像之前vue2.x项目从0到1（二）之后台管理侧边栏（动态渲染路由以及高亮）_vue动态渲染侧边栏_关忆北_的博客-CSDN博客这样渲染就行了但是一旦项目大了就比如

关忆北_·2023-08-31 13:57

【vue3 组合式函数】

相比于Vue2.x的mixins和

cv全粘工程师·2023-08-29 14:04

Git操作＜前端学习笔记＞

版本控制软件简单操作只需记住几组简单的终端命令，即可快速上手常见的版本控制软件易于对比基于版本控制软件提供的功能，能够方便地比较文件的变化细节，从而查找出导致问题的原因易于回溯可以将选定的文件回溯到之前的状态，甚至将整个项目都回退到过去某个时间点的状态不易丢失被用户误删除的文件，可以轻松的恢复回来协作方便基于版本控制软件提供的分支功能，可以轻松实现多人协作开发时的代码合并操作分类：本地版本控制系统

DZW5323·2023-08-29 10:41

vue2.x通过指令实现v-debounce和v-throttle防抖节流的实现，亲测可用。

在vue2.x中，防抖和节流一般是通过引入防抖函数debounce和节流函数throtte，对事件回调进行一层包裹，然后在模板中绑定包裹后的事件回调，这样每个需要用的地方都需要进行防抖，节流函数的导入，

新时代的弩力·2023-08-28 11:04

第一章、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue目录结构

Vue3.x发布于2020年9月19日，在Vue2.x的基础上面进行了一些优化，对TypeScript有更好的支持。Vue3.x的语法和Vue2.

我爱张智容·2023-08-28 06:25

推荐频道

Vue2.X前端学习笔记