布局vue web
Vue源码学习(九):响应式前置:实现对象的依赖收集(dep和watcher)
好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,我只能用一个不那么抽象的实例去说服我自己 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.我们要做什么? 来看这个例子, index.html setTimeou ......
Vue工程中 main.js 的作用、npm run serve的执行流程
1.内容： import Vue from 'vue' //导入 Vue 核心包 import App from './App.vue' //导入 App.vue 根组件 Vue.config.productionTip = false //提示当前处于什么环境（生产环境 / 开发环境），fasle ......
Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya ......
Vue-router、localStorange
Vue-Router的使用 作用： 借助于router可以实现单页面组件之间的跳转 this.router的一些使用方法： this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不 ......
vue3子组件页面不更新
写在前面 这是一次滑铁卢，整整找了半天时间... 项目结构 我有一个组件A，A中定义了一个属性data：Object，A中将data赋值给了一个reactive类型的对象R。页面中均使用R。 现象描述 当调用A的父组件P更新了A的data后，A的页面不更新 问题分析 P更新A后，A是一个新的对象，但 ......
vue封装搜索组件，自定义elment搜索组件
组件案例 <template> <div class="dialog-search"> <el-form :inline="true" ref="ruleForm" :model="formInline" class="demo-form-inline top-screen"> <div class ......
开发日志：企业微信实现扫码登录（WEB）
一：获取扫码登陆所需的参数：appid,secret,agentid 登录企业微信：https://work.weixin.qq.com/ 扫码登录文档：https://work.weixin.qq.com/api/doc/90000/90135/90988 1：获取appid 点击我的企业就可以看 ......
vue框架是什么
vue 是什么 vue是一个用于构建用户界面的渐进式框架 构建用户界面： 基于数据动态渲染页面 渐进式：循序渐进的学习 框架：一套完整的项目解决方案 如图： 渐渐式就是学习可以循序渐进的，只要学习了声明式渲染，组件系统就可以完成网页中的局部改造 ......
vue3绘制和回显多边形
参考了这个：https://blog.csdn.net/weixin_42178050/article/details/130012696 将其从vue2的语法改成了vue3，效果如下： 代码如下： <template> <div class="app-container"> <div class= ......
Zabbix监控web网页登录
1.web监控需求 以zabbix-UI页面的登录监控，模拟登录，输入账号密码，实现首页的健康监控。 1. 模拟登录输入zabbix账号密码，登录后台，如果登录失败就报警 2. 基于响应状态码判断 非200即报警 2.配置步骤 2.1 抓取HTTP数据包 既然是模拟登录，先抓包，查看zabbix登录 ......
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......
【vue2】实现长按图片保存功能
<span :class="[$style.wxCode, isShow && $style['show']]" @touchstart="touchStart()" @touchend="touchEnd()" ></span> ps.span元素为图片元素，我这里把图片设置为元素背景了，可以直接 ......
Vue的生命周期、钩子函数
Vue的生命周期：一个Vue实例从 创建 到 销毁 的整个过程 生命周期四个阶段：创建、挂载、更新、销毁 ①创建阶段：初始化工作，进行数据的响应式处理，把普通数据 变成 响应式数据（数据变，视图跟着变） ②挂载阶段：渲染模板。结合数据与模板进行渲染 ③更新阶段：用户可以通过页面上的按钮等修改数据。数 ......
vue3 引入 iconfont 图标库
1. 访问iconfont(iconfont-阿里巴巴矢量图标库) 2. 将购物车选中的图标加入到项目 3. 图标类型选symbol类型 点击下面js连接，复制文件内容 4. 在项目的 assets新建iconfont.js并将上面内容进行粘贴上 5.在 components 目录下新建 SvgIc ......
vue~全局插件和全局方法的注册
本文介绍如何在vue中定义插件，注册插件和使用插件 插件目录 /src/plugins 插件入口文件 /src/plugins/index.js import cache from './cache' import modal from './modal' // 安装默认插件,在main.js中引入 ......
vue+Java 根据网络地址下载文件
如下图，当选择某个文件后，再点击下载 下载按钮 <img :src="require('@/images/approveperson/download.png')" @click="downloadFile(curFile)"> 其中curFile对象如下： { "name": "167824425 ......
视频直播源码，标题居中，底部按钮为三个时居中布局
视频直播源码，标题居中，底部按钮为三个时居中布局 更改底部按钮默认大写的设置 <style name="CustomAlertDialog" parent="@style/Theme.AppCompat.Light.Dialog.Alert"> <item name="buttonBarButton ......
直播平台制作，vue-全局过滤器（时间，年月日，一千加逗号处理）
直播平台制作，vue-全局过滤器（时间，年月日，一千加逗号处理） export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 ......
去掉Vue语法检查
注释掉 createLintingRule 方法里面的东西 const createLintingRule = () => ({ // test: /\.(js|vue)$/, // loader: 'eslint-loader', // enforce: 'pre', // include: [r ......
web DevOps / shell d3 / case
s 案例1：中断及退出 案例2：基于case分支编写脚本 案例3：编写一键部署软件脚本 案例4：启动脚本 案例5：使用Shell函数 案例6：字符串处理 案例7：字符串初值的处理 1 案例1：中断及退出 1.1 问题 本案例要求编写两个Shell脚本，相关要求如下： 从键盘循环取整数（0结束）并求和 ......
vue3 watchEffect 的用法
watchEffect 特点 非惰性：一旦运行就会立即执行； 更加抽象：使用时不需要具体指定监听的谁，回调函数内直接使用就可以； 不可访问之前的值：只能访问当前最新的值，访问不到修改之前的值； ......
vue学习四
<div id="app4"> <h3 v-show="display">别你妈逼点我</h3> <button @click="dian">老子就点你</button> </div> <script> const app4=new Vue({ el:"#app4", data:{ display: ......
vue学习三
<div id="app3"> <button v-on:click="num++">+ </button> <span>{{ num }}</span> <button v-on:click="num--">- </button> <p v-if="num>10">帅</p> <p v-else- ......
Sovit2D在线组态设计 构建LNG加气站Web Scada控制系统
前言 天然气是最清洁的化石能源，天然气使用安全、应用广泛，在炊事、供热、发电、交通等领域扮演重要角色。LNG(液化天然气)作为一种市场化的全球能源，能够很好的解决天然气的可及性问题。 建设背景 在LNG行业迅速发展的同时，加气站的监管难度加大，加之许多地方管理工作相对薄弱滞后、控制手段落后，使得许多 ......
kubernetes实现Nginx+Tomcat+NFS实现动静分离Web站点
1.#运⾏nginx： 将nginx运⾏在k8s中并可以从外部访问到nginx的web⻚⾯。 1.1.#Nginx镜像制作规划： 基于基础的centos/ubuntu/alpine镜像，制作公司内部基础镜像-Nginx基础镜像--Nginx业务镜像： 1.1.1#Centos基础镜像制作： # cd ......
【Vue】自己编写排名组件
一、需求分析 这里我是用Echarts的柱状图，倒置下y轴x轴就实现了，然后产品说跟UI不一致 我一看UI这种又给我整不会了，然后想拿Echarts改改参数搞定，同事和群友都是说自己做，不要用Echarts改 二、实现思路 同事劝我用ElementUI的进度条组件来实现，进度条见： https:// ......
第七章、web前端架构师
目录十四、服务端技术选型-磨刀不误砍柴工1、导学2、nodejs框架选型3、介绍koa2和express4、egg.js5、nest.js6、数据库7、复习数据结构设计8、Mysql和Sequelize9、Mongodb10、date和时区11、Mysql和Mongodb的区别12、介绍Redis1 ......