three vue js

JS函数:递归函数与迭代函数

1.递归函数 : 程序中调用自己的函数 程序调用自身的编程技巧称为 递归( recursion)。递归作为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程 ......
函数

vue列表渲染之for循环

vue列表渲染之for循环 前端开发中,如果涉及列表渲染,都会提示或要求每个列表项使用唯一的 key,那很多开发者就会直接使用数组的 index 作为 key 的值,而并不知道 key 的原理。那么以下会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。 1、作用 在虚 ......
vue for

vue通过Export2Excel.js进行导入excel,获取数据

<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ......
Export2Excel Export2 数据 Export 2Excel

Vue3 简介

视频 Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next ......
简介 Vue3 Vue

Vue2总结

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
Vue2 Vue

2023-04-14 vue之组件全局注册

新建一个vue文件,随便写点什么,然后在main.js中引入,如下: xxx.vue: <template> <view class="container"> <view class="content"> 登录窗口 </view> </view> </template> <script> expor ......
全局 组件 2023 vue 04

Vue3 Vite H5 手写一个横向展开的多级树列表

最近写h5要做那种稍微复杂一点的树,没找到现成的UI组件库可用,vant的树只有两级不满足,只能自己写 ps. 选框的选择/反选/半选对父子选项的影响还有bug,留到脑子好的时候再优化 效果 代码 框架是Vue3+Vite+Vant4。复选框用的vant的checkbox,应该也可以换别的或者原生。 ......
横向 Vue3 Vite Vue H5

js 查找字符串中指定字符 模糊查询 不区分大小写

var str = "hello world ! hello coder!" ; //查找‘HELLO’是否存在,找不到返回null var reg = new RegExp('HELLO','i') ; var isHas = str.match(reg); console.log(isHas); ......
字符 中指 字符串 大小 js

Three.js教程:鼠标操作三维场景

推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 为了使用鼠标操作三维场景,可以借助three.js众多控件之一OrbitControls.js,可以在下载的three.js-master文件中找到(three.js-master\examples\js\control ......
场景 鼠标 教程 Three js

vue 使用 vue-seamless-scroll 实现LED屏滚动效果

yarn add vue-seamless-scroll <div class="index-roll"> <vue-seamless-scroll :data="partnerList" :class-option="optionLeft"> <ul> <li v-for="(item, inde ......

vite vue3 全局批量注册组件

方式1-使用import.meta.glob import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); app.mount('#app'); // antd全局使用图标,遍历引入 const i ......
全局 组件 vite vue3 vue

HTML、JS与PHP之间的数据传输

在电商网站搭建过程中,前端经常会向后端请求数据,有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下,用户在HTML中做关键字操作,JS对提交的表单进行数据处理,向后端发起ajax请求对应PHP的api接口,PHP在接收到数据后对连接服务器,服务器再通过PHP中的SQL语句对数据库 ......
数据传输 之间 数据 HTML PHP

vue3微信公众号商城项目实战系列(3)项目初始文件及文件夹简介

首先我们来看下项目的文件结构图,如下: 各个文件及文件夹作用如下: 文件或文件夹名称 作用 .vscode VisualStudioCode开发工具的配置信息存放目录,从这个目录可以看出vue3确实是推荐使用vscode作为开发工具的。 node_modules 项目中用到的包存放目录,当我们用 " ......
文件 项目 文件夹 实战 公众

原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示

全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
物流 数据 信息 HTML CSS

vue3 + ts + electron项目搭建过程

1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原 ......
electron 过程 项目 vue3 vue

js面试总结

基本的数据类型介绍,及值类型和引用类型的理解 在 JS 中共有 8 种基础的数据类型,分别为: Undefined 、 Null 、 Boolean 、 Number 、 String 、 Object 、 Symbol 、 BigInt 。 其中 Symbol 和 BigInt 是 ES6 新增的 ......

Vue

