写法vue2 vue js

【技术实战】Vue功能样式实战【七】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
实战 样式 功能 技术 Vue

vue项目部署到gitee

1、首先本地项目生成静态网页 npm run build 使用本命令将vue项目打包成静态网页存放到dist文件夹里 2、将静态资源推到gitee仓库 前提条件:新建了git仓库,然后 git clone +仓库地址,拉到本地,将dist整个文件夹放到刚才拉下来的项目文件夹中。 git add di ......
项目 gitee vue

NodeJS系列(9)- Next.js 框架 (二)

在 “NodeJS系列(8)- Next.js 框架 (一)” 里,我们简单介绍了 Next.js 的安装配置,创建了 nextjs-demo 项目,讲解和演示了 Next.js 项目的运行、路由(Routing)、页面布局(Layout)等内容。本文继续在 nextjs-demo 项目基础上,讲解 ......
框架 NodeJS Next js

通过重写js脚本文件的例子看文件操作

有以下文件: 相对路径:"Resources/MainWindow/MsgHtml/msgtmpl.txt" 文件内容: 要求:由于将要进行通信,我们将external0这个网页对象作为qq的发送者,这是可行的,然而接收者只有这一个对象external是不够的,我们将上面的txt文件作为一个初始版本 ......
文件 脚本 例子

Pixi.js的使用整理

最近在做的一个前端项目中,有一些图像的处理操作(3D图,2D图都有),其中3D图也是通过获取后端服务的图像2D数据进行绘制展示,通过鼠标各种操作调用后端服务来进行重新获取新图数据。这里前端设计到图像的操作使用了PIXIJS,这里将使用的方式做一个说明,以作参考。 首先pixijs的官网:https: ......
Pixi js

o、JS逆向

# JS逆向 ## 网站加密和混淆技术 我们在爬取网站的时候,会遇一些需要分析接口或 URL 信息的情况,这时会有各种各样类似加密的情形。 - 某个网站的 URL 带有些看不太懂的长串加密参数,要抓取就必须懂得这些参数是怎么构造的,否则我们连完整的 URL都构造不出来,更不用说爬取了。 - 在分析某 ......

b.JS加密

# JS加密 > 参考博客: > > [建议收藏 ~ 最全的 JS 逆向入门教程合集](https://blog.csdn.net/weixin_42038955/article/details/115196002) > > [Python还原CryptoJs_AES_CBC模式_js逆向学习](h ......
JS

a.JS逆向库

# Python 执行 JS 代码 在使用爬虫中,经常会遇到网页请求数据是经过 JS 处理的,特别是模拟登录时可能有加密请求。而目前绝大部分前端 JS 代码都是经过混淆的,可读性极低,想理解代码逻辑需要花费大量时间。这时不要着急使用 Selenium 暴力解决,毕竟 Selenium 严重拖慢爬虫效 ......
JS

【技术实战】Vue功能样式实战【六】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
实战 样式 功能 技术 Vue

VUE3_动态绑定多个值

动态绑定多个值​ 如果你有像这样的一个包含多个 attribute 的 JavaScript 对象: const objectOfAttrs = { id: 'container', class: 'wrapper' } 通过不带参数的 v-bind,你可以将它们绑定到单个元素上: <div v-b ......
多个 动态 VUE3 VUE

VUE3_API 风格

