间距 组件css
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字,这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
CSS
CSS 1.什么是CSS 如何学习CSS CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字、阴影、超链接、列表、渐变....) 盒子模型 浮动 定位 网页动画(特效效果) 1.1什么是CSS Cascading Style Sheet层叠级联样式表 CSS:表现(美 ......
bus兄弟组件传值
bus兄弟组件传值,注意: 1、监听时机要比发送时机早 2、这两个组件不要按需引入,不然会导致首次收不到传的值 例: 在组件1的mounted里面发送值: this.$bus.$emit('selected', true)在组件2的created里面监听值: this.$bus.$on("selec ......
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 ......
el-select组件
问题描述: 最近在开发过程中,遇到el-select展开下拉框显示数据时,最后一行的数据显示不全的问题。 原因: 在全局的样式中,使用了el-scrollbar,为了防止出现横向滚动条,增加了over-flow-x属性 .el-scrollbar__wrap { overflow-x: hidden ......
看到过的css 属性!!!
记录一下看到过的,没见过的不知道就算了; inline-size: 60px block-size:30px padding-block:10px 这三个文字属性 和 writing-mode: 有关, writing-mode 设置文字是从左往右排列还是从上往下 关于 nth-child!!! M ......
html与css小知识
html 入门学习 参考资料:https://www.cnblogs.com/gh110/p/15153664.html 参考视频:https://www.bilibili.com/video/BV1x4411V75C 扩展: qq 邮箱扩展(点击联系我)可以打开 qq 推广弄 iframe 可以作 ......
Vue动态组件、插槽、vue项目
一、动态组件 1、动态组件 # <component :is="who"></component> # component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
[FAQ] Sortable 拖拽组件, 火狐浏览器中打开新窗口问题
Q:用了 sortable 组件,在火狐浏览器中进行拖拽时,会打开新窗口 ? Sortable组件地址,https://github.com/SortableJS/Sortable 当前处理方式 阻止火狐浏览器中打开新窗口。 产生原因 Chatgpt : Other article, https:/ ......
动态组件
动态组件 component标签的is属性等于组件名字,这里就会显示这个组件 组件切换方法一: <body> <div id="app"> <button @click="who='home'">首页</button> <button @click="who='shopping'">购物界面</bu ......
css字体---跨站引入报跨域问题【解决方法】
最近遇到一个问题,考虑到网站的性能,需要将图标字体单独放到一个网站引入,减少资源占用,但是遇到一个问题,引入字体文件的时候,报跨域的错误。 具体解决方法:将图标字体转base64 转换网址:https://transfonter.org/ 按照以下三个步骤进行操作: 然后下周这个: 里面有个:sty ......
vue项目-封装树形控件公用组件
vue项目中,如h5端,第三方的树形选择器无法满足项目开发时,原生封装tree控件,通过判断是否存在子节点,循环递归组件完成树形封装,通过vue指令实现跨级传递数据或方法 封装树形组件如下: 1 <template> 2 <div class="tree-select-page"> 3 <div c ......
界面控件DevExpress WPF Sunburst组件,开启可视化分层扁平数据新方式!
DevExpress WPF的Sunburst组件可轻松灵活地创建交互式径向树图,用于分析和表示目的,以紧凑和精致的方式可视化分层和扁平数据。 P.S:DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着 ......
vue-动态组件、插槽
动态组件 方法一:笨方法-切换组件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body ......
动态组件,插槽, vue-cli创建项目,vue项目目录结构,vue项目编写规范,es6导入导出语法
1 动态组件💛 # <component :is="who"></component> # component标签的is属性等于组件名字,这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title ......
CSS的选择器
CSS的选择器分为全局选择器、元素选择器、类选择器、ID选择器和合并选择器 1.全局选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
JQ 和 CSS 基础点
Html中共有几类标签,区别 内敛标签(行内标签):不独占一行,内敛标签只能嵌套内敛标签 块级标签(行外标签):自己独占一行,可以嵌套内敛标签和某些块级标签 清除浮动的方法 clear: both overflow:hidden; position:absolute 阐述css定位有几种,区别 po ......
vue_vueRouter同组件跳转失败
目录场景再现资料查询解决 场景再现 现有一个Article页面, 通过/article/:id来匹配不同的文章页面, 当我需要实现跳转到上一篇或下一篇时, 即从/article/:id跳转另一个/article/:id时, 发现浏览器中只有地址变化了, 但是页面的很多组件, 包括文章内容都没有刷新, ......
Vue之与后端交互的三种方式、显示小电影案例、计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性
与后端交互的三种方式 后端写了一堆接口 前段会了 前后端要打通 》从前端发送 ajax 》核心:用js发送http请求,接收返回 原生js,可以开启可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) jq,写了个兼容所有浏览器的 $.ajax(),不仅仅有ajax,还封 ......
vue-组件
1.组件的介绍和使用 组件中是可以套组件的 组件就是:扩展 HTML元素,封装可重用的代码,目的就是复用 例如: 有一个轮播图,可以在很多页面中使用,一个轮播有js,css,html组件把js,css,html放到一起,有逻辑,有样式,有html 组件的分类: - 全局组件:可以放在根中,可以在所有 ......
uniapp项目实践总结(十八)自定义多列瀑布流组件
导语:有时候展示图片等内容,会遇到图片高度不一致的情况,这时候就不能使用等高双列或多列展示了,这时候会用到瀑布流的页面布局,下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件; 按照 ......
打包vue组件包并上传到npm
在自己的项目中新建一个index.js做打包组件的配置 1 import 组件的名字 from "组件的地址"; 2 const comArr = [组件的名字]; 3 export default { 4 install(Vue) { // install是vue中的方法,此方法要在export ......
【微信小程序】【Demo】Picker模糊查询组件
微信小程序Picker模糊查询组件 pickerSelect.js Component({ options: { // 在组件定义时的选项中启用多slot支持 multipleSlots: true }, /** * 组件的属性列表 */ properties: { // 父组件传递过来的数据列表 ......
Vue之后端交互、计算、监听、组件间通信
一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
vue3 组件
学习随笔(Vue3 组件) 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的,Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
3-web前端 css 网页样式语言,基础语言、盒子模型、浮动
html和css的关系: HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素,并可以与如JavaScript等其他技术结合使用,实现网页的动态功能。 CSS ......
uniapp 子组件中onLoad,onShow方法不执行
uniapp中,有应用生命周期和页面生命周期,子组件没有应用周期,所有onLoad,onShow都不存在,难怪我用两个方法没有效果。 可以用如下方法: // 子组件 export default { methods: { childOnShow() { console.log('子组件 onShow ......
react高阶组件(HOC)个人理解
React中 子组件传递父组件的方法是:父组件通过给props传递一个接收方法,子组件通过 在 调用自身的方法 中 调用这个 父组件传递过来的方法将参数抛过去 例如: class Test extends React.Component{ state = { name:'张三' } handleCl ......
DRF之权限组件源码分析
【一】权限组件介绍 Django REST framework(DRF)中的权限组件用于控制API的访问权限。 DRF内置了多个常用的权限类,同时也允许你创建自定义的权限类以满足特定需求。 【二】内置权限类 IsAuthenticated:要求用户在访问API时进行身份验证,即用户必须登录。 IsA ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例,父组件中使用子组件(table组件)再次包装: Vue2: 子组件,inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......