three vue js

h5端引入moment.js

[h5端引入moment.js,会调用不同文件夹下的moment.js,且引入语言包不能使用 · Issue #10754 · NervJS/taro](https://github.com/NervJS/taro/issues/10754) 第一种引入方式(不行的,但是在其他项目正常) impor ......
moment js

常见的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查询历史操作记录 --> 生成新地址 ......
省市 组件 vue

vue组件封装 - 选择器远程搜索下拉列表

``` --> ``` ......
组件 vue

vue3.0 外部配置文件一 (导入json文件方式)

vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 注:js文件中必须是标准的 json 格式 一、在public中创建static文件夹,在static文件夹中创建 config.json 文件 config.json (必须是标准的 json 格式) { "webSocketUrl": ......
文件 方式 vue3 json vue

JS函数调用的5种模式

函数是经常会用的工具, 这里总结一下关于在 js 中的 5种函数调用的模式如下: ```html Document ``` ......
函数 模式

面对对象还是基于对象傻傻分不清楚,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 ref

vue 父向子通过props 传递一个function报未定义

解决方法: 参考资料: https://cloud.tencent.com/developer/ask/sof/523570来自为知笔记(Wiz) ......
function props vue

一个nginx + vue下二级路径版本化方案

过程说明: 1、arg_appver表示读取url上appver参数 2、对appver参数做变量映射得到alias_party1_test 路径。具体条件:没有指定参数的话(即"")指向2.8.0版本化文件夹;默认的话(即default)则指向动态拼接的路径 3、第2点里面动态拼接如果不需要版本化 ......
路径 版本 方案 nginx vue

【URLSearchParams】js将对象转换为url get 参数

## 参考 - chatgpt ## 代码 ```js const myObj = { name: 'John', age: 30, city: 'New York' }; const params = new URLSearchParams(myObj); const urlParams = pa ......
URLSearchParams 对象 参数 url get

js直接下载PDF

1、前端引入js <script type="text/javascript" src="${pageContext.request.contextPath}/modules/util/downDoc/html2pdf.js"></script> 2、js方法 html定义div $("#downP ......
PDF

vue实战项目1

title: vue实战项目1 date: 2023-07-23 20:17:32 tags: - vue categories: - 工程 - 前端 top: ### vue实战项目1 vue实战项目学习第一天,尚硅谷实战课程尚品汇项目。 项目开始,主要做的是配置环境和开始开发。今天配置了项目的脚 ......
实战 项目 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 day 43

【技术实战】Vue技术实战【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
实战 技术 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"> <!--传递函数 儿子给父亲传东西,父亲 ......
todolist vue day 42

初入 H5 Canvas 框架 Konva.js

# 什么是 Konva [Konva.js](https://konvajs.org/docs/index.html) 是一个 H5 Canvas 的 JavaScript 框架,我们可以通过制作桌面端和移动端的 apps。 Konva 支持动画、转换、节点嵌套、图层、过滤、缓存、事件(桌面端和移动 ......
框架 Canvas Konva H5 js

图解 Vue 响应式原理

- Vue 初始化 - 模板渲染 - 组件渲染 为了便于理解,本文将从以下两个方面进行探索: - 从 Vue 初始化,到首次渲染生成 DOM 的流程。 - 从 Vue 数据修改,到页面更新 DOM 的流程。 # Vue 初始化 先从最简单的一段 Vue 代码开始: """ {{ message }} ......
原理 Vue

Node.js下载安装教程

一、下载安装包 1、百度网盘自提链接: 链接:https://pan.baidu.com/s/1Bbw895MtUgjlfZylPHCCxw 提取码:x89v 2、进入官网下载 https://nodejs.org/zh-cn/download/ 选择对应版本,我这里选的windows64位版本 二 ......
教程 Node js

vue--dat41--scoped作用域

1. scoped 样式 作用: 让样式在局部生效 防止冲突 写法 <style scoped> </style> npm view webpack versions. 查看 webpack 的版本 npm view less-loader versions 查看 less-loader 版本 np ......
作用 scoped vue dat 41

vue--day40--plugins插件

1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //引入插件 import plugins from './plugin ......
插件 plugins vue day 40

vue--day39--mixin混合

组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } }, ......
mixin vue day 39

vue 学习第1天

vue的特点: 1.采用组件化模式,提高代码复用率,且让代码更好维护,一个模块可以封装组件 2.声明式编码,提高开发效率,心有林夕,标签+for循环,而不是一步步去写 3.虚拟dom,相当于后端的缓存 脚手架的文件的格式 1: vue-cli 脚手架初始化项目 2: node + webpack + ......
vue

【技术积累】Vue中的核心知识【三】

this关键字 在Vue中,this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。 在组件的方法中,this指向当前组件实例,可以通过this访问组件的属性和方法。例如,可以通过this.message访问组件的data中的message属性。 在生命周期钩子函数中 ......
核心 知识 技术 Vue

vue中router与route区别

vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息,包含了当前 URL 解析得到的信息。包含当前的路径,参数,query对象等。 1. $route.path 字符串,对应当前路由的路径,总是解析为绝对路径,如"/foo ......
router route vue

vue中query和params的区别是什么

区别: 1、query用path编写传参地址,而params用name编写传参地址; 2、query刷新页面时参数不会消失,而params刷新页面时参数会消失; 3、query传的参数会显示在url地址栏中,而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que ......
params query vue

2023年最新50道Vue全套vue2+vue3面试题带答案汇总

# 此文章不断更新,欢迎大家在评论区补充 ## 1.什么是MVVM? ![](https://img2023.cnblogs.com/blog/1675284/202307/1675284-20230722194843205-1823552305.png) M - Model 数据:它是与应用程序的 ......
全套 vue 答案 2023 vue2

java-base-three

#在java中,对象的内存在哪个时刻回收,取决于垃圾回收器何时运行。 一旦垃圾回收器准备好释放对象占用的存储空间,将首先调用其finalize()方法, 并且在下一次垃圾回收动作发生时,才会真正的回收对象占用的内存(《java 编程思想》) 在C++中,对象的内存在哪个时刻被回收,是可以确定的,在C ......
java-base-three three java base

Js数组

Js数组方法 1.把数组转换为字符串:toString() join('分隔符') 2.pop() 删除数组最后一个元素 返回被删除的值 3.push() 在数组末尾添加一个元素 返回数组长度 4.shift() 删除数组首个元素 返回被删除的值 5.unshift() 在数组头部添加一个元素 返回 ......
数组