选项式 API (Options API) 使用选项式 API,我们可以用包含多个选项的对象来描述组件的逻辑,例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上,它会指向当前的组件实例 <script> export default { // da ......
VUE3_API 风格 VUE3 VUE API

nginx中location的写法有哪些?优先级是什么呢?rewrite如何使用?

主要内容:一、location匹配的规则和优先级(重点,面试会问,工作用得到) 二、nginx常用的问题(要求掌握) 三、rewrite:重定向功能(有掌握,有理解),重定向的标识位,标识位的四种类型是重点 在工作中配置nginx,主要配置location location匹配:用正则表达式 URI ......
优先级 写法 location rewrite nginx

vue3+TypeScript 报红色波浪线

参考:https://blog.51cto.com/u_16175453/6664719 package.json里有typescript就:npm install 没有就:npm install typescript --save ......
波浪 TypeScript 红色 vue3 vue

vue3组合式api生命周期

# 生命周期钩子函数 Vue3:[https://cn.vuejs.org/api/composition-api-lifecycle.html](https://cn.vuejs.org/api/composition-api-lifecycle.html) Vue2:[https://v2.cn ......
周期 生命 vue3 vue api

vue3.3实验性新特性defineModel

子父之间使用v-model双向绑定数据,子组件每次都要写emit和props觉得麻烦? vue3.3新的实验性特性defineModel可以完全不写emit和props。 由于是实验性特性,所以需要配置之后才能使用。 修改vite.config.js: ```JavaScript export de ......
实验性 defineModel 特性 vue3 vue

vue3在父子组件使用v-model双向绑定

父组件: ```Vue 我是父组件, {{ count }} --> --> --> --> ``` 封装一个InputBox子组件,用于数据的加减 ```Vue - + ``` # 思考: 觉得每次在子组件中定义emit和props很麻烦?vue3.3添加了一个实验性特新defineModel,详 ......
双向 父子 组件 v-model model

使用create-vue创建vue3项目

create-vue是vue3新的脚手架搭建项目工具,底层构建工具使用**vite**,而不是vue-cli的webpack。 但不是说你不能用以前的`vue create`命令来创建vue3项目,你完全可以用vue-cli来创建。 vite:[https://cn.vitejs.dev/guide ......
create-vue vue 项目 create vue3

create-vue和vue-cli创建项目的差异

这里对比的是vue-cli和create-vue创建vue3项目的文件中的内容差异。 ![](https://secure2.wostatic.cn/static/8hGnxvnWx3k5xGtUz91PHw/image.png?auth_key=1691824410-cuQuMDJs76r5vvu ......
create-vue vue 差异 vue-cli 项目

VUE

Vue是构建用户界面的渐进式JavaScript框架 尤雨溪开发的 特点: 1.采用组件化模式,提供代码复用性、且让代码更好维护 2.声明式编码,让编码人员无需直接操作DOM,提高开发效率。 3.使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。 ......
VUE

rem布局快速写法

vw的兼容性已经没问题,现在推荐优先使用vw 但是rem布局还是有其用武之地,比如需要动态改变字体大小的场景(有小,中,大三种字体,可手动选择,方便不同人群查看) vw 和 rem 的兼容性 | 兼容性 | ios | 安卓 | | rem | 4.1+ | 2.1+ | | vw | 6.1+ | ......
写法 布局 rem

HTML 全屏水印 vue 全屏水印

HTML 全屏水印 vue 全屏水印 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0; ......
水印 HTML vue

VUE使用模板页面并预留子页面区域

1.新建模板页面 MainLayout.vue,并在template 里面防止标签用于嵌入 子页面内容 <template> ''' 其他页面内容 '''<router-view></router-view> ''' 其他页面内容 '''</template>2.在 router的index.js ......
页面 模板 区域 VUE

Vue 路由懒加载

随着 Web 应用的复杂性不断增加,性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术,它可以帮助我们提高 Web 应用的加载速度,从而提升用户体验。 在本篇技术博文中,我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧,帮助开发人员... ......
路由 Vue

JS宏

# JS宏 参考博客:https://blog.csdn.net/chuangxin/category_12258352.html 官方文档:https://open.wps.cn/docs/client/wpsLoad ......

antd vue 解决a-select下拉菜单跟随页面滚动

问题描述: antd a-select 下拉菜单 会跟着滚动一块走 官方原话:getPopupContainer菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位 解决方案 : 这样就ok了 :getPopupContainer="trigger ......
a-select 菜单 页面 select antd

vue 全局事件总线

1. 在main.js中安装全局事件总线 // 引入vue app import Vue from "vue"; import App from "@/App"; // 关闭生产提示 Vue.config.productionTip = false // 创建vm new Vue({ el:'#ap ......
总线 全局 事件 vue

vue2生命周期、vue3生命周期、uni-app生命周期

一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期 二、vue2生命周期(钩子函数) (1)钩子函数: 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
周期 生命 vue uni-app vue2

vue 步骤条

效果图 <template> <!-- --> <div class='stepBar' v-if="list"> <dl> <dd v-for="(item, index) in list" :key="index" :class="{ actafter: index + 1 <= selecte ......
步骤 vue

JS原型链污染学习笔记

### 1.JS原型和继承机制 ##### 1> 原型及其搜索机制 - NodeJS原型机制,比较官方的定义: > 我们创建的每个函数都有一个 prototype(原型)属性,这个属性是一个指针,指向一个对象, > > 而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法 设计原型的初衷无 ......
原型 笔记

Vue全家桶系~2.Vue3开篇(过渡)

# Vue全家桶 先贴一下Vue3的官方文档: > 官方API文档: ## 1.前言:新旧时代交替 ### 1.1.开发变化 1.**网络模型的变化**: 1. 以前网页大多是b/s,服务端代码混合在页面里; 2. 现在是c/s,前后端分离,通过js api(类似ajax的方式)获取json数据,把 ......
开篇 全家 Vue Vue3