three vue js
win11 安装 Vue
Win 安装 Vue Vue 官网文档 vue官网 下载 node.js https://nodejs.org/en# 安装 v8.9 以上的版本 推荐 v10 及以上# 我下载的版本9.5.1 版本链接：https://pan.baidu.com/s/19ekl3NRo4vtfv1Dp5K9kog ......
jquery.serializejson.min.js的妙用
jquery.serializejson.min.js的妙用 关于这个jquery.serializejson.min.js插件来看，他是转json的一个非常简单好用的插件。 前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面之外，经常碰到的需求是收集表单信息成数据对象，Ajax提 ......
TIER 1: Three
# TIER 1: Three ## 信息收集 通过以前的练习，我们首先确认目标 IP 开放了哪些端口，比如使用 nmap 之类的工具进行扫描。本次靶机开放： * 22 端口：SSH, OpenSSH * 80 端口：HTTP, Apache 在浏览器中访问目标 IP，可以看到一个简单的网页。当然我 ......
VUE+elementUI前端导出解决方案，截断，清晰度，页边距，页眉页脚，富文本都处理了
pdfLoader.js /* * @Description: html转pdf 新版解决方案 * @Author: jeseven/wwl * @Date: 2023-05-23 10:03:57 * @LastEditTime: 2023-05-23 10:23:22 * @LastEditor ......
Vue2知识点简要
一、双向绑定原理 Vue2采用的是观察者-发布订阅模式，利用Object.defineProperty实现对数据已定义属性的监控(定义观察者模式)， 编译DOM时解析v-model等属性以及对input框等注册事件实现UI和JS的交互(也就是注册发布订阅这模式)； 详细的是主要是定义一个Observ ......
1.Vue简介
Vue 的两个核心功能： 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。 响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。 渐进式框架： 无需构建步骤，渐 ......
26) minify-maven-plugin 合并压缩 js css文件
http://samaxes.github.io/minify-maven-plugin/minify-mojo.html <build> <plugins> <plugin> <groupId>com.samaxes.maven</groupId> <artifactId>minify-maven ......
27) yuicompressor-maven-plugin 合并压缩 js css文件
http://davidb.github.io/yuicompressor-maven-plugin/compress-mojo.html <plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-p ......
vue 中判断向上滚动还是向下滚动
转载于 https://www.cnblogs.com/xianxiaoan/p/11073079.html <script> export default { data(){ return{ i = 0 } }, mounted () { window.addEventListener('scro ......
认识soui4js(第2篇）:代码编辑及调试
开始 假定您使用向导在d:\jsdemo目录创建一个工程，您也已经安装好了vscode, 那么您应该可以看到下面的界面效果： 工程生成后，主要包含一个soui资源包及一个main.js 要运行这个程序，您需要给vscode安装一个插件：quickjs-debug 由于向导已经自动配置了一个launc ......
vue2插槽的透传
多组件嵌套的情况下，有时候会希望父组件向孙子组件（或者更小的辈分）的slot中插入内容， 显然，这需要在孙子组件里面用``, 在父组件里面用``。但是在子组件中应该如何进行插槽的声明，才能做到类似中继的作用呢。 一般地，我们可以用下面的方式来声明： ```vue $emit('fetched-dat ......
Node.js常用库
`json-server`：json数据模拟，使用示例地址：https://blog.csdn.net/m0_62956518/article/details/124366111 `http`、`http-server`：基于node实现的http服务器 ......
js判断是否处于移动端
应用场景 在uniapp中通过webview嵌入了PC端界面，某些界面方法需要根据处于PC还是uniapp进行不同的处理，此处简单通过界面宽度去判断。 代码示例 const { body } = document const WIDTH = 992 isMobile() { const rect = ......
认识soui4js(第1篇）
源代码：https://github.com/soui4js/soui4js soui4js是soui4+quickjs的结合体。 soui4是一套c++ directui客户端开发框架，soui4js则将soui4的开发语言从C++迁移到了js。 可能有人要问：为什么要使用js来开发？ 使用js开 ......
web js 箭头函数的特点与优缺点
1.箭头函数的特点 1. 相比普通函数，箭头函数有更加简洁的语法。 2. 箭头函数不绑定this，会捕获其所在上下文的this，作为自己的this。 3. 箭头函数是匿名函数，不能作为构造函数，不可以使用new命令，否则后抛出错误。 4. 箭头函数不绑定arguments，取而代之用rest参数解决 ......
Vue-Cli笔记
# Vue-Cli笔记 ## 新手上路 在创建模式的时候，选择最后一个模式：自定义模式，创建项目，只需勾选下图3个配置，使用空格进行选择和不选择。  => ......
【VUE】Vue事件与表单处理02
一、事件与表单处理 1、v-on 监听事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= ......
【VUE】Vue 快速入门 笔记基础01
一、vue相关了解 1、概述 Vue.js是一种流行的JavaScript框架，用于构建响应式、交互式的前端Web界面。它采用了基于组件的开发模式，允许在单个页面中使用多个可重用的组件，提高了代码的复用性和维护性。 只关心视图层，自底向上.遵守SOC关注点分离原则(术有专攻，只关注一点) HTML ......
浏览器环境下JS构建xml文本
虽然许多地方 json 替代了 xml，但是仍然有部分领域使用 xml 来描述数据。 可以使用浏览器环境下 js 中 dom 的 API，来快速构建 xml 文本，避免手动拼接字符串。 ```js // 创建 XML 文档对象 let xmlDoc = document.implementation ......
vue之三种与后端交互的方式
[toc] # 一、vue与后端交互之Ajax # 情况一：出现了跨域问题 ## 前端：index.html ```html Title 点我加载数据 您的名字是：{{name}}，您的年龄是：{{age}} ``` ### 后端：main.py ```python from flask impor ......
springboot+vue基于协同过滤算法商品推荐系统，附源码+数据库
**1、项目介绍** 项目分为普通用户和管理员两个角色。 用户的功能有：登录、注册、商品信息、加入购物车、直接购买、点击收藏、评论、商品资讯、个人中心、我的订单、我的地址、我的收藏 管理员的功能有：登录、个人中心、用户管理、商品类型管理、商品信息管理、轮播图管理、商品资讯管理、订单管理 # [项目获 ......
使用Node.js搭建的微服务器基本流程
## 前言 使用Node.js搭建的微服务器, 处理注册登录操作的流程详解。主要包括注册，登录两大模块。 ## Node.js项目的搭建 ### 基于Express框架mongodb数据库搭建的Web服务器基本配置 **1. 初始化Node.js项目** `npm init` **2. 项目目录结构 ......
vue3+vant4+vuex4入门案例
案例用的是vant-ui库，你可换成你自己用的ui库即可。 安装vuex依赖包 npm install vuex --save main.js引用vuex，并挂载到vue中 import store from './store'; app.use(router).use(store); add.vu ......
Vue购物车展示功能
### 1.基本购物车 ```html 购物车 商品id 商品名 商品价格 商品数量 操作 {{good.id}} {{good.name}} {{good.price}} {{good.number}} 选中了：{{checkGroup}} 总价格：{{getPrice()}} 选中了checkb ......