Vue进阶 一、vue实例 1.一个基本的vue的实例 <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <h1> {{title}} </h1> <button id="btn" @click=" ...
前言 Composables 称之为可组合项,熟悉 react 的同学喜欢称之为 hooks ,由于可组合项的存在,Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织性和可扩展性的方式来管理整个应用程序的状态和逻辑。 什么是Composables 本质上,可组合项是一 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、组件设计 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式 现在有一个场景,点击新增与编辑都弹框出来进行填写,功能上大同小异,可能只是标题内容或者是显示的主体内容稍微不同 这时候就没必要写两个组件,只需要 ...
当我们在引入应该组件的时候 提示找不到这个组件但是项目明明就有这个物理文件 报错原因:typescript 只能理解 .ts 文件,无法理解 .vue文件 出现这样的 第一种 方法就是在env.d.ts 里面添加下面代码 1 declare module '*.vue' { 2 import typ ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、是什么 Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术,专业术语叫 Dead code elimination 简单来讲,就是在保持代码运行结果不变的前提下,去除无用的代码 如果把代码打包比作制作蛋糕,传 ...
一、问题阐述 有的时候我们需要控制异步函数的执行顺序,比如a方法中如果要用到异步函数b方法的请求结果,就需要进行顺序控制,否则a函数先执行就会导致找不到数据直接报错。 二、方法 1.异步控制 1.1.async,await等做异步控制 1.2修改函数放置位置达到异步控制效果(我遇到的情况无效,但是确 ...
网站: 即时热点 - 正在发生的事 (Solo 社区投稿) 简介: 一个热门信息聚合站,帮助您轻松了解正在发生的事。 描述: 即时热点是一个热门信息聚合站,汇集来自百度、微博、头条、知乎、抖音、快手等多个主流平台的热门话题,帮助您轻松了解正在发生的事。无需跳转多个平台,即刻浏览最新、最热、最有趣的话 ...
前言 我们每天写的vue代码都是写在vue文件中,但是浏览器却只认识html、css、js等文件类型。所以这个时候就需要一个工具将vue文件转换为浏览器能够认识的js文件,想必你第一时间就想到了webpack或者vite。但是webpack和vite本身是没有能力处理vue文件的,其实实际背后生效的 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 开始之前 Composition API 可以说是Vue3的最大特点,那么为什么要推出Composition Api,解决了什么问题? 通常使用Vue2开发的项目,普遍会存在以下问题: 代码的可读性随着组件变大而变差 每一种代码复用的方式 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、Object.defineProperty 定义:Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象 为什么能实现响应式 通过defineProperty 两 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、Keep-alive 是什么 keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们 keep-alive可以设 ...
前两天遇到一个问题,研究了我很差事件。问题如下: 页面只有一个文本框,没有写任何回车事件,但是点回车的时候,就会触发回车,回传页面。 于是各种google,终于有了结果: 如果表单里有一个type=”submit”的按钮,回车键生效。 如果 表单里只有一个type=”text”的input,不管按钮 ...
写在前面 按照国际惯例,要先聊下生活,吐槽一番,今天是2月14日,也是下午听老妈说,我才知道! 现在真的是对日期节日已经毫无概念可言,只知道星期几。 现在已经觉得写博客也好,学习文章也罢,和写日记一样,已经融入到我的生活中,或者更确切的说,变成生活的一部分了。 饭后和老妈闲聊了几句后,我发现现在真的 ...
概念 RCE(Remote code execution)远程代码执行漏洞,RCE又分命令执行和代码执行。 RCE-远程代码执行:远程执行PHP代码 RCE-远程命令执行:远程执行Linux或者Windows等系统命令。 常见函数有: PHP:eval(),assert(),preg_replace ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、mixin是什么 Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类 Mixin类通常作为功能模块使用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂 Vue中的mi ...
一、react-transition-group 使用 相关技术的使用: React 18 React router v6 React Transition Group 是一个 React 库,专门用于在 React 应用中管理和处理过渡动画效果。这个库提供了一组组件,包括 Transition、C ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、什么是双向绑定 我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了View,Model的 ...
前言 上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥马在狂奔,但是嘴里还是一口答应没问题。由于这一块业务很复杂并且我也不熟悉,加上还饿着肚子,在梳理代码逻辑的时候我差点崩溃了。需要修改 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、组件是什么 回顾以前对组件的定义: 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式,在Vue中每一个.vue文件都可以视为一个组件 组件的优势 降低整个系统的耦合度,在保持接口不变的情况下,我们可以替换 ...
DataGear专业版 1.0.0 已发布,欢迎试用! http://datagear.tech/pro/ DataGear 支持采用原生的HTML、JavaScript、CSS制作数据可视化看板,也支持导入由npm、vite等前端工具构建的前端程序包。得益于这一特性,可以很容易制作基于three. ...