缓存computed方法vue
Yii2 获取URL的一些方法
1. 获取url中的host信息： 例如：http://www.xxxx.com/product/2.html Yii::$app->request->getHostInfo(); 结果：http://www.xxxx.com 2. 获取url中的路径信息（不包含host和参数）： 例如：http: ......
Vue3为dom组件增加 自定义可拖拽改变大小的指令（属性）
添加如下js文件resizable.js： 1 // 支持上下左右四边拖动。若内部元素太贴边，不易触发拖动事件，最好在拖动一边加边框，使鼠标容易选中。 2 // 使用方式： 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......
vue项目之scoped
说明 当一个父组件定义了style之后，子组件的相关style也会受到影响，这时可以通过添加scope属性解决。 代码 <!--将h1标签定义为背景色为gree，这时，子页面的h1标签也会受到影响--> <style> h1 {background-color: green} </style> 解决 ......
记一次提取Shaft缓存
引子 aka，pixiv在境内没办法正常访问，于是有了一众第三方App能够实现直连pixiv的操作。通过绕过SNI审查的方式实现直连，其中我所提到的Shaft就是其中之一。 ref: https://github.com/CeuiLiSA/Pixiv-Shaft/issues/243 ref: ht ......
VUE中的插槽使用详解
<!-- 什么是插槽 ？ *插槽就是子组件中的提供给父组件使用的一个占位符，插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。 一般用slot标签来表示插槽要渲染的位置，slot的用法可以分为三类，分别是默认插槽、具名插槽、作用域插槽 父组件向子组件传递内容，内容，内容 ......
vue之Vue-CLI
什么是Vue-CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。 为什么要使用Vue-CLI（来自官网） https: ......
TreeSet第二种排序方法（比较器排序）
代码实现：import java.util.Comparator;import java.util.TreeSet;public class TreeSet排序方法 { public static void main(String[] args) { TreeSet<String> treeSet= ......
vue map 从一组对象中得到一个新的对象
示例数据： let list=[{id:1,name:"张三"},{id:2,name:"李四"}] 1、使用 map 取name 属性得到一个string 数组 let arr= list.map(pro=>pro.name)； 2、使用map 得到一个新的对象集合 let arr=list.ma ......
day02-JavaScript-Vue
1 JavaScript 1.1 函数 在java中我们为了提高代码的复用性，可以使用方法。同样，在JavaScript中可以使用函数来完成相同的事情。JavaScript中的函数被设计为执行特定任务的代码块，通过关键字function来定义。接下来我们学习一下JavaScript中定义函数的2种语 ......
230412 关于阅读的材料选择与阅读方法
你最近在总结你的学习系统的时候,遇到了一个问题. 就是Morty建议,通过阅读,尤其是广泛的阅读提升英语的理解力. 关于如何通过阅读提升理解力,你在2月的时候,应该有过思考. 主要的参考资料就是230211中,如何通过阅读提升英语. 粟之的建议是通过精读,去弄懂文章的中心意思. 但是,你的主要的材料 ......
vue pug怎么写for循环
在 Vue 的模板语法中（包括 Pug），可以使用 `v-for` 指令来进行循环渲染数据。 如果使用 Pug 来书写模板的话，可以使用如下的语法： ```pugul li(v-for="item in list" :key="item.id") {{ item.name }}``` 上面的代码表示 ......
Vue 的模板语法中lang=pug用法
Pug 是一种高效的、简洁的模板引擎，它使用缩进、可选的括号和强制缩写等语法规则来简化 HTML/CSS/JS 的书写。Pug 简化了模板的书写，可以通过缩进来表示嵌套关系，使用小括号包裹指令和属性，并且使用换行符来分隔标签，使得代码层次更加清晰有序。 举个例子，以下是一个常见的 HTML 表单： ......
vue动态style el-table-column 状态 颜色
<el-table-column prop="processStatusName" label="状态" width="100" align="center" > <template slot-scope="scope"> <span :style="{ color: setColumnColor( ......
TreeSet第一种排序方法（默认排序或自然排序）
底层原理是利用红黑树 在这里要重写自定义对象的方法，实现comparable接口，使用场景是对自定义对象进行排序 ......
SourceTree .gitignore 文件无效的解决方法 Mac
参考文档：https://www.jianshu.com/p/ea71ab533431https://www.cnblogs.com/yyyyyyyyqs/p/11395562.html ......
Java构建树结构的公共方法
一、前提 pId需要传入用来确认第一级的父节点，而且pId可以为null。 树实体类必须实现：TreeNode接口 MyTreeVo必须有这三个属性：id、pId、children 可以根据不同需求，配置TreeNode和MyTreeVo中固定的属性 二、代码 定义TreeNode接口 public ......
LeetCode 91. 解码方法
class Solution { public: int f[110]; bool check(char a,char b) { if(a>='1'&&a<='9'&&b>='0'&&b<='9') { int c=a-'0'; c=c*10+(b-'0'); if(c>=1&&c<=26) ret ......
基于vue和vite的cesium、cesiumNavigation使用--（1）项目构建及引入
系统信息 windows10 LTSC 21H2 vscode：1.77.1 nodejs：18.15.0 npm：9.5.0 版本信息 vue：3.2.47 vite：4.1.4 cesium：1.104.0 vue-router：4.1.6 默认在以上的js相关版本下构建环境，并包括创建vu ......
Vue.js router-link的replace属性
视频 8.<router-link>的replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-lin ......
带你揭开神秘的Javascript AST面纱之Babel AST 四件套的使用方法
作者：京东零售 周明亮 写在前面 这里我们初步提到了一些基础概念和应用： 分析器 抽象语法树 AST AST 在 JS 中的用途 AST 的应用实践 有了初步的认识，还有常规的代码改造应用实践，现在我们来详细说说使用 AST， 如何进行代码改造？ Babel AST 四件套的使用方法 其实在解析 A ......
AI对关于用vue构建低代码平台的认识
写一个完整的低代码平台需要考虑到很多方面，包括需求分析、架构设计、UI/UX设计、后端开发以及前端实现等。下面是一个实现Vue低代码平台的大致步骤： 1. 需求分析：明确低代码平台的核心功能和用户需求，例如表单设计器、流程设计器、报表设计器、数据可视化等。 2. 架构设计：根据需求分析，设计一套合理 ......
vue项目打包成镜像
将发布好的文件夹dist传输到服务器上， 假设在/apps/dist。 新建Dockerfile文件，路径为/apps/Dockerfile（与dist同级） FROM nginx # 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面，其中dist是相对于Do ......
pytest-解决ids控制台编码问题的方法
如上截图：看到了一些Unicode编码，这里其实是ids的内容，因为是中文，所以默认这里显示Unicode编码。为了显示中文，需要在测试项目的根目录下创建一个Pytest的配置文件pytest.ini，在其中添加如下代码： 解决方法 [pytest] disable_test_id_escaping ......
JavaScript JS获取url地址后面参数的方法
JavaScript JS获取url地址后面参数的方法 1、通过对象遍历参数 function GetUrlRequest() { var url = location.search; //获取url中"?"符后的字串 var tRequest = new Object(); if (url.ind ......
基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件，自动全局导入api的注意事项
1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置，红色部分就是关于插件的基础自动导入部分，这样就可以将vue和router的相关api全局导入了， import A ......
vue pc使用htmlCanvas Jspdf 实现点击将页面生成图片并转成pdf下载
<template> <div id="main" ref="workbench" v-loading="loading" class="echartsPdf"> 需要的内容 </div> </template> <script> import html2canvas from 'html2canv ......
解决vue-elment-admin mock转在线接口地址跨域问题
devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, // before: require('./mock/mock-server.js') proxy: { // [process.env. ......
新员工入职，前端基础环境变量的配置！node、nvm、vue-cli的安装和下载
1.安装nvm及配置 首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node，并使用命令提示符来查看node的位置（where node）手动删除 nvm下载链接：https://nvm.uihtm.com/ 下载最新版本，next傻瓜式操作(需要注意的是） 选择node.js文 ......
Outlook附件打不开的问题解决方法
背景介绍 无法保存该附件。无法创建文件:... 用右键单击要在其中创建文件的文件夹，然后单击快捷菜单上的“属性”，检查对该文件夹的权限 初步判断是”C:\Documents and Settings\用户名\Local Settings\Temporary Internet Files\OLKE\“ ......
QTableWidget获取列（行）索引方法
// 获取指定的列索引集合 QList<int> QcViewBaseForm::getSelectedColumns(QTableWidget* tableWidget) { QList<int> selectedColumns; QList<QTableWidgetSelectionRange> ......