写法vue2 vue js
直播app开发搭建，JS生成随机数，生成指定位数的随机数
直播app开发搭建，JS生成随机数，生成指定位数的随机数 //获取随机数，小数第一位可能为0console.log(Math.random()); //获取10位随机数，如果小数第一位为0则只有9位数console.log(Math.floor(Math.random() * Math.pow(10 ......
Vue3+.net6.0 八 监听器 watch，回调
有时候我们需要根据变量的变化去更改dom或者输出结果，也就是需要监听data部分，和Vue2一样，需要用到watch监听器。 简单例子，输入框绑定了context，当我们改变输入框的值时，watch里同名监听器context监听到了变化，通过判断新旧值是否有变化弹出提示。 需要注意的是： 1、监听器 ......
js复制网页上的内容到剪切板
js复制网页上的内容到剪切板 2023-07-17 测试，原来的代码已经没用了，现用下面的代码，在firefox和edge上测试成功 function aaa() { var txt = $('#hfDesc').val(); navigator.clipboard.writeText(txt).t ......
Vue3 遍历显示Json数组
在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt ......
vue3 provide/inject使用
provide/inject 可解决深层组件传值问题 父组件 import { provide } from "vue"; const curValue = ref(props.modelValue); provide('curTabName',curValue); 子组件 import { inj ......
重学js1
一.命名 1.尽量字母开头字母结尾 2.构造函数以大写字母开头，避免方法（少用构造函数） 3.名字中不允许存在空格，原因在于早期编译器的内存管理，后期未修改规则 4.保留字 arguments await break case catch class const continue debugger ......
pino.js
pino.js 是一个超快的、全自然的 JSON 日志记录器，它可以在 Node.js 中使用。它可以与多个 Web 框架一起使用，如 Fastify、Express、Hapi、Restify、Koa 等1。pino.js 的主要功能是记录日志，它可以将日志格式化为 JSON 格式，并提供了多种方法 ......
VUE|创建一个基础的VUE应用
## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
php二分查找常用写法示列
二分查找常用写法有递归和非递归，在寻找中值的时候，可以用插值法代替求中值法。当有序数组中的数据均匀递增时，采用插值方法可以将算法复杂度从中值法的lgN减小到lglgN /** * 二分查找递归解法 * @param type $subject * @param type $start * @para ......
js 文件 朗读功能实现
创建一个加载器 使用window的speechSynthesis对象 let bofangqi=window.speechSynthesis() 再创建一个阅读器实例对象 let reader = new SpeechSynthesisUtterance() 设置阅读器的阅读方式: reader.t ......
js：http-vue-loader从浏览器直接引入vue文件
doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......
js 数组join，内容用序号连接
要将数组内容用序号连接，你可以使用JavaScript的`Array.prototype.map()`方法和`Array.prototype.join()`方法来实现。 下面是一个示例代码： ```javascriptconst arr = ["apple", "banana", "orange"] ......
uni-app http.js 请求封装（构造函数版本）
import { getToken, removeToken } from "./auth.js" import config from './config.js' // 默认配置 const DEFAULT_CONFIG = { baseUrl: process.env.NODE_ENV 'dev ......
前端Vue自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
key在vue中的作用与虚拟dom与diff算法
一。虚拟dom:(它是存在于内存中的) VNode的全称是Virtual Node，也就是虚拟节点；事实上，无论是组件还是元素，它们最终在Vue中表示出来的都是一个个VNode。VNode的本质是一个JavaScript对象。 其实虚拟Dom是真实Dom的一种状态。当真实Dom发生变化后，虚拟Dom ......
underscore.js源码分析
一、介绍 提到underscore.js大家可能不太熟悉，但是大家肯定对于lodash很熟悉。在我们日常工作中主要用lodash操作一些js操作起来比较麻烦的方法。underscore和lodash类似，他们都是对于js表现力的增强，就是说原生js在处理数据方面是比较薄弱的，像lodash和unde ......
vue-day26--引出生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>引出生命周 ......
vue-day25--自定义指令总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令v-fbind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--v-pre指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-pre ......
vue-day25--v-once指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-onc ......
vue-day23--v-html指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-day22--v-text指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
MarkDown | 分段函数写法
**Markdown 分段函数写法** ```markdown $$ 函数名=\begin{cases} 公式1 & 条件1 \\ 公式2 & 条件2 \\ 公式3 & 条件3 \end{cases}$$ ``` 其中，**`&`表示对齐，`\\`用来表示换行**。 结果如下： ![](https: ......
JS制作一个网页版的猜数字小游戏
一. 网络游戏简介在输入框内输一个数字，点击后面的“猜”按钮，系统会根据你猜的数字的大小，返回你是猜大猜小还是猜正确，系统还会统计你猜的次数，在猜数字的途中你点击按钮随时可以重新开始游戏 页面框架： <body> <div id="i1"> <span>请输入您猜的数字：</span> <input ......
js的在线编辑器jupyter
官方文档：[n-riesco/ijavascript：IJavascript 是 Jupyter 笔记本的 javascript 内核](https://github.com/n-riesco/ijavascript) Windows（Anaconda 发行版） 打开Anaconda 提示符并运行： ......
vue -父子组件值传递
父组件：是指引用其他组件东西（这里叫attrgroup.vue） 子组件：是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件，如下： <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件，通过事件触发然后 ......