three vue js

JS-运算符和流程控制语句

## 1. 运算符 #### 1.1 算术运算符 数字可以有很多操作,比如,乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起 数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(求模)。 - `+`:求和 - `-`:求差 - `*`:求积 - `/`:求商 - `% ......
运算符 语句 流程 JS

内网穿透访问Vue项目出现Invalid Host header解决办法

## 1.场景 > 在本地运行的Vue项目,当他人需要访问本地项目时,由于没有外网的服务器,这时需要使用内网穿透(也就是代理)提供的域名来访问本地 ## 2.问题 > 在通过内网穿透访问时出现`Invalid Host header`提示信息 ## 3.解决方法 > 在vue.config.js文件 ......
Invalid 办法 项目 header Host

Vue 中const,var,let区别与用法

区别:1.const定义的变量不可以修改,而且必须初始化。2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。 ......
const Vue var let

JS bind & apply/call

### bind ``` let boundFunc = func.bind(context); ``` - 将func的context修改为传入的参数,返回一个新的func函数 ### call ``` func.call(context, arg1, arg2, ...) ``` ### app ......
apply bind call amp JS

node.js详细介绍,node.js常用面试题

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,可以让 JavaScript 在服务器端运行,实现了 JavaScript 的后端开发能力。Node.js 采用事件驱动、非阻塞 I/O 模型,可以处理大量并发连接,适合构建高性能、可扩展的网络应用程序。 以下是一 ......
node 常用 js

使用 Vue 和 Swiper 实现中间大两边小的轮播图效果

以下是使用 Vue 和 Swiper 实现中间大两边小的轮播图效果的代码: 1. 安装 Swiper: npm install swiper --save 2. 在 Vue 组件中引入 Swiper: import Swiper from 'swiper'; import 'swiper/css/s ......
效果 Swiper Vue

JS setInterval

### 用法 - 第一个参数是传入的函数 - 第二个参数是 间隔的以毫秒为单位的时间 - 后面的是一系列的参数 - handler之外的参数直接不传 ``` setInterval((...args)=>{ args.forEach(val=>{ console.log(val) }) }, 100 ......
setInterval JS

前端vue基于原生check增强单选多选插件

前端vue基于原生check增强单选多选插件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12979 效果图如下: #### 使用方法 ```使用方法 <!-- 多选组件 checkData:多选数据 @change:多选事 ......
前端 插件 check vue

JS-数据类型和类型转换

## 一. 数据类型 > 计算机程序可以处理大量的数据,为什么要给数据分类? > 1. 更加充分和高效的利用内存; > 2. 也更加方便程序员的使用数据。 数据类型分为两大类:基本数据类型和引用数据类型 1.原始类型: - number 数字型 - string 字符串型 - boolean 布尔型 ......
类型 数据 JS

js笔记_方法

方法就是把函数放在对象的里面,对象只有两个东西:属性和方法 var li = { name:'li', birth:2000, age:function(){ var now = new.Date().getFullYear(); return now - this.birth; } } //属性 ......
笔记 方法

第一个vue程序

一,JS常用框架 1, Jquery 2, Vue(★★★) 3, React (Meta) 4, Angular (google) 二、第一个vue程序 1、引入cdn ``` ``` 2, Vue对象 ``` // 创建vue对象, 增加他的Vue参数 var vm = new Vue({ // ......
程序 vue

vue解决后端返回的图片路径名和原图片路径名相同时,浏览器缓存只会加载首次缓存的图片问题

方法一:让后端更改返回的路径名字。 方法二:前端自己处理。 在图片路径后拼接随机数或者时间戳 我用的是时间戳 this.$refs.rotate.src = res.data.url + "?" + new Date().getTime() :src="formData.indexUrl + '?' ......
路径名 缓存 图片 路径 浏览器

js笔记_变量的作用域

在JavaScript中,var定义变量实际是有作用域的。 假设在函数体中声明,则在函数体外不可以使用,(非要想实现的话,后面可以研究 一下 闭包) function li(){ var x = 1; x = x+1;//2 } x = x + 2;//uncaught ReferenceError ......
变量 作用 笔记

js笔记_函数

函数 定义方式一 绝对值函数 function abs(x){ return x; }else{ return -x; } 一旦执行到return代表函数结束,返回结果。 如果没有执行return,函数执行完也会返回结果,结果就是undefined 定义方式二 var abs = function( ......
函数 笔记

js原始坐标转百度坐标(GPS坐标转百度坐标)(火星坐标转百度坐标)

wgs84togcj02tobd09(lng, lat) { const xPI = 3.14159265358979324 * 3000.0 / 180.0 const PI = 3.1415926535897932384626 const a = 6378245.0 const ee = 0.0 ......
坐标 GPS

js层

browseCourse.js $(document).ready(function (){ $("#addCourse").click(function (){ $("#popup").css("display","block") $("#overlay").css("display","bloc ......

JS中循环遍历数组的几种常用方式总结

第一种:for循环,也是最常见的 最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间 const arr = [11, 22, 33, 44, 55, 66, 77, 88]; for (let i = 0; i < arr.length; i++) { console.log(ar ......
数组 常用 方式

JS-变量、常量和数组

## 一. 变量 变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆,通俗的理解变量就是**使用【某个符号】来代表【某个具体的数值】(数据),这个符号就是变量,这个具体的值称为字面量。** ```html ``` #### 变量的声明 声明变量也叫定义变量:`let 变量名`,此处`le ......
常量 数组 变量 JS

