写法vue2 vue js
解决非同源跨域不带cookie问题(原生、axios、fetch写法)
原生js写法 var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://localhost:7001/api/userinfo', true); xhr.withCredentials = true; // 开启withCredentials x ......
滚动视差-skrollr.js,vue3初使用
安装插件: npm i skrollr --Saver 在使用页引入: <script lang="ts" setup> import { nextTick, onDeactivated, onMounted, ref } from "vue"; import skrollr from "skrol ......
vue3创建项目,vite+js
之前的时候大哥就让我自己搭架子,但是我拖延症,现在用到了,得自己搭了 我的项目都放到了 VuePorjects这个目录里面, 一、先进入到指定工作目录,(不是你要创建的项目的名称哈) cd VuePorjects/ 二、创建vue3项目,安装创建项目 npm create vite @latest ......
js大数的计算2^64次方
[https://mikemcl.github.io/big.js](https://mikemcl.github.io/big.js) ```js /** * [a,1,1,1] low:[b,1,1,1] * 结果: a × 2 ^ 32 + b= * ( 2 ^ 32 - 1 ) × 2 ^ ......
Vue项目启动 报错error:0308010C:digital envelope routines::unsupported
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响. 解决方法 package.json增加配置"scripts": { "serve": "set NODE_OPTIONS op ......
h5端引入moment.js
[h5端引入moment.js,会调用不同文件夹下的moment.js,且引入语言包不能使用 · Issue #10754 · NervJS/taro](https://github.com/NervJS/taro/issues/10754) 第一种引入方式(不行的,但是在其他项目正常) impor ......
常见的js内存泄漏
1、 意外的全局变量。未被声明的变量,会被挂在window对象下,不能及时的销毁。2、计时器和回调函数timers。定时器setInterval或者setTimeout在不需要使用的时候,没有被clear,导致定时器的回调函数及其内部依赖的变量都不能被回收,这就会造成内存泄漏。3、DOM泄漏。(1) ......
JS面向对象练习
```html 删除 登录 新增 ``` ```css .modal { width: 300px; min-height: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 4px; position: fixed; z- ......
vue组件封装 - 省市县下拉选联动
改封装组件依赖`element-china-area-data`插件,引入组件可参照:https://www.npmjs.com/package/element-china-area-data ``` title:弹框显示标题, pageId:页面id,根据id查询历史操作记录 --> 生成新地址 ......
vue3.0 外部配置文件一 (导入json文件方式)
vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 注:js文件中必须是标准的 json 格式 一、在public中创建static文件夹,在static文件夹中创建 config.json 文件 config.json (必须是标准的 json 格式) { "webSocketUrl": ......
面对对象还是基于对象傻傻分不清楚,JS这个非主流太搞了
与其它的语言相比,JavaScript 中的“对象”总是显得不那么合群。 一些新人在学习 JavaScript 面向对象时,往往也会有疑惑: 为什么 JavaScript(直到 ES6)有对象的概念,但是却没有像其他的语言那样,有类的概念呢; 为什么在 JavaScript 对象里可以自由添加属性, ......
vue中ref的用法
1,可以引用元素,通过this.$refs.domxx直接操作元素。 <div ref="domxx"></div> methods: { getxx() { console.log(this.$refs.domxx) // 访问DOM元素 } } 2,可以绑定组件实例,访问组件的属性和方法; 参考 ......
vue 父向子通过props 传递一个function报未定义
解决方法: 参考资料: https://cloud.tencent.com/developer/ask/sof/523570来自为知笔记(Wiz) ......
一个nginx + vue下二级路径版本化方案
过程说明: 1、arg_appver表示读取url上appver参数 2、对appver参数做变量映射得到alias_party1_test 路径。具体条件:没有指定参数的话(即"")指向2.8.0版本化文件夹;默认的话(即default)则指向动态拼接的路径 3、第2点里面动态拼接如果不需要版本化 ......
【URLSearchParams】js将对象转换为url get 参数
## 参考 - chatgpt ## 代码 ```js const myObj = { name: 'John', age: 30, city: 'New York' }; const params = new URLSearchParams(myObj); const urlParams = pa ......
js直接下载PDF
1、前端引入js <script type="text/javascript" src="${pageContext.request.contextPath}/modules/util/downDoc/html2pdf.js"></script> 2、js方法 html定义div $("#downP ......
vue实战项目1
title: vue实战项目1 date: 2023-07-23 20:17:32 tags: - vue categories: - 工程 - 前端 top: ### vue实战项目1 vue实战项目学习第一天,尚硅谷实战课程尚品汇项目。 项目开始,主要做的是配置环境和开始开发。今天配置了项目的脚 ......
vue--day43--浏览器本地存储
1.localeStroage.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale ......
【技术实战】Vue技术实战【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
vue--day42--todolist
1. 安装 npm i nanoid mdn 数组的方法 typora 安装 2. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲 ......
初入 H5 Canvas 框架 Konva.js
# 什么是 Konva [Konva.js](https://konvajs.org/docs/index.html) 是一个 H5 Canvas 的 JavaScript 框架,我们可以通过制作桌面端和移动端的 apps。 Konva 支持动画、转换、节点嵌套、图层、过滤、缓存、事件(桌面端和移动 ......
图解 Vue 响应式原理
- Vue 初始化 - 模板渲染 - 组件渲染 为了便于理解,本文将从以下两个方面进行探索: - 从 Vue 初始化,到首次渲染生成 DOM 的流程。 - 从 Vue 数据修改,到页面更新 DOM 的流程。 # Vue 初始化 先从最简单的一段 Vue 代码开始: """ {{ message }} ......
Node.js下载安装教程
一、下载安装包 1、百度网盘自提链接: 链接:https://pan.baidu.com/s/1Bbw895MtUgjlfZylPHCCxw 提取码:x89v 2、进入官网下载 https://nodejs.org/zh-cn/download/ 选择对应版本,我这里选的windows64位版本 二 ......
vue--dat41--scoped作用域
1. scoped 样式 作用: 让样式在局部生效 防止冲突 写法 <style scoped> </style> npm view webpack versions. 查看 webpack 的版本 npm view less-loader versions 查看 less-loader 版本 np ......
vue--day40--plugins插件
1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //引入插件 import plugins from './plugin ......
vue--day39--mixin混合
组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } }, ......