前端 终端 实战vue
vue3的ref、reactive的使用
一、介绍 ref和reactive是Vue3中用来实现数据响应式的API,一般情况下,ref推荐定义基本数据类型,reactive推荐定义引用数据类型(对象或数组) 二、ref与reactive对比 <template> <p>{{ person.name }}</p> <p>{{ person.l ......
【转载】Vue Provide / Inject 详细介绍(跨组件通信、响应式变化、版本变化)
版权声明:本文为CSDN博主「前端不释卷leo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常,当我们需要从父组件向子 ......
前端中字体的使用
前端中字体的使用 字体是前端的基础,本文介绍常见的几种字体以及如何在工程中引入自定义的字体。 字体的类型 常见的字体类型有 TTF/OTF, WOFF/WOFF2, SVG,EOT (这个是按照浏览器的支持率由高到底排序的) TTF(True Type Font) 由微软与苹果开发,广泛用于wind ......
Vue组件懒加载
在当今快节奏的数字世界中,网站性能对于吸引用户和取得成功至关重要。然而,对于像首页这样的页面,在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行,开发人员可以增强用户体验,同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 ......
Python从入门到实战-Scrapy源码2-核心组件
Scrapy 核心组件 本篇文章解决:Scrapy 有哪些核心组件?以及它们主要负责了哪些工作?这些组件为了完成这些功能,内部又是如何实现的? 爬虫类 上次讲到 Scrapy 运行起来后,执行到最后到了 Crawler 的 crawl 方法,我们来看这个方法: @defer.inlineCallba ......
《Python从入门到实战》-Scrapy源码-Scrapy入口
运行入口(execute.py) 我们已经知道了 Scrapy 的运行入口是 scrapy/cmdline.py 的 execute 方法 def execute(argv=None, settings=None): """ 主要工作包括配置初始化、命令解析、爬虫类加载、运行爬虫 """ if ar ......
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字,这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
Vue-基本语法及事件绑定
一.基本语法 v-bind绑定: 双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute,应该使用 v-bind 指令 代码展示: <div id="app"> <span v-bind:title="message" v-html="tips"> </sp ......
前端学习:python基础-1
False、True、None 1、模块 一个文件为一个模块,跨文件访问需要导入语句的形式 eg: import <模块名> form <模块名> import <代码元素> form <模块名> import <代码元素> as <代码元素别名> 与前端差异: import <模块>/{ 模块中变 ......
使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode,然后选择项目,在项目多的情况下会觉得挺繁琐;如果同时打开了许多vscode窗口,寻找目标窗口也比较麻烦,于是萌生了开发一个alfred的工作流插件的想法,目标是在alf ......
vue样式穿透
本文转载自https://www.jb51.net/article/253428.htm#_label0,转载仅供学习使用. scoped属性 我们在vue组件写样式一般是在<style>标签里面,但是我们在这里的样式默认是全局样式,如果其它组件的class名取重复了则会导致样式污染。 所以vue支 ......
15-Vue核心-列表过滤和列表排序
列表过滤 监视属性,实现列表过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本列表</title> <!-- 引入Vue --> <script type="text/javascript" src= ......
Ant Design Vue 中的tab组件中,获取不到$ref
问题:在tab的组件中引入了一个组件,在页面渲染时,需要用到子组件bpmnModeler 里面的方法,调用this.$ref.bpm的时候报错了,找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
vue-day05
补充 1.图片 在接口中返回一些数据和图片地址,而不是图片的二进制内容 {code:100,msg:'成功',img:地址} 2.md5 不是加密, 摘要算法 动态组件 <component :is="who"></component> component标签的is属性等于组件名字,这里就会显示这个 ......
Vue的DatePicker日期选择器
picker-option属性 官网描述是这样的 1.disabledDate 一般我们使用picker-option都是通过disabledDate参数,来设置其日期选择区间,代码如下: <el-col :span="12"> <el-form-item label="开票日期起" prop="r ......
Vue-cli创建项目
1. 单页面应用:spa - 以后Vue的项目就只有一个:XX.html页面 - 当定义了很多组件,不可能都写在:XX.html中吧 2. 单文件组件:xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组 ......
vue.js学习
前言 本博客为二创作品,原文为:狂神说笔记——Vue 快速入门 19 - subeiLY - 博客园 (cnblogs.com) 参考视频为:https://www.bilibili.com/video/BV18E411a7mC/ 前端没审美又想快速弄好看点可以弄 bootstrap 可视化布局 可 ......
Vue页面切换表单数据不清空
需求描述:表单填写后,切换tab页再切回该页面时,表单内容依旧存在。 核心技术:sessionStorage beforeRouteLeave() created() 解决方案:beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......
前端笔记
JavaScript初始化加载的3种方式_js初始化加载方法_——潇洒走一回——的博客-CSDN博客 <script> //只能有一个 window.onload = function(){ alert("JS初始化加载"); } </script> <script> // 可以有多个但是容易被断开 ......
我不知道的vue3
代替 Vue.delete vue3 中可以使用 delete obj.xxx 就可以实现去删除 obj的xxx属性!!! 第二种: 借助于 del import {del} from 'vue' del(obj, propertyName) 也可删除属性!!! 每个vue 页面因为scoped 这 ......
Vue动态组件、插槽、vue项目
一、动态组件 1、动态组件 # <component :is="who"></component> # component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
微前端启动子应用出现的eslint提示
前言 在管理较大的多人协同开发项目时,为了规范大家的代码书写习惯,我们往往都会用eslint来约束,但这也导致我们在拉项目时以及开发时都增加了不少麻烦,本文着重讲解微服务启动不同子项目时常规报错的解决方式。 步骤一:在package.json将 "lint": "vue-cli-service li ......
首次加载vue+vite项目报错
报错了: failed to load config from D: ***** vite.config.jserror when starting dev server:Error: Cannot find module 'vite'Require stack:- D: ***** vite.co ......
SSH终端使用——高级篇
1 SSH终端快捷按钮的使用 在对话框按快捷键“ctrl”+"h",可以弹出脚本代码,快捷输入。 2 切换终端风格 对话框右下角,点击可切换终端风格; 点击可切换文字大小。 3 打开文件图形和文件字符窗口 右键连接,选择“打开”,即可打开“文件图形窗口”及“文件字符窗口”。 文件图形窗口: 文件字符 ......
vue项目-封装树形控件公用组件
vue项目中,如h5端,第三方的树形选择器无法满足项目开发时,原生封装tree控件,通过判断是否存在子节点,循环递归组件完成树形封装,通过vue指令实现跨级传递数据或方法 封装树形组件如下: 1 <template> 2 <div class="tree-select-page"> 3 <div c ......
linux关闭终端,后台程序不退出
你要退出终端会话时,要是存在被停止的进程,会出现警告信息。但如果使用了后台进程,只有某些终端仿真器会在你退出终端会话前提醒你还有后台作业在运行。 如果希望运行在后台模式的脚本在登出控制台后能够继续运行,我再一篇文章中看到,有方法可以实现。 有时你会想在终端会话中启动shell脚本,然后让脚本一直以后 ......
Vue中的常见指令有哪些
Vue中的常见指令有哪些 v-bind:将数据绑定到HTML元素属性上,可以简写为“:” v-on:绑定事件,可以简写为“@”【例如@click表示点击事件,即点一下会发生什么】 v-model:实现双向数据绑定 v-show:根据表达式的值,控制元素的显示或隐藏【相当于Java中的if】 v-if ......
vue-动态组件、插槽
动态组件 方法一:笨方法-切换组件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body ......
前端RSA公钥解密
前端加解密使用的jsencrypt包,jsencrypt包中只有公钥加密,私钥解密的方法,但项目中要求前端公钥解密,通过重写jsencrypt包中的方法来实现 /** * 重写JSEncrypt解密方法以支持公钥解密 * */private pkcs1unpad2(d, n) { const b = ......
Harmony自定义页面请求与前端页面调试
一、自定义页面请求响应 Web组件支持在应用拦截到页面请求后自定义响应请求能力。开发者通过onInterceptRequest()接口来实现自定义资源请求响应 。自定义请求能力可以用于开发者自定义Web页面响应、自定义文件资源响应等场景。 Web网页上发起资源加载请求,应用层收到资源请求消息。应用层 ......