随笔分类 - Vue2
摘要：[toc] ## 第一版单个表单实现功能并一步步优化 通过一步步代码的优化，实现清空重置功能，尽量做到抽离后，可以直接复用，不需要修改任何变量名 先实现一版，单个表单组件的清空和重置功能，此时 form1 组件可以实现 ==parent.vue==父组件中调用 form1 和 form2 ```ht
阅读全文
摘要：想了想序号还是接上一篇分享的的序号接着写，如果在本文中没有获取需要的答案，可以移步去看看上一篇的分享。gojs 超多超实用经验分享(一) 22. 指定线段连接到节点的某一个特定的接口上 如果不指定链接点的话，gojs会自动规划一条路径，具体算法还不是很清楚，总之大部分时候按默认的算法规划出来的路径，
阅读全文
摘要：可视化的库非常多，如：echarts、highcharts、antv 系列、d3、gojs..... 按照可自定义绘图的程度排序: gojs、d3js > antv > echarts 、highcharts 如果需求简单，不需要自定义图元素，那么 echarts 、highcharts 看中哪个
阅读全文
摘要：通过一段时间的使用和学习，对G6有了更一步的经验，这篇博文主要从以下几个小功能着手介绍，文章最后会给出完整的demo代码。 1. 树图的基本布局和使用 树图的布局，使用的模板是官网所提供的 紧凑树模板，在此基础上，进行一些定制化的改造，官网紧凑树案例 属性说明： graph = new G6.Tre
阅读全文
摘要：通过官方文档，可知高亮相邻节点分为两种方法，文档描述并不是很清楚，对刚接触这个库的小白并不是很友好，慢慢总结慢慢来吧 内置的高亮节点 是通过内置的Behavior **activate-relations**来实现，Behavior 是 G6 提供的定义图上交互事件的机制。与交互模式 Mode配合使
阅读全文
摘要：路由的拆分 项目较大路由较多时，路由拆分是一个不错的代码优化方案，按不同业务分为多个模块，结构清晰便于统一管理。 require.context() 是webpack提供的语法， 相当于前端的读写文件，返回的 files是一个函数，files.keys()执行，返回获取到的文件名(是一个数组)，再通
阅读全文
摘要：Vue 响应式数据 什么是响应式数据：数据变了，视图能更新，反之视图更新，数据要不要更新，不归响应式数据管。 Vue 在内部实现了一个最核心的defineReactive方法,借助了Object.defineProperty，核心就是劫持属性(只会劫持已经存在的属性)，把所有的属性，重新的添加了 g
阅读全文
摘要：实现效果 完整 demo 参考 <template> <div class="contain"> <ul class=""> <li class="count">{{num(leftData,true)}}/{{leftData.length}}</li> <li v-for="(city,inde
阅读全文
摘要：实现效果: 第一行：子选项的选中状态 等于 全选框的状态 this.letters.forEach(item => item.check = this.checkAll) 第二行： 使用数组 every 方法的特性，数组的每一项均满足某一条件时，结果为 true 也可以使用数组的 filter方法，
阅读全文
摘要：D3全称是Data-Driven Documents数据驱动文档，是一个开源的javascript库，可以用于数据可视化图形的创建，该库更接近底层，与 g2、echarts 不同，d3 能直接操作 svg，所以拥有极大的自由度，几乎可以实现任何 2d 的设计需求。 正如其名 Data Driven
阅读全文
摘要：AntV 是蚂蚁金服全新一代数据可视化解决方案，主要包含数据驱动的高交互可视化图形语法G2，专注解决流程与关系分析的图表库 G6、适于对性能、体积、扩展性要求严苛的场景。 demo使用**数字**模拟真实的节点及分组数据。combo内的nodes亦是使用随机数生成，节点之前的连线edges由节点从小
阅读全文
摘要：码文不易啊，转载请带上本文链接呀，感谢感谢 https://www.cnblogs.com/echoyya/p/14404397.html 在vue项目中了解组件间通讯很重要，也是最基础的面试题，可以大致总结为以下几种情况和方法： 一、父向子传值 父 to 子 ：通过动态绑定属性的方式，子组件在pr
阅读全文
摘要：码文不易啊，转载请带上本文链接呀，感谢感谢 https://www.cnblogs.com/echoyya/p/14363272.html 关于VUE的项目，有个问题一直不是特别清楚 ，不同公司的项目，其项目结构，对应配置文件位置，及启动打包对应的命令等，都有所不同，近期通过查找相关资料及公开视频教
阅读全文
摘要：在实际开发中，遇到遍历数组和对象，当property 发生改变时，并没有触发视图的更新今天来浅显的聊聊这背后的故事，有说的不对地方，还望指出！ 本人博文地址：https://www.cnblogs.com/echoyya/p/14041271.html Vue 如何追踪数据变化 参考文献：官网 vu
阅读全文
摘要：最近在写项目的时候，总是遇到在html中使用vue.js的情况，且页面逻辑较多，之前的项目经验都是使用脚手架等已有的项目架构，使用.vue文件完成组件注册，及组件之间的调用，还没有过在html中创建组件的经验，所以借此机会学习总结一下。 方法一：Vue.extend( options ) 用法：使用
阅读全文
摘要：当功能比较简单，在单一html中使用vue.js分页展示数据，并未安装脚手架，或使用相关UI框架，此时需要手写一个分页器，不失为最合理最便捷的解决方案， 先看一下实现效果： 上代码： 1.简单搞一搞 CSS，此处代码有折叠,Click Me~ [v-cloak] { display: none; }
阅读全文
摘要：本人在项目开发中，遇到IE/360关于input输入框的兼容问题， 背景介绍：html中直接引用vue.js，及相关组件，input内容不为空时，刷新页面，chrome，Firefox显示正常，IE/360刷新后会保留上次输入内容。 <body onload="javascript:document
阅读全文
摘要：vue必须要加载完才可以操作dom，或者在mounted和created时使用this.$nextTick方法，使dom生成后进行相关操作。 created() { this.$nextTick(() => { // 禁用右键 document.oncontextmenu = new Functio
阅读全文
摘要：使用场景及原因 实际业务中，一些说明书或协议仅支持用户在线预览，为避免用户自行下载，并进行修改，引发纠纷，特将文件已文件流的形式，传给前端并转为图片显示，此时可能会有人问，为什么不直接在后端转图片，前端直接展示呢？那是因为当系统用户数量较高时，高并发会时服务器有很大的压力，可能会导致系统压测不能通过
阅读全文
浙公网安备 33010602011771号