模板 基础vue
vue2源码-九、异步更新
异步更新 异步更新原因 以下情况下： vm.name = '123' vm.name = '234' vm.name = '123' ... 如果我们频繁的修改一个数据，就会多次触发视图渲染dep.notify->watcher.update 这样就会降低性能，因此就需要采用异步更新策略，仅仅在最后 ......
vue项目部署后 nginx配置重定向 大文件报错问题
删除Nginx缓存文件试试？ # rm -rf /usr/local/nginx/proxy_temp 注意proxy_busy_buffers_size是proxy_buffers的两倍，proxy_temp_file_write_size也要比proxy_buffers大。 ......
vue3微信公众号商城项目实战系列（10）生成订单页面
本篇实现订单确认页面的功能，订单及订单明细表结构如下： 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......
c++primer 16模板（参考B站阿西拜编程视频）
以上还是要写一个函数，我们可以采用c++17的新语法：按条件编译，以此来作为条件： 若将特例化函数模板放在函数调用之前的话：调用compare(p1,p2)将有两个版本适合，采用特例化版本；调用compare("hi","mom")也将有两个版本适合，特例化中多了个const的底层引用，但是对于co ......
python-SSTI模板注入
一、python_SSTI模板注入介绍 ssti漏洞成因 ssti服务端模板注入，ssti主要为python的一些框架 jinja2 mako tornado django，PHP框架smarty twig，java框架jade velocity等等使用了渲染函数时，由于代码不规范或信任了用户输入而 ......
Vue封装的过渡与动画
Vue封装的过渡与动画 作用 在插入、更新或移出DOM元素时，在合适的时候给元素添加样式类名。 css3实现动画 先来复习一下css3是如何实现的。 1.准备动画 @keyframes 动画名 { from { transform: translateX(-100%); } to { transfo ......
Vue3 基于组合式 API 使异步获取的数据对象具有响应性
Vue3 基于组合式 API 使异步获取的数据对象具有响应性 在 Vue 3 中，可以使用组合式 API 中的 ref 和 reactive 函数来使异步获取的数据具有响应性。 一、使用ref 首先，使用 ref 函数创建一个响应式的基本数据类型，例如字符串、数字或布尔值。然后，在异步获取数据的回调 ......
vue3微信公众号商城项目实战系列（9）购物车页面
本篇显示购物车中的商品，购物车表结构如下，我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......
【Jmeter】基础介绍-详细
最近做压测时使用到Jmeter，为什么用它，之前也做过部分压测，不是很系统，使用的是Apache Bench，虽然效率高，但是功能比较简单，不太适合本次压测场景。 本次压测场景主要需求点： 需要实现Request1的返回作为Request2的RequestBody或Header 需要按比例分配API ......
客服系统源码界面，访客发送评价功能界面，vue+elementui发起评价
近期在定制化聊天界面的过程中，重写了下访客聊天界面的评价弹窗功能。 现在实现的效果是下面这样的 实现代码html部分 <!--在线评价--> <div v-if="comment.dialog" class="comment"> <div class="scoreBox"> <i class="ic ......
【网站盒子】提供：免费或收费名片设计模板和工具
【网站盒子】提供： 【设计师必看】 【自媒体必看】 【图片素材福利】 这些网站提供了大量的免费或收费名片设计模板和工具，方便用户快速创建和定制名片。以下是一些常见的名片底图模板网站： Canva: Canva是一款免费的在线图形设计工具，提供各种免费和付费的名片设计模板，用户可以根据自己的需求进行定 ......
Exp6 MSF应用基础
一、实验原理 （1）MSF简介 Metasploit是一个免费的、可下载的框架，通过它可以很容易地获取、开发并对计算机软件漏洞实施攻击。它本身附带数百个已知软件漏洞的专业级漏洞攻击工具。 （2）程序特点 这种可以扩展的模型将负载控制，编码器，无操作生成器和漏洞整合在一起，使 Metasploit F ......
Vue3 computed计算属性
视频 7.计算属性与监视 1.computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{ return person.f ......
vue利用正则去除富文本的标签和样式
const removeHtmlStyle =(html :any)=> { let relStyle = /style\s*?=\s*?([‘"])[\s\S]*?\1/g; //去除样式 let relTag = /<.+?>/g; //去除标签 let relClass = /class\s* ......
前端基础之JavaScript
前端基础之JavaScript JavaScript和Java没有半毛钱关系，由于当时的Java热度很热，蹭一下热度。 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布26 ......
vue中安装node-sass、sass-loader报错问题解决方法
可行版本（针对 node 16+ 版本） npm install node-sass@6.0.1 -D npm install sass-loader@10.2.0 -D 问题描述 问题描述：在进行一个vue项目练习时需要导入node-sass、sass-loader这两个依赖，书本提供代码是npm ......
运行一个vue项目vite-electron-vue
必备软件： 1） visual studio code 2） nodejs 18.16.0 3） yarn 下载源码： 项目fork 自 https://gitee.com/mywink/vite-electron.git git clone https://gitee.com/panie/vite ......
使用Vue.js实现文字跑马灯效果
实现文字跑马灯效果，首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下： 实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
高性能计算HPC-基础知识
高性能计算(缩写 HPC) 指通常使用很多处理器（作为单个机器的一部分）或者某一集群中组织的几台计算机（作为单个计 算资源操作）的计算系统和环境。有许多类型的 HPC 系统，其范围从标准计算机的大型集群，到高度专用的硬件。 高性能计算集群性能指标 FLOPS 是指每秒浮点运算次数，Flops 用作计 ......
vue面试题
一、 1.v-show和v-if区别的区别： v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if 2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期mm 单 ......
Vue2 css mixins变量自动导入配置
vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
Vue 3.0的使用
创建项目 vue_cli创建项目 vue_cli的安装见：https://www.cnblogs.com/smyz/p/17309086.html 使用vue_cli创建项目与创建vue2.0项目步骤相同 # 1. 进入到相关目录 # 2. 使用下面的命令进行创建 vue create 项目名称 v ......
vue3微信公众号商城项目实战系列（8）商品展示页面
本篇实现在首页展示商品功能，表结构如下： 表名 字段 功能 goods goods_id (int) 商品编号 goods_name (varchar) 商品名称 photo (varchar) 商品图片 price (decimal) 价格 商品表 页面呈现效果如下： 第1步：在 api.js 中 ......
设计模式-模板模式在Java中的使用示例-悍马模型制造示例
场景 设计模式-模板模式在Java中的使用示例： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/130230732 上面整理了模板模式的使用示例，为加强理解特记录另一个使用示例， 以下示例摘自设计模式之禅第二版。 模板方法模式 定 ......
Vue--3
1.组件的使用 2. 路由 跳转: 根据你输入的路径找到对应的组件（页面），从而渲染该组件。 router/index.js 根据请求路径找到对应的组件. 但是找到后无法渲染它。 3. vue工程中使用elementui <template> <!--必须创建一个div--> <div> <el-t ......
vue+ant中input输入框校验，不符合条件的输入无效
1. 只能输入数字/小数点/负号 2. 只能有一个负号， 只能有一个小数点 3. 第一位不能直接输入小数点，输入负号后不能直接跟随小数点 4. 第一位输入为0时或-0时，只能跟随小数点，不能跟随数字 例如01 09 5. 小数点后只能输入两位数字，不可输入其他，并且最后一位不能为0 6 . 因为是实 ......
vue2之使用provide/inject父子祖孙组件之间的传值
官网概念：provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。 使用方法：在父组件中使用provide传值，在子组件中用inject接收 // 父组件 data(){ return { name:'阔落' ......
vue2之跨页面调用和传参
A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......