three vue js
vue-插槽 slot
插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个概念这里就点出来了，是显不显示和怎样显示 “占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中<slot>位置），当插槽 ......
jqgrid 示例 ，加载js中的json数据
<!DOCTYPE html> <html lang="en"> <head> <script type="text/ecmascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/ecmascript" src="js/i ......
在 html 通过js 获取查询参数
file:///E:/test.html?a=1&b=2 <script type="text/javascript"> var getParameters = function() { var search = window.location.search; var obj = {}; if (s ......
JS语法糖
语法糖（Syntactic sugar），也译为糖衣语法。 通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。 语法糖”可以给我们带来方便，是一种便捷的写法，编译器会帮我们做转换；而且可以提高开发编码的效率，在性能上也不会带来损失箭头函数 箭头函数 let fun = functi ......
vue-computed
使用场景和方法： 1、当数据A的逻辑很复杂时，把A这个数据写在计算属性中。 2、在computed中定义一个函数（看起来是一个函数，其实是一个属性） 3、通过选项computed：{计算属性a:值}。带有返回值return的函数。 特点： 监听值未在data中定义，以return返回值形式； 计算属 ......
vue-this关键字
vue中， 在script中调用属性和方法，需要使用this 在template使用属性、方法，可以省略this： 因为vue在解析template时使用了with(this)，改变了template中的顶层作用域 ......
js中0.1+0.2不等于0.3问题，解决方法
因为js使用的双精度浮点，所以在计算机内部存储数据的编码会出现误差，导致0.1+0.2=0.30000000000000004。和0.3相比较结果为false。 我目前所知道的解决方法有以下几种： 1.将其先转换成整数，再相加之后转回小数。具体做法为先乘10相加后除以10.如下图 let x=(0. ......
[ Vue ] opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
报错触发场景：Mac系统，开发工具启动从其他地方拷贝或者git克隆来的，非自建前端Vue项目时。 报错内容如下： opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], libr ......
vue-cli
Vue CLI 是官方提供的一个 vue 项目脚手架，本项目也是基于它进行构建的。它帮你封装了大量的 webpack、babel 等其它配置，让你能花更少的精力在搭建环境上，从而能更专注于页面代码的编写。不过所有的脚手架都是针对大部分情况的，所以一些特殊的需求还是需要自己进行配置。 安装和使用 np ......
CF1335E1 Three Blocks Palindrome (easy version)
## 思路 发现一个进阶回文序列仅包含三个部分：$x$ 个连续的 $a$，$y$ 个连续的 $b$，$x$ 个连续的 $a$。 对于一个 $a$，我们一定会取最外面的两个 $a$，如果不取，则答案一定不小或不变，所以我们枚举到 $a$ 的时候，一定是确定了最外围的两个 $a$ 的位置。 接下来再枚举 ......
关于js中的toLocaleDateString()方法
> `toLocaleDateString()`方法是JavaScript `Date`对象的一个内建方法，它将日期转换为符合特定地区习惯的字符串格式。 ### 基本用法： 如果没有传入任何参数，`toLocaleDateString()`会根据浏览器的默认语言环境返回一个日期字符串。 例如： `` ......
JS 验证URL是否有效
``` function isValidHttpUrl(string) { try { const newUrl = new URL(string); return newUrl.protocol 'http:' || newUrl.protocol 'https:'; } catch (err) ......
直播网站程序源码，js判断上传图片格式类型、尺寸大小
直播网站程序源码，js判断上传图片格式类型、尺寸大小 //判断图片类型var f=document.getElementById("File1").value;if(f==" "){ alert("请上传图片");return false;}else{if(!/\.(gif|jpg|jpeg|png ......
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr ......
vue监听对象属性值发生变化
监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一：直接根据watch来监听。 export default { data() { retu ......
[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？
原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？ - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会 ......
vue~layout模板页的使用
# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的，而且在很多项目中都被广泛采用，包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构，减少重复代码，并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法： 1. **Layout 组件 ......
导入导出（Excel）vue
导入导出（Excel） 首先 vue安装插件 （最后有完整代码） npm install xlsx file-saver 其次： 简单的导出按钮 代码： <template> <div> <el-button type="primary" @click="exportExcel">导出 Excel< ......
vue3 报错 and 'localEnabled' does not exist in type 'ViteMockOptions'
报错：ReferenceError: require is not defined 原因： 通过命令行 pnpm install -D vite-plugin-mock mockjs 安装得vite-plugin-mock 之后发现再vite.config.ts里边报错 vue3+vite安装vit ......
使用 docker 打包构建部署 Vue 项目，一劳永逸解决node-sass安装问题
> 文章源于 Jenkins 构建 Vue 项目失败，然后就把 node_modules 删了重新构建发现 node-sass 安装不上了，折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天，就被 node-sass 折磨了一整天，后面本地没问题了然后服务器开始折磨了，这次又遇到，尝试 ......
TypeScript（TS）JavaScript（JS）中的所有循环方法
for循环： for (let i = 0; i < array.length; i++) { // 循环体 } for…of循环： for (const element of array) { // 循环体 } forEach方法： array.forEach((element) => { // ......
abp-vnext-pro 实战（九，前端vue和vben学习）
vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
vue2的源码github下载和本地启动调试源码
1.下载源码：https://github.com/vuejs/vue 2.安装依赖，命令行执行：yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数，在打包后页面引入使用时可以调试到源码： { "name": "vue", 。。。 "scripts": { ......
Vue动态创建组件实例并挂载到body
方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作：安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
### 一、问题描述： - 学习vue3.0（ Vue.js - 渐进式 JavaScript 框架 | Vue.js）的时候一直使用的家里电脑，项目搭建运行一直没问题，公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
04.node.js websocket
一、概念 Node.js WebSocket是一个用于建立实时双向通信的模块。WebSocket协议允许服务器与客户端之间进行全双工通信，其API使用了事件驱动和流式的方式。 二、客户端 三、服务端 参考：https://developer.mozilla.org/zh-CN/docs/Web/AP ......