2019年11月11日

摘要: 最近做了一个完整的vue项目,对父子组件之间的数据传递新的用法有了更深的了解,现在记录一下。 虽然标题是实现props 双向数据绑定 其实VUE是 不支持props数据双向绑定的,但是我们可以模拟双向绑定的样式,主要是为了简化数据更改及父子节点之前数据同步的操作。 第一种方式 v-model 的方式 阅读全文
posted @ 2019-11-11 09:34 KyleLjc 阅读(2115) 评论(0) 推荐(1)

2019年10月17日

摘要: const getDate = function(date) { const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); const h = hours > 9 ? hours : "0" + hours; const m = minutes > 9 ? 阅读全文
posted @ 2019-10-17 15:25 KyleLjc 阅读(320) 评论(0) 推荐(0)

2019年10月12日

摘要: aop - 切面编程,主要用于执行一些与业务不相关的操作。 比如上报数据、日志输出等与业务不强相关的操作,把这些非业务操作与业务流程解耦。 还有其它使用情况,比如有一个通用弹层,打开弹层和关闭弹层都有一些操作,比如打开弹层需要把body的颜色变成灰色,然后关闭弹层需要把颜色还原等这样的操作。正常的解 阅读全文
posted @ 2019-10-12 10:20 KyleLjc 阅读(487) 评论(0) 推荐(0)

2019年10月9日

摘要: Vue.filter('removeHtml', input => { return input && input.replace(/<(?:.|\n)*?>/gm, '') .replace(/(&rdquo;)/g, '\"') .replace(/&ldquo;/g, '\"') .repla 阅读全文
posted @ 2019-10-09 21:54 KyleLjc 阅读(4891) 评论(0) 推荐(0)
摘要: Vetur -- Vue开发的时候强大的工具 TSLint -- typescript的格式检查 Prettier -- 强制格式化工具 .prettierrc.js 这里如果不存在.prettierrc.js会依次使用 .editorconfig , settings.json https://p 阅读全文
posted @ 2019-10-09 20:05 KyleLjc 阅读(247) 评论(0) 推荐(0)
摘要: 1、eggjs官网: https://eggjs.org/zh-cn/tutorials/index.html 2、egg + vue 工程化解决方案,包括ssr: https://www.yuque.com/easy-team/egg-vue 阅读全文
posted @ 2019-10-09 14:37 KyleLjc 阅读(877) 评论(0) 推荐(0)

2019年9月29日

摘要: 源文: https://www.sohu.com/a/304074198_120076109 一、Mint UI 官网:https://mint-ui.github.io/#!/zh-cn Github: https://github.com/ElemeFE/mint-ui/ 由饿了么前端团队推出的 阅读全文
posted @ 2019-09-29 15:21 KyleLjc 阅读(28525) 评论(0) 推荐(1)

2019年9月26日

摘要: 3种方方案 一、单页应用 优点:配置最简单 缺点:版本回退可能会影响到其它项目 解决:除了各个项目分版本提交,目前没啥太好的解决方案 二、多entry,放到同一个库里面 优点:技术站统一,通用资源利用方便; backup没有技术难度 缺点: 相互之间开发可能会受到影响; 一个项目技术升级会影响其它项 阅读全文
posted @ 2019-09-26 09:57 KyleLjc 阅读(821) 评论(0) 推荐(0)

2019年9月20日

摘要: export const storage = () => { let set; let get; if(window.localStorage) { set = (name, value) => { return window.localStorage.setItem(name, value); } get = (name) => { return window.localStorage.getI 阅读全文
posted @ 2019-09-20 17:18 KyleLjc 阅读(179) 评论(0) 推荐(0)
摘要: export const getOffset = $target => { if(!$target) return false; /** * getBoundingClientRect是获取元素相对于视口的坐标信息的方法 * window.pageXOffset 获取文档当前上下卷起的高度 * window.pageXOffset 获取文档当前左右卷... 阅读全文
posted @ 2019-09-20 10:10 KyleLjc 阅读(266) 评论(0) 推荐(0)

导航