three vue js
vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能
一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。
其实刚做好的效果还是能实现产品... ......
js select下拉框选取默认学期
termList.map(item => { if(item.isOnTerm == 1){ termOpts += '<option value="'+ item.termId +'" selected>'+ item.termName +'</option>'; }else { termOpts ......
Vue3 useReusableTemplate 优雅的复用模板代码
### 在Angular中有一个很好用的功能,即在不封装组件的情况下复用模板代码: > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用,非常的好用!! ### ......
three points 1(牛客多校) (计算几何, 三角形)
题意: t组样例,每组样例输入w, h, a, b, c.在坐标系中,0 <= x <= w, 0<=y<=h, 求出三个点X, Y, Z, 并且|XY| = a, |XZ| = b, |YZ| = c,求这三点坐标并依次输出 题解: 一个三角形在矩形中是合法的,那么就一定可以平移到矩阵的某个角, ......
windows环境下的vue部署(使用nginx)
首先需要将vue项目打包成dist,在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置,具体操作如下 打开解压后的nginx,进入目录:nginx-1.23.4->conf,打开编辑nginx.conf *注意:对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
JS DIV滚动条 下拉到底部触发事件
1.针对浏览器窗口滚动 <script type="text/javascript"> var pageNum = 1; //获取数据方法 function GetPageData() { } //分页 $(window).scroll(function () { //滚动到底部时 if ($(wi ......
vue中<script setup>中使用watch方法
在setup选项里使用watch有两种办法。 ## 第一种:使用watchEffect watchEffect立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数,可以接收watchEffect的返回值用来停止监听。 示例: ``` {{message}} 修改message ......
vue中<script setup>中使用computed方法
在setup选项里使用computed需要手动引入computed方法,computed接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者,接受一个具有 get 和 set 函数的对象,用来创建可写的 ref 对象。下面来看示例。 父组件index ......
vue2子组件切换,监听方法失效(监听多个字段)
记录下问题 本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时,监听不生效,监听方法也加了immedi ......
vue中<script setup>中使用watch、computed、props等方法
` // 通过props传过来的是一个静态值,如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
vue this.$set的作用
在Vue.js中,`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化,从而实现数据的响应式。然而,当您添加一个新的属性时,Vue无法自动追踪该属性的变化。这就是`this.$set` ......
vue 性能优化
组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
js函数和对象
《Web前端开发实践》承P85 eval(Evaluate [ɪˈvæljueɪt])求值。 例: 用循环依次执行三个函数 1 function f1() 2 { 3 console.log("hi1"); 4 } 5 function f2() 6 { 7 console.log("hi2"); ......
基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT
**1、项目介绍** 考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。 (1)系统功能需求 登录系统后,主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示。 ![](htt ......
dom、js原生常用api, 兼容ie等主流浏览器(持续更新)
开发组件库必须知道的东西 /** * 获取scrollTop * @param { HTMLElement | window } element - dom元素或者window对象 * @returns { number } */ function getScrollTop(element) { i ......
JS遍历Json串并获取Key和Value
//data为json串 for (var key in data) { console.log(key); console.log(data[key]); } ......
js基础
**作用域** js采用的是静态作用域(函数定义的时候作用域就已经确定) **变量对象** 当前代码段中所有的变量(变量,函数,形参 aguments)组成的一个对象 变量对象在执行全局上下文被激活,只有被激活代码中才能使用 变量分为全局变量对象 Variable Object VO和局部变量对象( ......
vue3.0组件封装
**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
js如何终止请求发送
fetch的方式: let controller = null input.oninput = async() => { controller && controller.abort() controller = new AbortController() try{ const api = awai ......
vue项目国际化
#### 1、安装i18n ``` npm install vue-i18n -S 安装版本 8.26.5, 9.2.2亲测项目报错 ``` #### 2、main.js ```js // 引入 lang/index.js import i18n from './lang/index.js' // ......
ele+vue简单操作
绑定值和字符串拼接: 1、:title="`字符串${xx}`" 2、:title="'字符串' + xx" 3.异步回调 setTimeReflush: function () { var _this = this; return new Promise(function (resolve, re ......
解锁各种js数组骚操作,总有你想要的!
# 解锁各种js数组骚操作,总有你想要的! ``` 解锁各种js数组骚操作,总有你想要的! 标签: javascript 前端 在开发中,数组的使用场景非常多,平日中也涉及到很多数组相关操作,对一些常见的操作方法进行总结和收藏,在开发中就能信手拈来,大大提高开发效率。 本文在gitthub做了收录 ......
vue中使用scss公共变量的方法 :export
vue中使用scss公共变量的方法 :export :https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant ......
Cesium结合GIS天地图 加载倾斜摄影3dtile + vue3
## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多,可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图,可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
AtCoder Regular Contest 139 C One Three Nine
[洛谷传送门](http://https://www.luogu.com.cn/problem/AT_arc139_c "洛谷传送门") [AtCoder 传送门](https://atcoder.jp/contests/arc139/tasks/arc139_c "AtCoder 传送门") ~~ ......
JS 鼠标粒子效果
<!--鼠标粒子特效--> <script> !function() { function n(n, e, t) { return n.getAttribute(e) || t } function e(n) { return document.getElementsByTagName(n) } f ......
原生js如何请求接口
>请求基本流程:创建XHR实例对象 => 发送数据 => 接收数据 ### 首先我们会创建xml实例对象 ``` let xmlHttp = new XMLHttpRequest() ``` ###### 需要根据不同版本浏览器创建 ``` if (window.XMLHttpRequest) { ......
Vue项目初次加载cesium | 配置
1. 首先配置`CESIUM_BASE_URL`全局变量 ``` window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; ``` 2. 把`node_modules\cesium\Build\Cesium`这个文件夹复制到`pub ......
vue安装与初始化
# vue npm 使用 验证 安装 ## 安装vue ```bash npm install --global vue-cli ``` ## vue版本 ```bash vue -V ``` ## 其他版本 ```bash node -v npm -v ``` ## 查询当前镜像地址 ```bas ......
js导入excel&导出excel
js导入excel&导出excel Excel导入 html代码 <button style={{ color: '#1890ff', fontSize: '14px', cursor: 'pointer' }} onClick={() => { upFile(); }} > 导入 </button ......