vue 插槽 【slot】 2024-07-11 前端框架, 前端, vue.js, javascript, ecmascript 252人 已看 数据在组件的自身,但根据数据生成的结构需要组件的使用者来决定。Category 这个标签里面的ul 会传到slot 里面。组件中,但使用数据所遍历出来的结构由。
简述Vue中的数据双向绑定原理 2024-07-02 前端框架, 前端, vue.js, javascript, ecmascript 110人 已看 在Vue的编译过程中,当模板中的某个数据对象的属性被使用时(如通过插值表达式{{}}或指令如v-model),Vue会为这个属性创建一个Watcher实例。Vue不仅会对data中的顶层属性进行劫持,还会递归地对所有子属性对象的属性进行劫持,以确保能够监听到所有层级的数据变化。Vue的虚拟DOM系统会根据新的数据状态,计算出需要进行的DOM更新操作,并应用到真实的DOM上,从而实现视图的更新。派发更新:当数据属性变化时,触发setter函数,通知Dep中的所有Watcher实例执行更新。
react学习——20react编写github案列 2024-06-28 react.js, 前端框架, github, 前端, javascript 125人 已看 react学习——20react编写github案列
【vue】实现自动轮播+滚轮控制 2024-07-03 前端框架, 前端, vue.js, javascript, ecmascript 113人 已看 有一个`无缝轮播+滚轮控制`的需求,找了很多的方法发现都没办法完美的实现这种效果。用原生的js实现不是无缝滚动用无缝滚动插件实现,发现pc端无法实现滚轮控制
重温react-08(createContext使用方式) 2024-06-27 前端框架, react.js, 前端, javascript, ecmascript 103人 已看 / Content有两个属性// 1. Provider 数据提供者// 2. Consumer 数据使用者export {Provider,Consumer。
vue引入并使用物理引擎matter.js 2024-06-27 前端框架, 前端, vue.js, javascript, ecmascript 123人 已看 Matter.js 提供了一系列强大的功能,使得模拟真实世界中的物理行为变得简单,例如碰撞检测、刚体动力学、约束条件等。⑤渲染独立:Matter.js 不直接处理渲染,而是提供了物体的位置和尺寸信息,开发者可以根据需要选择自己的渲染方式。③物理特性丰富:支持静态、动态、运动学等多种类型的物体,以及各种关节、碰撞检测、摩擦力、重力等物理属性的自定义。②模块化:Matter.js 是高度模块化的,你可以选择只使用需要的功能模块,减少最终应用的体积。// frictionAir: 0.1 // 设置空气阻力。
ElementUI组件库,分页组件靠右显示 2024-06-25 前端框架, elementui, 前端, javascript, ecmascript 83人 已看 分页组件 ,el-pagination组件默认靠左显示,靠右显示的话只需给layout添加一个“->”属性值即可,
ElementUI搭建使用过程 2024-06-28 前端框架, elementui, 前端, javascript, ecmascript 77人 已看 Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,相当于是css的框架2.安装ElementUI。
Ant Design Vue:如何提升你的前端开发效率? 2024-06-25 前端框架, 前端, vue.js, javascript, ecmascript 82人 已看 Ant Design Vue 是一个基于 Vue.js 实现的 Ant Design 组件库,旨在为开发者提供高质量的 UI 组件,提升开发效率和用户体验。在当今快速发展的前端技术领域,选择一个功能强大、易于使用的组件库对于开发高质量的应用至关重要。本文将详细介绍 Ant Design Vue 的特性、使用方法、常见问题及其解决方案,帮助开发者更好地掌握和应用这一优秀的组件库。
搜索框回车刷新表格(解决搜索框回车刷新页面问题) 2024-06-26 前端框架, 前端, vue.js, javascript, ecmascript 74人 已看 表单默认提交行为:如果你的 或输入框 () 处于一个 HTML 表单 () 内,按下回车键可能会触发表单的默认提交行为,这会导致页面刷新。handleQuery 方法内逻辑:检查 handleQuery 方法内部是否有导致页面刷新的代码,比如使用了 location.reload() 或进行了路由跳转(this.$router.push 而没有正确处理)。这样修改后,按回车键时应仅执行 handleQuery 方法内的逻辑,而不会刷新整个页面。
Electron快速入门(二):在(一)的基础上修改两个文件完成自定义显示时间和天气的标题栏 2024-06-22 前端框架, 前端, electron, javascript, ecmascript 62人 已看 修改渲染进程:index.html。修改主进程:main.js。
ReactNative进阶(二十八)Metro 2024-06-23 react.js, 前端框架, 前端, javascript, ecmascript 63人 已看 众所周知,Metro是默认的 JavaScript 打包模块。对于前端项目,打包工具已有webpack(大而全,图片代码打包),rollup(专攻代码打包,框架场景常见)等,既然有这些打包工具为什么还要在移动端搞一个metro,其中一个原因为ram bundle,iOS采用读取一个文件效率更高,Android采用。
express+vue 在线五子棋(一) 2024-06-23 前端框架, 前端, vue.js, javascript, ecmascript 89人 已看 示例本期难点1、完成了五子棋的布局,判断游戏结束2、基本的在线对战3、游戏配套im(这个im的实现,请移步在线im)下棋安排1、每步的倒计时设置2、黑白棋分配由玩家自定义3、新增旁观者4、悔棋5、自行创建一盘棋局感兴趣的,还请点个免费的收藏与关注,后续会一直跟进这个系列前端部分五子棋布局与游戏输赢判断<template> <div class="flex-wrap flex-justify-between"> <div cla
vue实现点击元素跳转至另一个网站 2024-06-19 前端框架, 前端, vue.js, javascript, ecmascript 57人 已看 window.location.href = 'https://www.example.com';打开新标签页或新窗口: window.open('https://www.example.com', '_blank');