相关资料地址 官网: https://cn.vuejs.org/ 官网教程: https://cn.vuejs.org/v2/guide/ 官网API: https://cn.vuejs.org/v2/api/ 王树东FE10资料: https://github.com/itguide/fe10 ( ......
Vue

Vue2入门之超详细教程六-数据代理

1、简介 这章有点长,希望大家可以耐心看完。在了解数据代理之前需要先了解Object.defineProperty,Object.defineProperty就是给一个对象添加属性用的。数据代理,通过一个对象代理对另一个对象中数据的操作(读/写)。 Vue中的数据代理: 通过vm对象来代理data对 ......
教程 数据 Vue2 Vue

vue自定义组件——ip-input

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value: 输入的ip地址, 类型为字符串, 格式为xx.xx.xx.xx, default: '' disabled: 是否禁用, 类型为布尔值, default ......
组件 ip-input input vue ip

vue3微信公众号商城项目实战系列(2)创建一个vue3项目

在我们的电脑上安装完nodejs后,本机就可以作为一个web服务器使用了,只不过这个web服务器上的网页使用javascript来编写。 接下来我们创建一个vue3项目,并运行起来,然后用浏览器来访问,没有什么比一个hello world更让人期待的了。 创建一个vue3项目我们可以使用脚手架工具来 ......
项目 vue3 实战 vue 公众

vue自定义组件——split-pane

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: splitCount: 分割数量, default: 2 direction: 分割方向, 'vertical' or 'horizontal', default: ......
split-pane 组件 split pane vue

vue深度选择器 /deep/ ::v-deep >>>的使用

css中通常会在 style 标签内添加 scoped 来避免父组件对子组件的影响,添加了之后只能修改当前组件的样式。 这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值,从而避免父组件对子组件的样式的影响。 如果去掉scoped的话就会影响全局样式,但是加上scoped又不能在 ......
deep 深度 gt v-deep vue

解决vue不规则空格的方法

问题描述: 就是有时候会报这个错误:Irregular whitespace not allowed 或者出现报老多warning,说你的代码不规则 解决问题 一、在 package.json中添加 { "name": "system", "version": "0.1.0", "private": ......
空格 方法 vue

Vue.js element-ui

基本使用视频 按需引入视频 7.1移动端常用UI组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io 7.2PC端常用UI组件库. ......
element-ui element Vue js ui

Vue.js history模式与hash模式

视频 13.路由器的两种工作模式 对于一个url来说,什么是hash值?—— #及其后面的内容就是hash值。 hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。 hash模式: 地址中永远带着#号,不美观 。 若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标 ......
模式 history hash Vue js

Node.js文件路径:Path模块

path模块是nodejs的内置模块,便于我们去获取、操作文件路径 记录一些注意事项: 文件的绝对位置 cjs console.log(__filename) mjs mjs中,不能使用__filename和__dirname console.log(import.meta.url) 文件所处的目录 ......
路径 模块 文件 Node Path

原生JS修改输入框value,并触发前端框架改变内部管理的响应式数据

背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作,来保护我们的手指关节,以及键盘鼠标。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,v ......
内部管理 前端 框架 数据 value

vue项目中在 index.html 中如何使用 process 变量参数

在标签使用 <script type="text/javascript" src="<%= process.env.VUE_APP_APK %>" ></script> 1.在环境文件中定义变量必须要以 VUE_APP_ 开头 2.必须要用 <%= %> 包裹 3.注意修改完环境变量文件,需要重启项 ......
变量 参数 process 项目 index

Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例

基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
后台 前端 Vite-Admin 框架 实例

js中一个移除对象中子数组中空值的函数

js中一个移除对象中子集数组中空值(null,undefined)的函数 function removeNull(obj){ let delarr = []; for(let i in obj){ // 排除法寻找对象类型 if(typeof(obj[i]) 'boolean' || typeof( ......
中子 数组 函数 对象