ChatGPT教我用200行代码写一个简版Vue框架 - OpenTiny

AI 是未来最好的老师。最近,我正在准备一份关于 Vue 基础的学习材料。期间我突发奇想:能否利用现在热门的 ChatGPT 帮我创建学习内容?其实 Vue 本身不难学,特别是基础用法,但是,如果你想 ......
框架 OpenTiny ChatGPT 代码 200

js 实现排列组合

组合: (不考虑顺序,无重复) //测试用例 let dataArr = [1, 2, 3, 4, 5]; function combination(dataArr, remainNum, currentArr) { if (remainNum 0) { console.log(...current ......
js

给第一行单元格赋值 + WPS JS获取工作表的总行数 + WPS JS获取工作表的总行数

> **[戳我,了解更多相关办公的小技巧](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzkzMjE5OTMwOA==&action=getalbum&album_id=2551648530432770048&scene=173&from_msgid ......
总行 WPS 一行 单元

Vue启动报错:This usually happens because your environment has changed since running `npm install`

This usually happens because your environment has changed since running `npm install` 问题根本:这通常是因为运行NPM安装后环境发生了变化。 运行“NPM重建节点SASS——强制”来为当前环境构建绑定。 如何解决: ......
environment usually happens because changed

JAVA的springboot+vue家政服务管理平台,家政预约管理系统,附源码+数据库+论文+PPT

**1、项目介绍** 随着家政服务行业的不断发展,家政服务在现实生活中的使用和普及,家政服务行业成为近年内出现的一个新行业,并且能够成为大众广为认可和接受的行为和选择。设计家政服务管理平台的目的就是借助计算机让复杂的销售操作变简单,变高效。 家政服务管理平台采用了B/S结构,JAVA作为开发语言,数 ......

js笔记_Map,Set

//ES6 Map var map = new Map([["tom",100],["jack",100],["jj",100]]); var name = map.get("tom");//通过key获取value map.set(‘admin’,123456);//新增或修改 map.delet ......
笔记 Map Set

js笔记_流程控制

if判断 var age = 1; if (age>3){ alterr("haha"); }else if{age<5){ alert("kuwa"); }else{ alert("kuwa"); } while循环,避免程序死循环 while(age<100){ age = age + 1; c ......
流程 笔记

前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡

前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12974 效果图如下: # #### 使用方法 ```使用方法 <!-- // 腾讯地图key注册地址(针对H5端 ......
前端 位置 目标 地图 vue

前端vue基于echart实现散点图

前端vue基于echart实现散点图, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12866 效果图如下: 参考代码如下: # #### 使用方法 ```使用方法 import echarts from '../../st ......
前端 echart vue

前端vue实现页面加水印文字 单个页面所有页面加水印 水印颜色

前端vue实现页面加水印文字, 可以实现系统所有页面加水印,也可以单个页面加水印, 可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12889 效果图如下: #### 使用方法 ```使用方法 /* 给系统所有 ......
水印 页面 前端 单个 颜色

前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )

快速实现echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 ); 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12735 效果图如下: ......
线图 结构图 树形 图谱 前端

前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页

前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12942 效果图如下: #### 使用方法 ```使用方法 <!-- pullDown:下拉刷新 back-t ......
前端 组件 vue