上一页 1 ··· 7 8 9 10 11 12 下一页
摘要: 在实际开发中,遇到遍历数组和对象,当property 发生改变时,并没有触发视图的更新今天来浅显的聊聊这背后的故事,有说的不对地方,还望指出! 本人博文地址:https://www.cnblogs.com/echoyya/p/14041271.html Vue 如何追踪数据变化 参考文献:官网 vu 阅读全文
posted @ 2020-11-26 11:12 Echoyya、 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 最近在写项目的时候,总是遇到在html中使用vue.js的情况,且页面逻辑较多,之前的项目经验都是使用脚手架等已有的项目架构,使用.vue文件完成组件注册,及组件之间的调用,还没有过在html中创建组件的经验,所以借此机会学习总结一下。 方法一:Vue.extend( options ) 用法:使用 阅读全文
posted @ 2020-11-16 16:25 Echoyya、 阅读(6578) 评论(0) 推荐(9) 编辑
摘要: 众多周知,有两种方法可以在页面中导入样式文件。 <link href="a.css" rel="stylesheet"> <style> @import url('a.css'); </style> 1. 用法区别 @import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提 阅读全文
posted @ 2020-11-13 14:34 Echoyya、 阅读(2441) 评论(1) 推荐(8) 编辑
摘要: 由于系统UI风格升级,产品童鞋和UI童鞋总是想要搞点儿事情出来,项目页面上的进度条从直线变成了曲线,哈哈,好吧,那就迎难而上 实现效果: 1.简单搞一搞 CSS , 此处代码有折叠 .process { width: 110px; box-sizing: border-box; margin: 0 阅读全文
posted @ 2020-11-07 15:47 Echoyya、 阅读(1222) 评论(0) 推荐(0) 编辑
摘要: 当功能比较简单,在单一html中使用vue.js分页展示数据,并未安装脚手架,或使用相关UI框架,此时需要手写一个分页器,不失为最合理最便捷的解决方案, 先看一下实现效果: 上代码: 1.简单搞一搞 CSS,此处代码有折叠,Click Me~ [v-cloak] { display: none; } 阅读全文
posted @ 2020-11-06 16:54 Echoyya、 阅读(1380) 评论(8) 推荐(4) 编辑
摘要: <style> .d1{ display: none; } .d2{ visibility: visible; } .d3{ opacity: 0; } </style> <div class="d1" onclick="clickEvent('display: none;')"></div> <d 阅读全文
posted @ 2020-09-10 15:30 Echoyya、 阅读(555) 评论(0) 推荐(1) 编辑
摘要: 本人在项目开发中,遇到IE/360关于input输入框的兼容问题, 背景介绍:html中直接引用vue.js,及相关组件,input内容不为空时,刷新页面,chrome,Firefox显示正常,IE/360刷新后会保留上次输入内容。 <body onload="javascript:document 阅读全文
posted @ 2020-09-01 16:43 Echoyya、 阅读(853) 评论(2) 推荐(0) 编辑
摘要: 一、什么是WebPack,为什么要使用它? 模块打包机:分析项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(less,Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。可以使复杂的程序细化成为各个小的文件,为了简化开发的复杂度 二、web 阅读全文
posted @ 2020-09-01 16:04 Echoyya、 阅读(243) 评论(0) 推荐(1) 编辑
摘要: vue必须要加载完才可以操作dom,或者在mounted和created时使用this.$nextTick方法,使dom生成后进行相关操作。 created() { this.$nextTick(() => { // 禁用右键 document.oncontextmenu = new Functio 阅读全文
posted @ 2020-08-03 15:30 Echoyya、 阅读(583) 评论(0) 推荐(0) 编辑
摘要: <button onclick="HtmlToPdf()"> 转储pdf </button> <button onclick="HtmlToImage()"> 转储image </button> <div id="pdf" style="width:800px;margin:0 auto"> <h1 阅读全文
posted @ 2020-07-20 16:46 Echoyya、 阅读(748) 评论(0) 推荐(1) 编辑
上一页 1 ··· 7 8 9 10 11 12 下一页