Live2D

03 2018 档案

jsplumb流程器使用3--connector
摘要：jsPlumb.getInstance内可以放一个对象 对象内可选地提供默认值： connector: 连接器（直线--a straight line， 贝塞尔曲线--a Bezier curve， “流程图”--"flowchart" “状态机” -- "state machine"） 默认贝塞尔 阅读全文
posted @ 2018-03-28 17:31 Candice&Gladys 阅读(538) 评论(0) 推荐(0)
jsplumb流程器使用2
摘要：jsplumb默认注册在浏览器的窗口，为整个页面提供静态实例 1. 单独实例化的方法： 内部传入可定义对象 全局定义对象方法： 2. 每次连线，都会导致相关联元素重绘，加载大量数据时 比如执行批量导入切换视图 可以先暂停绘图： 这里的第二个参数的true 会使整个jsplumb立即重绘 也可以使用b 阅读全文
posted @ 2018-03-28 17:23 Candice&Gladys 阅读(473) 评论(0) 推荐(0)
vue内引入jsPlumb流程控制器（一）
摘要：1. npm i jsplumb --save 注：jsplumb要全小写 2. 在main.js内 加： 3. 组件内访问 jsPlumb只有等到DOM初始化完成之后才能使用，因此我们在以下代码中调用jsPlumb方法 4. 如果在以上方法内访问 要注意 this指向已经不同 要在方法外 加 让方 阅读全文
posted @ 2018-03-28 10:12 Candice&Gladys 阅读(637) 评论(0) 推荐(0)
vue 内引入jquery
摘要：1. npm i jquery -- save 2. 这时运行 jq效果可以实现 但eslint会报错 会说$ 没有定义 或者在组件内直接引入 3 . 在.eslintrc.js中 env对象中添加 这样在开发环境就不会报错了 但我发现很多人会在webpack里做以下配置 但目前这些配置我加不加都不 阅读全文
posted @ 2018-03-27 16:52 Candice&Gladys 阅读(218) 评论(0) 推荐(0)
vue总结2
摘要：1. 给router-link添加事件 之前用v-link 现在用 router-link 添加事件要用原生的.native修饰v-on 2.$on 与 $emit 3. 跳过css检测 v-bind:css="false" 4. key值绑定实现数据变化重新渲染整个元素 场景：比如父组件控制子组件 阅读全文
posted @ 2018-03-27 10:30 Candice&Gladys 阅读(131) 评论(0) 推荐(0)
vue总结
摘要：1. vue1.x 到 vue2.x部分区别 1. cli --inline被默认开启 2. contentBase 换成 proxy 3. 减少控制台无用输出 比如断开服务器 1.x输出错误信息 2.x输出disconnected 4. 2.0不能以body 和 html 为挂载点 使用vue自己 阅读全文
posted @ 2018-03-27 10:18 Candice&Gladys 阅读(159) 评论(0) 推荐(0)
关于vuex状态管理模式架构
摘要：一。 什么是vuex 集中存储管理所有组件的状态 并以相应的规则保证以一种可预测的方式发生变化。 例子： 实现加减 触发点击事件==》 调用methods对应方法==》通过 store.commit 触发store中的mutations对应的方法来改变state属性==>数据驱动视图 当我们遇到 多 阅读全文
posted @ 2018-03-21 19:26 Candice&Gladys 阅读(139) 评论(0) 推荐(0)
vue-router2
摘要：上面方法接受三个参数 to： 下个路由 from： 正离开的路由 next： 一定要调用该方法来resolve钩子 next() 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed(确定的)。 next(false). 中断当前的导航。 next('/')或next( 阅读全文
posted @ 2018-03-21 17:57 Candice&Gladys 阅读(137) 评论(0) 推荐(0)
vue-router
摘要：router常见参数如下 一，mode：hash 与 history hash模式下 页面的地址会加上#号更变路由 history模式下 路由与平常的页面一样 二， base： 应用的基路径， 比如整个单页应用服务在 /page/app/ 下，那么base就应该设置为 /page/app/. 一般写 阅读全文
posted @ 2018-03-21 17:44 Candice&Gladys 阅读(172) 评论(0) 推荐(0)
source map
摘要：接触到一个概念 source map 一般上 我们线上的项目 代码是被压缩过的 一旦线上的代码报错 定位错误代码过去都是压缩后的代码 调试起来很不方便 所以 source map（源映射）是用来为压缩后的代码调试提供方便的 如何使用就是在转换后的代码开头加上 类似 @ sourceURL= jque 阅读全文
posted @ 2018-03-20 17:29 Candice&Gladys 阅读(173) 评论(0) 推荐(0)
路由优化
摘要：前段时间学习优秀的vue框架学到一招 路由优化 路由引入很多文件的时候会使页面阅读很不顺畅 很累赘 其次开发环境与生产环境的引入有时会有很大的不同 这时候就可以进行一下配置 优化路由 router下配置三个文件 index是路由文件 其他两个 分别是开发环境与生产环境的引入方式 开发环境的引入方式是 阅读全文
posted @ 2018-03-20 16:51 Candice&Gladys 阅读(186) 评论(0) 推荐(0)
dev-client.js-配合dev-server.js监听html文件改动也能够触发自动刷新
摘要：// 引入 webpack-hot-middleware/client var hotClient = require('webpack-hot-middleware/client'); // 订阅事件，当 event.action === 'reload' 时执行页面刷新 hotClient.subscribe(function (event) { if (event.action... 阅读全文
posted @ 2018-03-09 16:52 Candice&Gladys 阅读(262) 评论(0) 推荐(0)
vue路由传值方式
摘要：打印this.$route显示结果： 跳转路由传递参数如下 最后在跳转后的路由用 this.$route.params.paramName 和 this.$route.query.paramName 取值 用params去传值的时候，在页面刷新时，参数会消失，用query则不会有这个问题。 阅读全文
posted @ 2018-03-09 16:45 Candice&Gladys 阅读(293) 评论(0) 推荐(0)