Web Components详解-Shadow DOM基础
上篇文章的自定义标签中,我们使用customElements对象对原生标签进行拓展,达到组件的拓展性与复用性的效果,那么如何保证组件的属性、结构及样式的封装隔离便是本篇文章将要分享的内容,本篇文章不仅仅会介绍Shadow DOM,还会对前面说到的Custom Elements做一个使用场景的拓展及深
【HTML】【一文全解Canvas】从初学到实战,彻底掌握前端绘图神器!
前言一、Canvas 概述二、在 HTML 中使用 Canvas三、Canvas 绘制图形1、绘制矩形2、绘制圆形a. 绘制实心圆形b. 绘制空心圆形四、Canvas 绘制文本五、Canvas 绘制图片六、Canvas 动画效果1、setInterval() 实现动画2、requestAnimati
Element UI <el-table>去除外边框
使用時,总会自带外边框,写了好多css样式始终不能去除,最终发现是th与td所带的样式。代码如下el-table 加。
vue框架
数据劫持:数据拦截,在data中的数据在初始化的时候通过object.defineProperty进行监听,当数据改变setter后,VM就会知道,在视图改变getter,模型就会改变,模型变视图也会发生相应改变。发布者订阅模式:一对多的关系,发布者就是数据数据提供者,订阅者就是页面展示的,发布者改
Vant 的 Calendar 日历组件 自定义日期区间minDate、maxDate
1.默认日历时间范围是当前时间到往后的6个月,可通过 min-date 和 max-date 自定义日历的范围
vue3+element plus 中el-menu 怎么实现路由跳转
很方便,比element ui 要方便
vue中执行npm install提示:npm WARN deprecated [email protected]
npm WARN deprecated
ruoyi启动前端报错‘vue-cli-service‘ 不是内部或外部命令
如果没有,系统就会按照windows操作系统的一个叫做”path“的系统环境变量里去寻找已经设置过的目录,这个名为”path“的系统环境变量可以记录一组,也就是N个路径,如果输入的命令不能在当前目录下找到对应的可执行程序,那么就会去”path“这个变量里记录的所有的目录下,依次寻找你输入的命令对应的
前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播
默认颜色公告栏-- noticeList:通知数组 @click:公告栏条目点击事件-->-- 橄榄色公告栏 -->橄榄色公告栏
vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它旨在平易近人、灵活且可扩展,重点是声明式渲染和基于组件的架构。Vue 的反应性和可组合性使其成为开发复杂单页应用程序的热门选择。
【直接收藏】前端JavaScript面试100问(上)
闭包:就是能够读取外层函数内部变量的函数。闭包需要满足三个条件:访问所在作用域;函数嵌套;在所在作用域外被调用。优点:可以重复使用变量,并且不会造成变量污染。缺点:会引起内存泄漏使用闭包的注意点:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在
uniapp select 多选选择器封装
作者想实现的功能类似一个uniapp选择器,但是可以选择多个值,同时又可以单选和全选,在uniapp 的UI框架去找,发现没有类似的,最后在uniapp 的插件市场找到了这个multiple-select 里面的功能比较全实现了单选全选并同时可以选择多个值,还可以禁用某一项数据,自己做了一下更
JS if else语句详解
在正常情况下,JavaScript 脚本是按顺序从上到下执行的,这种结构被称为顺序结构。如果使用 if、else/if 或 switch 语句,可以改变这种流程顺序,让代码根据条件选择执行的方向,这种结构被称为分支结构。
cnpm安装教程
3、安装cnpm:输入npm install -g cnpm -registry=https://registry.npm.taobao.org。1、确认npm是否安装成功:win+R,输入cmd,打开命令窗口。2、 命令行窗口输入:node -v,显示有版本号,则安装成功。如果出现cnpm不是内部
vue中的render函数、h()函数、函数式组件
官网:用于编程式地创建组件虚拟 DOM 树的函数。在我们使用webpack脚手架创建项目时,都能在main.js中看到一个render函数对于render函数 es6中写成了箭头函数实际上createElement只是形参用h代表了,h()是的简称——意思是“能生成 HTML (超文本标记语言) 的
js页面跳转常用的6种方式分享
js实现页面跳转的六种方式,需要的朋友可以参考下。alert("非法访问!alert("返回");
vue中实现markdown+代码高亮格式渲染,及内容一键复制功能
涉及组件:vue-markdown、highlight.js、clipboard完成功能:将数据以markdown格式渲染,代码部分高亮,内容可一键复制。
实现element ui上传一张图片
实现element ui上传一张图片
前端路由hash模式以及history模式详解
在前后端分离的项目中,前端一般使用 SPA 单页面应用模式来开发项目。那么,什么是 SPA 呢?单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用就
Vue 四种常用获取input值的方法
1. v-model 表单输入绑定 2. @input 监听输入框 3. @change 监听输入框 4. ref 获取数据