vue中使用websocket实现方法---详解
2024-08-22/定义window.dispatchEvent(new CustomEvent("事件名", {参数key:参数value}))//监听window.addEventListener("事件名", 参数key => {})_vue 做一个公共的websocket方法,其它页面可以调用
前端HTML5和CSS3知识补充(2)
2024-08-22* 定义一个名字为move的动画,让一个盒子从左向右移动900像素 */0%{100%{0%是动画的开始,100%是动画的完成。这样的规则就是动画序列。在@keyframes 中规定某项CSS样式,就能创建有当前样式逐渐改为新样式的动画效果。动画是使元素从一种样式逐渐变化为另一种样式的效果,可以改变任意多的样式和任意多的次数。用百分比来规定变化发生的时间,或用关键词“from”和“to”,等同于0%和100%。
bpmn-js自定义Palette、ContextPad、节点样式及属性
2024-08-221.使用 paletteProvider 同名参数 覆盖 默认 paletteProvider 构造函数2.使用PaletteProvider配置自定义Palette});group: "任务",title: "输出标签",action: {},});"palette","create",3.向additionalModules中添加自定义扩展});4.效果图// 渲染外层边框//修改外层边框样式// 自定义节点x:11,_bpmnjs自定义节点属性
样式与特效(2)——新闻列表
2024-08-21特殊的属性 height width 属性 auto的时候,只自动填充100%,可以自动伸缩,如果写了具体的数字,就是控制对应的缩放,这点在自适应里面不是很常用。理论上 .home{.nav{ .img{}}} 可以这样无限嵌套下去,但是嵌套有个很大的问题,就是你写的这个样式无法被你写的这个分支复用,如果其他分支需要用到你这个模块的样式,需要重新写一份。外部样式的主要好处:css的统一管理,可以节省掉大量重复的元素代码,更换页面统一风格的时候,直接修改统一文件就完成了修改。目前比较热门的几个属性。
JavaScript HTML5 CSS实现精美好看的Todolist清单(附完整源码)
2024-08-21大家应该能看到我上面两张图的颜色是不同,其实我是用了随机颜色来展示这个标题的,下面是实现这个功能的JavaScript代码,这里主要用十六进制颜色表示,通过随机数获得随机的颜色//设置随机颜色标题i < 6;i ) {这里是css代码0% {70% {100% {.title {_使用html,css,js实现一个todo功能
04-Json/Ajax/Vue的知识
2024-08-211. Json结构1.1 Json概述JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,实现数据前后端交互。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。 JSON采用完全独立于程序语言的文本格式。这些特性使JSON成为理想的数据交换语言。1.2 Json基本格式1.2.1 对象格式对象(object)是无序的"key":value键值对集合,一个对象以“{”开始,“}”结束,每个"key"后面跟一个:,键值对之间使用,分隔。例如_vue ajax json
echarts画风向杆
2024-08-21}-${moment(time.searchTime[1], 'YYYY-MM-DD HH:mm:ss').format('YYYY-MM-DD HH:mm')}——水平风风羽图`[123.75, '东南风'],[146.25, '东南风'],[168.75, '东南风'],[213.75, '西南风'],[236.25, '西南风'],[258.75, '西南风'],[303.75, '西北风'],[326.25, '西北风'],[348.75, '西北风'],[33.75, '东北风'],_echarts风向杆
网页轮播图的代码原理分析和实现
2024-08-21一、结构搭建:<style> * { margin: 0; padding: 0 } img { border: 0; /*ie6*/ vertical-align: middle; } /*去掉列表前面的小点*/ li { list-style: none; } .fl { float: left; } _web轮播图代码
操作ArkTS页面跳转及路由相关心得
2024-08-19在页面中写个@Builder@BuilderNavBar() {Flex({}) {Text('首页').fontSize(16)在build()build() {.title(this.NavBar) // _arkts tabbar 跳转
Vue中 实现自定义指令(directive)生命周期及应用场景
2024-08-18/ 如果你只需要执行绑定的 bind 和 update 两个事件,vue指令定义也配置了简写方式.})new Vue({router,store,_vue.directive