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