Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
综合
Uni-App
Webpack
React
Html
Electron-Vue
Electron
Vue-Nuxt
TypeScript
NodeJs
web前端
Vue
Css
JavaScript
比特币
ThreeJs
工具类
面试
服务器
小程序
其他
展开
推荐
最新
热榜
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Vue
什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路一、什么是虚拟DOM虚拟DOM(VirtualDOM)这个概念相信大家都不陌生,从React到Vue,虚拟DOM为这两个框架都带来了跨平台的能力(React-Native和Weex)实际上它只是一层对真实DOM的抽象,以JavaScript对象(VNode节点)作为基础的树,用对象的属性来描述节点,最终可以通过一系列操作使这棵树映射到真实环境上在Javascript对象中,虚拟DOM表现为一个Object对象。并且最少包含标签名(tag)、属性(att
546070
3254
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Vue
你了解axios的原理吗?有看过它的源码吗?
一、axios的使用关于axios的基本使用,上篇文章已经有所涉及,这里再稍微回顾下:发送请求importaxiosfrom'axios';axios(config)//直接传入配置axios(url[,config])//传入url和配置axios[method](url[,option])//直接调用请求方式方法,传入url和配置axios[method](url[,data[,option]])//直接调用请求方式方法,传入data、url和配置axios.request(option)//调用re
545790
3296
0
前端小智
Lv
0
关注
0
关注者
关注
前端小智
1年前
Vue
在 Vue 中,使用 $attrs 构建高级组件
这节课,我们来看下Vue3中的$attrs属性。首先,我们会介绍它的用途以及它的实现与Vue2有哪些不两同点,并通过事例来加深对它的理解。真正理解了$attrs属性有助于我们构建易于使用和可扩展的高级组件什么是$attrs对$attrs定义,Vue2与Vue3是不一样的,
545438
3257
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Vue
说说Vue 3.0中Treeshaking特性?举例说明一下?
面试官:说说Vue3.0中Treeshaking特性?举例说明一下?一、是什么Treeshaking是一种通过清除多余代码方式来优化项目打包体积的技术,专业术语叫Deadcodeelimination简单来讲,就是在保持代码运行结果不变的前提下,去除无用的代码如果把代码打包比作制作蛋糕,传统的方式是把鸡蛋(带壳)全部丢进去搅拌,然后放入烤箱,最后把(没有用的)蛋壳全部挑选并剔除出去而treeshaking则是一开始就把有用的蛋白蛋黄(import)放入搅拌,最后直接作出蛋糕也就是说,treeshaking
546147
3293
0
冴羽
Lv0
理想主义者,个人微信:mqyqingfeng ,带你看技术与生活的诗与远方
0
关注
0
关注者
关注
冴羽
11月前
Vue
面试官:竟然用广度优先搜索实现Vue的watch?有意思...
前言通过前面几篇文章,我们对Vue3中的响应式设计有了初步的了解。面试官:Vue3响应式系统都不会写,还敢说精通?面试官:你觉得Vue的响应式系统仅仅是一个Proxy?Vue3:原来你是这样的“异步更新”为啥面试官总喜欢问computed是咋实现的?这一篇我们试着实现一个watch1.#两种watch的基本用法1.1#通过函数回调监听数据最基本的用法是给watch指定一个回调函数并返回你想要监听的响应式数据。conststate1=reactive({name:'前端胖头鱼',age:100})watch(()=>state1.age,()=>{...
452711
1837
0
冴羽
Lv0
理想主义者,个人微信:mqyqingfeng ,带你看技术与生活的诗与远方
0
关注
0
关注者
关注
冴羽
2年前
Vue
一篇教你代码同步 Github 和 Gitee
前言在上篇《一篇带你用VuePress+GithubPages搭建博客》,我们成功的用VuePress搭建了博客并部署到GithubPages,但由于Github的访问问题,我们可以选择把仓库部署到Gitee一份,利用Gitee的Pages服务再生成一份静态网站用于备用。Gitee导入仓库上篇我们已经在Github创建了博客仓库,现在我们在Gitee绑定Github账号后,选择仓库导入:仓库建立后,问题也来了,即我们一份本地仓库,如何保证Github和Gitee仓库代码的同步呢?1.手动同步在Gitee的
545830
3300
0
冴羽
Lv0
理想主义者,个人微信:mqyqingfeng ,带你看技术与生活的诗与远方
0
关注
0
关注者
关注
冴羽
2年前
Vue
VuePress 博客优化之中文锚点跳转问题
「这是我参与2022首次更文挑战的第7天,活动详情查看:2022首次更文挑战」。前言在《一篇带你用VuePress+GithubPages搭建博客》中,我们使用VuePress搭建了一个博客,最终的效果查看:TypeScript中文文档。VuePress会在每个标题左侧都加一个锚点链接:点击后链接变为:http://ts.yayujs.com/learn-typescript/handbook/TheBasics.html#降级-downleveling复制代码此时刷新下页面,会发现,页面并不能正确的定位
546422
3285
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
Vue
Vue拖拽组件布局,element ui拖拽组件布局
Vue拖拽组件布局,elementui拖拽组件布局git地址:https://gitee.com/javanx/draglayout效果解析1、flex布局成3栏(1)、左侧定义好固定组件(2)、中间拖放后的预览效果(3)、右侧是,点击中间的组件后,可以编辑对应属性2、利用html5的draggable属性,完成拖动效果3、vue完成拖放后数据的驱动4、表单双向绑定,改变组件属性5、最终数据结构初始化项目vuecreatehello-world1、安装element-ui...
546891
3348
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
Vue
使用Vue3的CompositionAPI来优化代码量
前言在我的开源项目中有一个组件是用来发送消息和展示消息的,这个组件的逻辑很复杂也是我整个项目的灵魂所在,单文件代码有1100多行。我每次用webstorm编辑这个文件时,电脑cpu温度都会飙升并伴随着卡顿。就在前几天我终于忍不住了,意识到了Vue2的optionsAPI的缺陷,决定用Vue3的CompositionAPI来解决这个问题,本文就跟大家分享下我在优化过程中踩到的坑以及我所采用的解决方案,欢迎各位感兴趣的开发者阅读本文。问题分析我们先来看看组件的整体代码结构,如下图所示:template部分占用
546397
3271
0
冴羽
Lv0
理想主义者,个人微信:mqyqingfeng ,带你看技术与生活的诗与远方
0
关注
0
关注者
关注
冴羽
2年前
Vue
markdown-it 插件如何写(一)
「这是我参与2022首次更文挑战的第3天,活动详情查看:2022首次更文挑战」。前言在《一篇带你用VuePress+GithubPages搭建博客》中,我们使用VuePress搭建了一个博客,最终的效果查看:TypeScript中文文档。在搭建博客的过程中,我们出于实际的需求,在《VuePress博客优化之拓展Markdown语法》中讲解了如何写一个markdown-it插件,又在《markdown-it原理解析》中讲解了markdown-it的执行原理,本篇我们将讲解具体的实战代码,帮助大家更好的写插件
546324
3259
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多