写法vue2 vue js
js的一些小问题集合
##1.等于号的应用 function reverse(){ var checkbox = document.getElementsByName("hobby"); for (let i = 0; i < checkbox.length; i++) { if(checkbox[i].checked= ......
js基础:1.
javascript(简称“js”)开发外部脚本语言 是轻量级解释型语言 开始于1995年 网景公司 javascript的标准是ECMAscript 互联网是1970年1月1号 js代码必须写在script标签里 (预格式化文本)预格式输出标签 console.log 输出使用:控制台打印语句(控 ......
vue2源码-四、解析模板参数
解析模板参数 前言 在vue中,vue的初始化流程中,会做两件事: 状态初始化:实现数据的响应式 将数据挂载到页面上 因此后面就要实现将数据挂载到页面上。 export function initMixin(Vue) { Vue.prototype._init = function (options ......
js常用语句
常用语句 1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,locat ......
栈空间和堆控件:JS数据怎么存储的?
JS数据存储主要分堆和栈两种, 栈空间:通常情况栈空间不会设置太大,主要用来存放一些原始类型的小数据,原始类型的数据有:Boolean、Null、Undefined、Number、BigInt、String、Symbol,栈空间具有空间小,但是读取速度快的特点 堆空间:空间很大,但是速度相对堆空间较 ......
【js】js内置对象Error(错误机制)
Error:基类型; ReferenceError:找不到对象时抛出; SyntaxError:语法错误; TypeError:类型错误时抛出; EvalError:eval()函数发生异常时抛出; InternalError :js引擎内部发生的错误; RangeError:数值超出范围时触发; ......
cookies、sessionStorage与localStorage在Vue中的使用
简介 cookies 临时存储在客户端中,并且有过期事件,到过期时间会被自动清理。 sessionStorage 临时存储在客户端中,关闭浏览器后就会清空。 localStorage 永久存储在客户端中,只有在清空缓存或手工删除或代码删除后才会清空。 localStorage的使用 语法 // 将值 ......
vue3微信公众号商城项目实战系列(1)开发环境准备
项目忙完,这次上新,写一个前端系列,采用vue3来开发一个微信公众号商城。 前言: 1. 微信公众号商城本质也是一个网站,由一个个网页组成,只不过这些网页运行在手机端,能响应手指的点击、长按、拖拽等操作。 2. 既然是网页,当然可以用3件套(js+html+css)来写,但象vue这样的前端框架比3 ......
使用vue+bpmn-js实现activiti的流程设计器__Vue.js
https://www.vue-js.com/topic/5f6c4af84590fe0031e591ef 完整代码见github:https://github.com/griabcrh/vue-activiti-demo 适配activiti import activitiModdleDescri ......
函数解决js数值相加精度丢失问题
浏览器控制台输入 console.log(0.1+0.2) 结果为0.30000000000000004 当我们尝试将0.1和0.2相加时,结果应该是0.3,但是在JavaScript中,结果却是0.30000000000000004。这是因为0.1和0.2在二进制中无法被精确表示,所以在进行相加时 ......
JS中如何快速将字符串的“true"和"false"转换成Bool类型
JSON.parse('true') JSON.parse('false') ......
【异步加载JS脚本(script标签)至html文档中】的辅助函数
Code: /** * 'asyncLoadScript'方法的配置项'options'的类型定义 * @typedef {Object} IOptions * @prop {string} id - script标签的ID * @prop {Function} onSucceed - 加载成功后的 ......
vue上传文件显示进度条,当上传完成后间隔一秒进度条消失
<template> <el-upload class="avatar-uploader" action="api/file/upload" :show-file-list="false" :before-upload="beforeAvatarUpload" :on-progress="handl ......
js正则表达式
\d 查找数字 \D 查找非数字字符 \s 查找空白字符 \S 查找非空白字符 \w 查找数字、字母及下划线 \W 查找非单词字符 \n 查找换行符 \0 查找 NULL 字符 \r 查找回车符 n+ 查找一个或者多个 如: /a+/ 匹配 "candy" 中的 "a","caaaaaaandy" ......
js 手写发布订阅eventHub
1、发布-订阅是一种消息范式,通过定义发布者、订阅者、调度中心来完成消息通信。 const eventHub = { map: {}, on(name, fn) { this.map[name] = this.map[name] || []; this.map[name].push(fn); con ......
Vue样式组件库
常用样式库 常用的Vue样式库如下 |组件库|说明|地址| |-|-|-| |element|目前只支持到vue2.x版本,不再更新|https://element.eleme.cn/#/zh-CN| |element-plus|样式与element相同,开发都为了在vue3.x版本中使用而升级|h ......
纯前端仿GPT流式打字效果的js库,类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布,很多官网都设计的是,仿造流式打字效果,下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面: <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
vue 中内置的特殊 Attributes中key的使用
谈到key, 我们通常是在v-for循环中使用key,如官网示例如下: 其实、在某些场景下,我们也需要手动进行修改key,然后来重新刷新dom。大概场景描述就是--数据变化了,但是dom没有更新。 比如其他场景: 1、echarts 数据变了,但是dom没有更新,这就需要手动刷新。 2、屏幕大小变化 ......
Vue之插件的使用
作用 vue的插件的作用就是为了增强Vue,比如router,比如Vuex 本质就是包含install方法的一个对象,install的第一个参数是vue,第二个及之后的参数是使用都要传递的数据,插件对象中的install方法会被vue自动调用。 使用 在Vue项目的src目录中创建目录plugins ......
vue table 里面 slot 的模板复用 slot-scope template v-for
vue table 里面 slot 的模板复用 slot-scope template v-for 需求 经常在table里面要有自定义列,但是会有相同的自定义列,这个时候又不想写很多一样的template,就可以用这种方式 代码 <template :slot="slotName" v-for=" ......
狂神Vue笔记
1. 前端核心分析 1.1 Vue 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转, ......
uniapp使用vue3 setup
引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
Vue之混入对象mixin
简介 可以把多个组件共用的配置提取成一个混入对象。比如有两个组件,两个组件中有部分共同的内容,比如同样的变量,同样的函数等。这时候可以把这些共用的提取出来做成混入对象。 局部使用 在src目录中创建一个目录,我这里的目录名称就为mixin 在mixin目录中创建一个js文件,为了方便导入,所以创建的 ......
用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)
前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(四)
ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
CKEditor粘贴图片自动上传到服务器(VUE版)
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 ......
js 手写防抖节流
1、防抖:避免事件的频繁调用,即当事件停止一段时间后再促发。 应用:浏览器resize、input校验、button点击 const myDebounce = (fn, wait){ let timer = null; return (...args) => { if (timer) clearTi ......
vue学习备忘
vue学习备忘 vue中!!、!=、== 、!==、 判断符号的用法等 !可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。 可以总结出来,“!”是逻辑与运算,并且可以与任何变量进行逻辑与将其转化为布尔值,“!!”则是逻辑与的取反运算,尤其 ......
vue长按事件指令(v-longPress)
import type { Directive, App } from 'vue'; const longPress: Directive = { beforeMount: function (el, binding, vnode, prevVnode) { if (typeof binding.v ......