写法vue2 vue js
html使用script 引入vue.js文件
使用script引入vue.js的方法： 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址：https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入，组件上写的 UnoCSS 样式会被覆盖，无法生效。 圆角 10px 不生效:  ``` assets文件夹：存放项目中用到的静态资源文件，例如：css样式表、图片资源 compone ......
JS01
### 如何写一段JS代码并运行 - 写在行内 ```html ``` - 写在script标签中 ```html ``` - 写在外部js文件中，在页面引入 ```html ``` ```javascript // main.js alert("Hello World"); ``` ### 变量的 ......
【JS基础】Promise.all() 和 Promise.race()
Promise.all Promise.all().then() 适用于处理多个异步任务，且所有的异步任务都得到结果时的情况 场景：同一个页面，数据分别是从不同的后端接口获取的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
vue中使用vue-particles动态粒子蜘蛛网背景
**vue-particles是什么？** 它是一款可以动态生成点和线的插件，然后线条可以自己动，还能与用户鼠标事件产生互动。 插件的github官网地址：https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
.js .jsx .ts .tsx的区别
.js是javascript文件的扩展名，例如main.js。 .jsx是javascript文件并表明使用了JSX语法。 .ts是typescript文件的扩展名 .tsx表明是typescript文件并使用了JSX语法。 https://zhuanlan.zhihu.com/p/43538518 ......
【JS基础】关于事件循环的一道题目
const myObject = { foo: 'hello', func: function () { const self = this console.log(1, this.foo) console.log(2, self.foo) function a() { console.log(3, ......
【JS基础】Promise.resolve()
Promise.resolve 静态方法将给定值“解析”为 Promise。 如果值是 Promise，则返回该 Promise；如果值是 thenable，返回的 Promise 会“跟随”这个 thanable 的对象，采用它的最终状态；否则，返回的 promise 将以此值完成。 此函数将类 ......
Vue3 —— 商城项目
## create-vue create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。 执行如下命令，这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue，执行n ......
【JS错题总结】关于上下文
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function func1() { console.log(1, this.val ......
vue时间处理
vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式： YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
js中各种时间格式的相互切换
js中各种时间格式的相互切换 https://jingyan.baidu.com/article/d2b1d102aa60941d7e37d4fc.html 前端开发中，往往需要使用到各种时间格式，包括中国标准时间，国际标准时间，时间戳，年月日的时间等，这么多种的时间格式，就需要相互转换，本文旨在介 ......
Js基础入门
[Js基础入门 - 掘金](https://juejin.cn/post/7244734132322992187) 浏览器执行JS简介 浏览器分成两大部分 渲染引擎和JS 引擎 渲染引擎： 用来解析HTML与CSS,俗称内核，比如chrome浏览器的blink,老版本的webkit JS 引擎：也称 ......
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用nginx的proxy_pass 代理跨域转发
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题，包含对问题的思考、解决思路，以及从中获得的收获。正确的部署流程我也写了一篇文章，供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
vue学习记录 4
本地服务器配置apache安装学习参考网址：（官网下载apache包的时候可能会疯狂断开链接）教程里没说，但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置，dialog中的高度是随内部元素高度变化，所以在dialog中的table添加class="tableClass"，通过屏幕大小改变tableClass中的height，高度数值存储在sizeList中。 <template> <div :style="si ......
碎片化学习前端之JavaScript（JS 压缩图片）
## 前言 图片压缩是前端开发中常见的需求，目前前端主流的解决方案有：Canvas 手动实现压缩以及第三方库压缩两种方案。 ## Canvas 手动实现压缩 Canvas 实现压缩主要原理是：将图片绘制到 canvas 上，然后通过调整 canvas 的宽高来实现压缩。 ```js function ......
vue封装公共组件库并发布到npm库
利用的原理： vue框架提供的api: Vue.use( plugin)，我们把封装好组件的项目打包成vue库，并提供install方法，然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值：通过v-bind:的形式进行数据的传递(可直接简 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先，data数据定义： ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理，主要是在js中实现对数据的分页处理，这里分享两种简单的写法，以供参考。两种方法都是用vue来实现的。 首先，相关的参数都一样，在vue里的data中定义好，如下所示： ``` var vm = new Vue({ el:'#app ......
Vue 中 组件通信 - 子传父（自定义事件）
# Vue 中 组件通信 - 子传父（自定义事件） ``` Vue 中 组件通信 - 子传父（自定义事件）子传父步骤：在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据（一般是通过一定的动作，如点击，滑动等，来自定义事件向父组件传递，这里以 click 为例）在子组件的 ......
npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test_vue - You do not have permission to publish "【package name】". Are you logged in as the correct user?
如果出现在发布的时候报这个错，说明你在package.json中登记的name已近被采用了。重名了，所以你得换一个。我们在发布一个包之前，最好拿着这个登记的name去搜一下，如果已近有了，那就要换一个。 ......
list 转 map 和map value 为null的写法
Map<String, String> currentProductChangeMap = list.stream().collect(Collectors.toMap(e -> e.getName(), e -> e.getVal(),(oldData,newData)->newData)); 当 ......
JS 事件循环机制（微任务、宏任务）
### JS 事件循环机制 JS 是单线程的，在 JS 中任务分为同步任务和异步任务。 如果是同步任务，则会在主线程（也就是 JS 引擎线程）上进行执行，形成一个执行栈。一旦遇到异步任务，则会将这些异步任务交给异步模块去处理，然后主线程继续执行后面的同步代码。 当异步任务有了运行结果以后，就会放入任 ......
js判断开始时间是否小于结束时间（时分 格式）
shifen(shi, fen) { //分割开始时间的时 let kaiShi = shi.split(":")[0]; //分割开始时间的分 let kaiFen = shi.split(":")[1]; //分割结束时间的时 let jieShi = fen.split(":")[0]; // ......
js判断时间是否存在重叠（多个时间段）
Fn(dateAr) { for (let k in dateAr) { if (!this.judege(k)) { return false } } return true }, judege(idx) { let dateAr = this.sellerTimeJson for (let k ......