E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE3.0学习随笔
Vite与Vue-cli的区别和特点
目录前言1.如何使用Vite和Vue-cli创建
vue3.0
项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建
vue3.0
时的一个基本项目脚手架和开发服务器的构建工具
程序员--韩同学
·
2024-02-03 12:40
vue3.0
vue.js
webpack
javascript
vue3.0
Composition API上手体验
vue3.0CompositionAPI上手体验
vue3.0
对比vue2.0优势
vue3.0
相比vue2.0性能提升了近50%,框架内部做了大量性能优化,包括:虚拟dom,编译模板,Proxy的新数据监听
廊坊吴彦祖
·
2024-02-03 08:57
vue
vue3.0
Composition
API
vue
vue-cli4
Vue3.0
(一):Vue的引入-options api-模板语法
Vue的引入方式CDN方式进行引入将以下script标签引入即可Document//使用Vueconstapp=Vue.createApp({template:`hello`,});//挂载app.mount("#app");本地引入可以将CDN中地址中的代码,拷贝到一个vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别以上案例是实现了一个计数器的功能左边是Vue实现右边是原生实
前端大菜鸟_
·
2024-02-03 08:55
Vue3.0
vue.js
前端
前端框架
Vue3快速上手
一、创建
Vue3.0
工程1.使用vue-cli创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue
吃一口你的梦。
·
2024-02-03 05:53
vue.js
前端
学习
vue3.0
源码解析,patch&diff过程
什么是patch在浏览器中,每次操作dom,都会引起一次重绘重排过程,如果短时间进行多次操作,对性能损耗很大,容易引起卡顿。在vue中,使用虚拟dom(Virtualdom),来对真实dom的一种抽象化处理的树结构,模拟真实dom,提升性能。而在更新dom节点时,通过对虚拟dom的对比diff(如果是更新操作)来进行对虚拟dom结构的增删改的一系列操作流程,就是patch过程。前置了解在解读源码之
柯闪电
·
2024-02-02 15:47
vue
vue.js
javascript
vue
vue3.0
、cli4项目引入element plus
element团队为新版的vue-cli4准备了相应的ElementPlus插件安装依赖npminstallelement-plus--savemain.js全局引入,样式文件需要单独引入import{createApp}from'vue'importElementPlusfrom'element-plus';import'element-plus/lib/theme-chalk/index.cs
aら 淼
·
2024-02-02 12:29
vue
组件
element
plus
Node
学习随笔
—http相关__http模块&路由
一:http模块http模块是node的常用模块,可以用浏览器访问写的代码1.引进http模块(核心模块不需要安装)lethttp=require("http")2.创建服务器(参数接受函数)letserver=http.createServer((req,res)=>{//返回结果(状态码,返回类型,返回的编码)res.writeHead(200,{"Content-type":"text/ht
rain_li
·
2024-02-02 04:51
Vue学习之使用HBuilderX创建并使用
vue3.0
项目
Vue学习之使用HBuilderX创建并使用
vue3.0
项目下文将简述如何使用HBuilderX创建并使用
vue3.0
项目,包含项目创建、目录介绍、如何引用组件、首页自定义设置。
ciku
·
2024-02-01 20:08
Vue学习
vue.js
学习
前端
vue3.0
组件传值
vue3.0
组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom
miao_zz
·
2024-02-01 14:45
vue3.0
javascript
vue.js
前端
最新最全的前端面试题集锦之
Vue3.0
篇【干货满满】
该内容主要整理关于
Vue3.0
的相关面试题,关于Vue2的相关面试题请移步至:Vue全家桶篇,其他内容面试题请移步至最新最全的前端面试题集锦查看。
八了个戒
·
2024-02-01 04:38
Vue系列
前端面试
前端
vue
面试
react
Vue3
最新最全的前端面试题集锦之 Vue 全家桶篇(从基础到高级,最新最全最详细解答)
关于
Vue3.0
的相关面试题,请移步至
Vue3.0
篇查看。目录一、Vue经典面试题(附答案)1.什么是`MVVM`?2.`MVVM`和`MVC`区别?它和其它框架(`jQuery`)的区别是什么?
八了个戒
·
2024-02-01 04:08
前端
前端面试
Vue系列
vue
面试
js
vue.js
【Vue】手把手带你深入了解
Vue3.0
的渲染器
前置概念vdom:多个虚拟元素节点组合成的树状结构vnode:某一个虚拟元素节点挂载:将虚拟DOM节点渲染成真实DOM节点的过程一、渲染器的设计首先我们要区分vue当中两个概念,一个是渲染器(renderer),一个是渲染(render)。前者renderer,渲染器的作用是将我们的vdom转化成真实的DOM元素来呈现。后者render,渲染函数的作用是将我们的vnode添加并且挂载到真实DOM容
Triumph-light
·
2024-01-30 18:14
Vue框架
vue.js
javascript
前端
【Vue】
Vue3.0
样式隔离
在这里记录一下
Vue3.0
里面的样式隔离特性,在项目开发过程当中,有时候将样式单独提到了一个文件当中再引入到单组件文件当中,会导致没有样式隔离。这里阅读Vue官方文档找到了解决办法。
Triumph-light
·
2024-01-30 18:12
Vue框架
vue.js
前端
javascript
vue3.0
中设置网页title
1.在public/index.html中设置title2.路由中设置meta//路由配置规则constroutes:Array=[{path:'/login',name:'login',meta:{title:'登录'},component:()=>import(/*webpackChunkName:'login'*/'@/views/login/index.vue')},{path:'/',c
猫在裙角jslms
·
2024-01-30 12:09
VUE3.0
vue
ElasticSearch 8.x 使用 snapshot(快照)进行数据迁移
ElasticSearch1、ElasticSearch
学习随笔
之基础介绍2、ElasticSearch
学习随笔
之简单操作3、ElasticSearch
学习随笔
之javaapi操作4、ElasticSearch
YPhen
·
2024-01-30 08:47
ElasticSearch
elasticsearch
搜索引擎
全文检索
ElasticSearch 8.x 版本如何使用 SearchRequestBuilder 检索
ElasticSearch1、ElasticSearch
学习随笔
之基础介绍2、ElasticSearch
学习随笔
之简单操作3、ElasticSearch
学习随笔
之javaapi操作4、ElasticSearch
YPhen
·
2024-01-30 08:47
ElasticSearch
elasticsearch
搜索引擎
全文检索
vue3.0
性能优化点之静态标记(PatchFlag)
关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7kStar,主流UI框架如:AntDesignofVue、elementplus、Vant等已实现了对Vue3的支持关注颇高的Vue3都有哪些亮点呢?性能上快了1.3~2倍是Vue3的一大亮点,而本文就主要记录下提升性能的一个措
Ashley的成长之路
·
2024-01-29 18:34
Vue
前端
vue.js
性能优化
javascript
snowpack和vite:noWebpack,无bundle的代表
支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理vite上手使用安装及初始化基本原理选型和展望相关链接“noWebpack”,无bundle的代表:snowpack和vite前段时间
Vue3.0
Micheal_Wayne
·
2024-01-28 20:23
前端
js
webpack
vue.js
javascript
webpack
前端
node.js
一个
Vue3.0
项目的搭建到开发(Vue3+Vue/cli4.x+ElementPlus+vue-router等)
最近稍微了解了点VUE的用法,也自己做了一个很简单的项目,这里记录一下项目的完整的开发过程,包括搭建,整合包,配置等,顺便一边记录一边重头搭一遍作为下一个练手项目的开始。安装环境Nodejs安装Nodejs,自行下载安装并配置系统环境变量就行了,不过要注意下版本选择,目前我的node是16.4.1,执行一下node-v显示版本就代表安装和配置成功啦!vue/cli接下来安装vue脚手架,执行命令n
KimiKudo
·
2024-01-28 05:31
学习记录
vue.js
前端
javascript
vite搭建
vue3.0
项目
vite官网创建项目1、yarncreate@vitejs/appimage还有很多选项,我选的是vue安装相关依赖1、开发依赖yarnaddvue-router@nextvuex@nextelement-plusaxios-S2、生产依赖yarnaddsass-D修改端口号vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vit
X_8d6a
·
2024-01-28 04:08
vue3.0
正确安装 vue-devtools插件
下载vue-devtools插件时遇到的问题,由于是版本问题导致的,目前vue-devtools需要使用beta版本的,这个才是vue3.x用的。1.在官网https://github.com/vuejs/devtools,下载vuejs_devtools_beta-6.0.0.20-an+fx.xpi文件,安装到谷歌2.点击beta版的,下载最新的版本3.下载后把文件后缀名改成rar,再解压4.
zht__123
·
2024-01-28 00:19
vue.js
前端
vue3 初体验
据vue作者尤雨溪去年发布的
vue3.0
正式版本发布以来一直没时间看,今天就来体验一下
vue3.0
。
邹小小白
·
2024-01-27 13:50
学习随笔
1——前端路由和后端路由
一、后端路由阶段:后端处理URL和页面之间的映射关系。后端渲染,即服务器渲染(早期):例如jsp:javaserverpage(html+css+java:从数据库中读取数据,并将它动态的放在页面中)。浏览器发送URL到服务器,解析判断是请求什么页面,利用jsp等技术写好网页,动态渲染到页面后传给浏览器,有利于SEO优化(映射关系)。2、前端渲染,即前后端分离:后端只负责提供数据,不负责任何阶段的
thxforeal
·
2024-01-26 18:23
前端
javascript
学习随笔
132~聆听、看见
今天我在外围感受发生的一切,那种感觉很美妙!俞桦老师问我,我说我想“看见”。这样的看见不是第一频道,恰恰第一频道安稳的决定。在第一天我对于自己的愿景是聆听;专业的愿景是看见他人、老师、助教、自己。我很庆幸自己可以和袁老师做了那么多一频道的功课,才有了此刻不一样的决定!人生的很多收获身在其中是一种体验,身在其外也妙不可言!图片发自App在这个大宇宙空间内,我们因为缘分而聚合,聚合之力就是宇宙的洪荒之
善水100
·
2024-01-26 16:19
vue3.0
规范学习记录
组合式函数使用use+name进行命名,例如useMouse;自定义指令使用v+name进行命名,例如vFocus;在组件使用v-model实现“双向绑定”时,子组件默认通过emits(‘update:modelValue’,params)触发更新;setup()钩子是在组件中使用组合式API的入口,通常只在以下情况下使用:需要在非单文件组件中使用组合式API时。需要在基于选项式API的组件中集成
椒盐大肥猫
·
2024-01-26 09:58
vue3
javascript
vue.js
在
vue3.0
的JSX语法下使用插槽
由于在vue2中JSX的语法在渲染和代码简洁度上有优化,偶尔也会用JSX的形式封装组件;新的项目里开始用vue3发现,以前丢插槽的两种方式行不通了,得想想办法才行。//vue2插槽写法render(h){const{$scopedSlots}=this//第一种const{title=()=>h('p',{style:'margin-top:0'},this.title),}=$scopedSlo
白菜new
·
2024-01-25 23:14
element-ui
Vue
javascript
vue.js
前端
修改element-ui某个深层元素
某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox/deep/.el-input__inner{padding:010px;}注意,/deep/在
vue3.0
weixin_46852620
·
2024-01-25 17:15
elementUI
vue3.0
项目引入three.js的方式(vue中使用three.js01)
vue中引入three.js有两种方式1.在index.html文件中引入2.通过npm下载依赖包引入注:以下操作是vue-cli3.0的引入的实现步骤下载依赖包npminstall--sthree配置文件设置在项目目录下创建vue.config.js文件constThreeExamples=require('three')...//第三方插件配置pluginOptions:{//......Th
点燃火柴
·
2024-01-25 02:43
vue-three.js
three.js
vue中使用three.js
三维可视化
三维web
vue3.0
路由route/router的使用
注意vue-router版本,我用的是"vue-router":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.//ThesecanbeimportedfromotherfilesconstHome={template:'Home'}constAbout={template:'About'}//2.Definesomeroutes//Eachrou
小阮的学习笔记
·
2024-01-24 18:25
vue
从vue2到vue3,一文带你看完vue3的新特性
目录前言第一部分、vue2的痛点——代码糅杂第二部分、Vue3的组合式API(CompositionAPI)一、setup1.setup的定义2.setup的语法1)写法1:
vue3.0
,setup函数
凯der苦练心态
·
2024-01-21 23:38
Vue
前端
javascript
开发语言
【
Vue3.0
】- 依赖注入
Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault{inject:['foo']}
vue3.0
啦啦啦喽啰
·
2024-01-21 16:20
2024.1.5 使用vue编写hello world
2024.1.5使用vue编写helloworld一个最简单的vue程序,现在已经是
vue3.0
时代,仅做留念附件是vue2.0.js文件vue2{{message}}newVue({el:"#app"
leigh_chen
·
2024-01-21 13:28
开发日记
vue.js
前端
javascript
【
vue3.0
】24.0 某东到家( 廿四)——订单列表开发
DOM完善修改src\views\orderList\OrderList.vue我的订单某什么码1已取消某什么码1¥588共3件importDockerfrom'@/components/Docker/Docker'exportdefault{name:'OrderList',components:{Docker}}.wrapper{overflow-y:auto;position:abs
bobokaka
·
2024-01-21 12:44
vue3和vue2的区别?好在哪里?
使打包的整体体积变小了;2、更友好vue3在兼顾vue2的optionsAPI的同时还推出了compositionAPI,大大增加了代码的逻辑组织和代码复用能力;3.proxy替换了之前的defineProperty二、
Vue3.0
苍山洱海胖
·
2024-01-20 21:11
====前端====
vue部分
#
vue日常
vue.js
前端
javascript
vue2.0和
vue3.0
的区别
vue2与vue3的区别更小vue2采用的是面向对象编程,vue3采用函数式编程更快vue3修改了细腻dom算法,只针对变化的层进行diff,而vue2是对所有的dom进行diff加强typescript支持api一致性提高可维护能力开放更多底层功能把更多的底层功能开放出来,比如render,依赖收集功能。数据双向绑定vue2使用的是definedOroperty,vue3使用的是proxyvue
wjing静
·
2024-01-20 16:58
Vue3+Element-Plus 登录功能配置弹框提示实现十五
小技巧:当前
Vue3.0
需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如
小丫头呀
·
2024-01-19 20:43
前端开发
vue.js
javascript
npm
Vue3笔记
文章目录1、
Vue3.0
环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI(组合API)1、setup函数2、ref函数3、reactive函数4、
Vue3.0
小狐狸ya
·
2024-01-19 15:52
vue
vue.js
javascript
前端
react中父组件如何直接调用子组件的方法和属性,以及对比
vue3.0
父组件调用子组件的方法和属性
react中父组件如何直接调用子组件的方法和属性,以及对比
vue3.0
父组件调用子组件的方法和属性reacthookvuesetup父组件子组件reacthookforwardRef(render)useImperativeHandle
miao_zz
·
2024-01-19 07:29
React
react.js
javascript
vue.js
vue3.0
使用inject(“reload“)刷新页面
(1)在app.vueimport{defineComponent,ref,nextTick,provide}from'vue';exportdefaultdefineComponent({setup(){//局部组件刷新constisRouterAlive=ref(true);constreload=()=>{isRouterAlive.value=false;nextTick(()=>{isR
墨尔本斌
·
2024-01-19 04:12
vue.js
前端
javascript
vue3.0
的学习
一.创建
vue3.0
工程1.使用vue-cli创建##查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g
未成年梦想
·
2024-01-18 20:05
vue
javascript
HTML
vue.js
javascript
前端
Tortoise-orm 使用 (一) 创建表
项目基于
Vue3.0
,FastAPI的模板管理系统,从网上找了各种资源去实践,现在将总结发出来,分享给大家,希望帮助大家少走些弯路。
@@鹏~~~
·
2024-01-18 12:23
Python
android
2019-08-22 v(手把手教学)
vue3.0
项目中安装使用jquery
第一步:安装npminstall--savejquery第二步:查看package.json文件"dependencies":{"jquery":"^3.4.1",///一定要有这个没有的话,手动添加"@antv/f2":"^3.4.1","core-js":"^2.6.5","vue":"^2.6.10","vue-router":"^3.0.3","vuex":"^3.0.1"},第三步:新创
冬天的_太阳
·
2024-01-17 23:04
vue3.0+webpack
vueinitwebpackmypro初始化一个项目并指定打包工具之后提示我需要安装,这是
vue3.0
和vue2.之间的桥接工具:npminstall-g@vue/cli-init安装完成即可再次vueinitwebpackmypro
真是个非常帅气的昵称呢
·
2024-01-17 21:11
js-时间相关操作(获取当前日期、最近三天、近一月及前N天的日期)
我这里采用
vue3.0
的写法1.日期选择器,限制范围(默认当前日期,以及前2天)选择时间:import{onBeforeUnmount,onMounted,reactive,ref,getCurrentInstance
七月_Mo
·
2024-01-17 18:23
Js
Vue
Vue3.0
javascript
前端
开发语言
vue2.0/3.0 使用ref获取dom元素
$refs.drag)}}
vue3.0
用ref获取DOM元素:由于
vue3.0
中没有this和$refs,则在vue2中使用$refs来获取dom元素的方法在vue3行不通所以在vue3就可以使用以下方法
小粗腿Cc
·
2024-01-17 13:11
vscode
前端
javascript
vue.js
vue
基于
vue3.0
简单的页面使用
基于
vue3.0
简单的页面使用项目效果图项目文件图package.jsonmain.jsApp.vueviews/Tutorial.vueviews/TS.vueviews/Docs.vueviews/
miao_zz
·
2024-01-17 13:10
vue3.0
vue.js
javascript
前端
vue3 setup语法糖
在
Vue3.0
中变量必须return出来,template中才能使用;而在Vue3.2中只需要在script标签上加上setup属性,无需return,template便可直接使用,非常的香啊!
gqk01
·
2024-01-17 12:23
前端
vue.js
javascript
【
vue3.0
】13.0 某东到家(十三)——商家详情页开发(三)
准备mock数据:{"code":200,"data":[{_id:'1',name:'番茄250g/份',imgUrl:'/i18n/9_16/img/tomato.png',sales:10,price:33.6,oldPrice:39.6},{_id:'2',name:'草莓250g/份',imgUrl:'/i18n/9_16/img/tomato.png',sales:10,price:3
bobokaka
·
2024-01-17 07:22
Swift5.1
学习随笔
之闭包表达式Closure Expression
在swift中,可以通过func定义一个函数,也可以通过闭包表达式定义一个函数通过func定义一个函数funcsum(_v1:Int,_v2:Int)->Int{v1+v2}letresult1=sum(10,20)通过闭包表达式定义一个函数varfn={(v1:Int,v2:Int)->Intinreturnv1+v2}letresult2=fn(10,20)//闭包表达式中参数调用默认省略参数
SAW_
·
2024-01-16 22:44
学习随笔
笔记(未整理)
1.使用FMDB处理常量变量数据时,必须要把数据封装成对象,否则程序会崩溃报错。例如我想把一个BOOL值存进数据库时,需要做这些操作:-(BOOL)insertNewModelDataToDatabase:(flower*)flower{FMDatabase*db=[FMDatabasedatabaseWithPath:self.databasePath];if(![dbopen])returnN
weixin_30455067
·
2024-01-16 21:20
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他