前端 终端 实战vue

1.页面使用Vue结合微信开放标签 注意事项：<script> 标签，使用 <div v-is="'script'" type="text/wxtag-template"> 标签代替 style样式，直接写在标签内 @addTagHelper *, Microsoft.AspNetCore.Mvc. ......

1.创建 vue项目 流程: 1) 2) 3) 4) 5) 6) 7) 8) 9) 等待创建完毕后 cd 项目名称 进入项目内部 然后 2.启动项目 npm run serve 3.删除(不是必须)默认提供的 vue文件,记住,删除要把router.js中的路由清空掉,不然会报错 4.可以在vue. ......

前端登录页面代码 ``` Title 登录页面 username: password: ```  配置spring ......

功能：可以说把各个组件共用的配置提取成一个混入对象 使用方式 第一步订阅混合，例如： const obj = { data(){...}, methods:{...}, ... } 第二部使用混合，例如： 1、引入对象 import xxx from "..." 2、使用混入 (1).全局混入：Vu ......

1. 新建一个index.ts，用于管理所有全局组件 // 引入项目中全部的全局组件 import SvgIcon from "./SvgIcon/index.vue"; import Pagination from "./Pagination/index.vue"; // 全局对象 const a ......

一键三连，sql注入 一次无意之间发现的sql注入，主要是因为有一个WTS-WAF，在此记录一下 只是友好测试，并非有意为之。。。。 # 牛刀小试1 ## 手注 **判断字段数** 测试到order by 15的时候出现了报错，那么就可以说明字段数为14 ``` http://www.xxx.com ......

title: 网站的几个性能指标和优化（简易） categories: - 网络安全与性能优化 tags: - 性能优化 - 性能指标 - 白屏时间 - 首屏时间 - TTFB abbrlink: 5c56 date: 2021-08-12 23:42:49 updated: 2021-08-12 ......

vue 插件功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 1、定义插件： 对象.install = function(Vue,options){ // 1、添加全局过滤器 Vue.filter(....) ......

```html Document 创建文件 选择文件 保存文件 另存文件 ``` ......

## 前言 前文 vue2 基础中聊过，页面本质是 DOM 树，而在vue2 中 组件 = vm 实例对象 = DOM。因此，页面其实也是组件树构成，组件之间形成父子关系，兄弟关系等，相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......

列一份前端知识架构图 在上一篇文章中，我们简要地总结了前端的学习路径与方法，我们提到的第一个学习方法就是：建立知识框架。那么，今天我们就一起来列一份前端的知识框架图。 在开始列框架之前，我想先来谈谈我们的目标。实际上，我们在网上可以找到很多参考资料，比如 MDN 这样的参考手册，又比如一份语言标准， ......

将 搜索 功能单独封装成组件， **如果你想问这又是何必呢？** 未经他人苦莫劝他人善！ 就是要封装，不想看见一坨一坨的代码。 **温馨提示：** 在 搜索组件中，搜索条件初始值获取 ruote.query 获取，这样刷新浏览器依然可以保留上一次的数据， 注意，搜索条件里没有 pageNum 和 p ......

将 含有 表单的弹窗 单独封装成组件， **如果你想问这又是何必呢？** 未经他人苦莫劝他人善！ 就是要封装，不想看见一坨一坨的代码。 **温馨提示：** 若依 获取字典方法还是很好用的， 但是要放在 初始化数据（ 方法 init ）的时候使用，proxy.useDict，避免字典重复加载！已加载的 ......

列表页面 来啦！ **温馨提示：** 在 列表页面中，使用 若依的分页组件： Pagination，图片预览组件：ImagePreview，标签组件 DictTag ，还有公共方法 parseTime 等等 对若依 respect ! 搜索 或 翻页时 通过 router.push 跳转路由，使用 ......

天呐，离谱了兄弟们！ 关于文件上传的问题，在表单提交的时候，对于上传的文件要，新增或修改的接口要传 ossId，但是回显的时候又没有给我 ossId，只有文件信息，导致修改的时候就有问题。还有多文件的时候，多个就让我传 文件路径，单个就传 ossId。 我信你个鬼！ 直接让后端回显的时候不要给我返回 ......

<template> <div id="app"> <router-view ></router-view> <TipDialog v-if="tiptype"></TipDialog> </div> </template> <script> import TipDialog from "@/com ......

delCookie() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf ......

1.点一下加号： 2.安装第三方库：（pubsub-js，实现消息发布订阅也可以用其他库） 3.从收数据的人引入库“【引入之后的pubsub是一个对象，对象身上有很多有用的方法】 4.收数据的人订阅消息：【subscribe后面两个形参，第一个为消息名，第二个才是消息内容】 还需要注意订阅消息的人最 ......

什么是Arthas(阿尔萨斯） 阿里开源的Java诊断工具，它可以在运行时对Java应用程序进行动态诊断和调试 当你遇到以下类似问题而束手无策时，Arthas可以帮助你解决 这个类从哪个 jar 包加载的？为什么会报各种类相关的 Exception？ 我改的代码为什么没有执行到？难道是我没 comm ......

https://blog.csdn.net/xu_song/article/details/108269558 https://segmentfault.com/q/1010000021077507 ......

根据业务的不同，我们可以导入官方基础镜像，在官方基础镜像的基础上自定义需要用的工具和环境，然后构建成自定义出自定义基础镜像，后续再基于自定义基础镜像，来构建不同服务的基础镜像，最后基于服务的自定义基础镜像构建出对应业务镜像；最后将这些镜像上传至本地harbor仓库，然后通过k8s配置清单，将对应业务... ......

<template> <div> <p v-for="(item,index) in names" :key="index">{{item}}{{index}}</p> </div> <div v-for="value,key in results">{{key}}-{{value}}</div> ......

[TOC] ####六、脚手架创建项目和组件初始化开发 #####1、 ``` ``` ......

<template> <div v-if="type 'a'">aaa</div> <div v-else-if="type 'b'">bbb</div> <div v-else>ccc</div> <div v-show="flag">111</div> </template><script> e ......

 如果不关联会报错， 且错误不好找！ ![](https://img2023.cnblogs.com/blog/1 ......

<template> <div v-bind:id="main" v-bind:class="message">aaa</div></template><script> export default{ data(){ return{ message:'active', main:'mainid' } ......

[toc] # 一 属性指令 | 指令 | 释义 | | : : | : : | | v-bind | 直接写js的变量或语法（不推荐） | | : | 直接写js的变量或语法（推荐） | ```python # 标签上 name id class src href ,height 属性 如果这样， ......

<template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> export default{ data(){ return{ message:'aaa', number:10, ok:false } } }</scr ......

[toc] # 一 前端的发展史 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 - javascript=E ......

效果预览：  ![](https://img2023.cnblogs.com/blog/3214089/20230 ......