您的位置:首页 >> javaScript

列表

  • Vue3响应式函数对比:toRef() vs toRefs()

    前端

    ref是处理基本数据类型响应式API函数,在setup中声明定义的变量,可以直接在模板中使用没有被响应式API包裹处理的变量数据,是不具备响应式能力的也就是往往在逻辑中修改了数据,但是页面不会更新,那怎么样将一个非响应式数据变成响应式数据就

  • 深入了解vuex的实现原理

    前端

    当面试被问vuex的实现原理,你要怎么回答?下面本篇文章就来带大家深入了解一下vuex的实现原理,希望对大家有所帮助!关于vuex就不再赘述,简单回顾一下:当应用碰到多个组件共享状态时,简单的单向数据流很容易被破坏:第一,多个视图依赖于同一

  • 深入浅析Vue3中的极致防抖/节流

    前端

    本篇文章给大家带来的是Vue 3 中的极致防抖/节流(含常见方式防抖/节流)这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。在前端的开发过程中,在涉及到与用户交互的过程中是基本上都是需要

  • 【整理分享】48个前端高频面试题(附答案解析)

    前端

    本篇文章给大家总结分享48个前端高频面试题(附答案解析),带你梳理vue、javascript等的基础知识,增强前端知识储备,值得收藏,快来看看吧!1.vue双向数据绑定的原理?mvvm场景:数据操作比较多的场景,需要大量使用DOM元素时,

  • 聊聊MVVM模型在Vue中怎么应用

    前端

    理解MVVM模型我们知道每一个 Vue 应用都是从创建一个新的实例开始的,根据 Vue2 的官方文档我们可以得知 Vue 的设计是得到了 MVVM 模型 的启发,所以就有了在我们创建 Vue 实例时,文档中经常使用vm这个变量名来表示 Vu

  • 如何利用Vue实现拖拽穿梭框功能?四种方式介绍

    前端

    如何实现拖拽穿梭框功能?下面本篇文章给大家介绍一下Vue实现拖拽穿梭框功能四种方式,希望对大家有所帮助。【相关推荐:vuejs视频教程】一、使用原生js实现拖拽点击打开视频讲解更加详细<html> <head> <meta

  • 通过代码实例,带你了解v-model(值得收藏)!

    前端

    本篇文章通过代码实例,带你了解v-model。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Vue v-model是一个指令,它提供了input和form之间或两个组件之间的双向数据绑定。【相关推荐:vue.js教程】这是

  • 为什么使用vue的作用域插槽?什么时候使用?

    前端

    本篇文章带大家详细了解一下vue的作用域插槽。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Vue插槽是一种将内容从父组件注入子组件的绝佳方法。(学习视频分享:vue视频教程)下面是一个基本的示例,如果我们不提供父级的任何

  • vue如何实现数字滚动增加效果?代码示例

    前端

    项目中需要做数字滚动增加的效果,一开始很懵,研究了一下原理,发现很简单,贴出来分享一下 ^_^数字滚动组件:<template><p class="number-grow-warp"> <span ref="numberGrow" :da

  • bootstrap和react的区别是什么?

    前端

    区别:react是基于mvc模式的javascript框架,而bootstrap只是一个基于HTML、CSS、JAVASCRIPT开发的前端ui框架;bootstrap是基于html的UI构建工具,react是基于组件的工程构建方式。了解B

  • javascript无法找到增效工具怎么办

    前端

    javascript无法找到增效工具的解决办法:1、点击编辑;2、在首选项中找到增项工具;3、在“附加的增效工具”前打勾;4、找到要安装的插件,然后确定;5、重启PS即可。本文操作环境:windows7系统、Adobe Photoshop

  • 前端

    本篇文章给大家带来的内容是关于Canvas绘制出时钟的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。完整代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"

  • HTML5 Canvas绘图之drawImage() 方法的详细介绍(代码示例)

    前端

    本篇文章给大家带来的内容是关于HTML5 Canvas绘图之drawImage() 方法的详细介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。是一个新的HTML元素,这个元素可以被Script语言(通常是Ja

  • 前端

    本篇文章给大家带来的内容是关于canvas实现压缩图片的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。// 对图片进行压缩 function compress(imgPath) { var i

  • canvas橡皮筋式线条绘图的方法介绍(代码示例)

    前端

    本篇文章给大家带来的内容是关于canvas橡皮筋式线条绘图的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。什么叫橡皮筋式指画图时橡皮筋一样伸缩自如。。 例子如下思路思路很简单,只有橡皮筋式绘制功能要注

  • canvas实现弹球的代码示例

    前端

    本篇文章给大家带来的内容是关于canvas实现弹球的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。效果代码<!DOCTYPE html><html lang="zh_CN"><head> <meta char

  • 前端

    本篇文章给大家带来的内容是关于H5使用react组件实现拍照、选择图片上传,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。前段时间项目重构,改成SSR的项目,但之前用的图片选择上传组件不支持SSR(server-side-r

  • 前端

    本篇文章给大家带来的内容是关于svg和css3实现环形渐变进度条的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在负责的项目中,有一个环形渐变读取进度的效果的需求,于是在网上查阅相关资料整理一下。代码如下:<!DO

  • 利用HTML5的details, summary实现各种交互效果

    前端

    本篇文章给大家带来的内容是关于利用HTML5的details, summary实现各种交互效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。本文利用的是HTML5 details, summary首先一、了解HTML5 d

  • HTML5 WebSQL四种基本操作的介绍

    前端

    本篇文章给大家带来的内容是关于HTML5 WebSQL四种基本操作的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。Web SQL数据库API是一个独立的规范,在浏览器层面提供了本地对结构化数据的存储,已经被很多现代浏览

  1 2 3 4 5 6 7 8 9 10 11