建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

1. 前言 这段时间重新看了下vue的文档，发现还有很多使用使用频率不是那么高，或者简单使用过但不那么清晰的知识点。今天我们就来看一下其中的渲染函数render，jsx语法和插槽slot的用法。 2. 模板语法的弊端 熟悉vue单文件组件写法的同学们都知道，vue文件的html…

作为一名sass系统开发的前端工程师，少不了要和表单打交道，我们选择的UI库是Element-UI,但是使用久了就感觉是在复制粘贴，而且特别长，为了解决这种重复枯燥的问题。所以通过配置组件来了。 就是根据配置规则，通过vue里面的render函数，把对应的规则渲染出来。好了，直…

笔者最近在读Vue2.6.11的源码，在阅读过程中，不仅体会到Vue组件化及数据响应式的设计之美，也感叹于尤大撸码的规范、优雅。所以这里一一将其总结罗列出来，保证新手看了，写代码更老练。老人看了，更进一步。 || 、&& 代替 ...? ... : ... if...else.…

vue中的指令我们并不陌生，如v-model 、 v-on 、v-show 等等。指令的意义就在于能够对于一些特定的操作进行提取和封装。提高代码的复用性和可维护性 我们都知道，vue一直都希望能够减少dom的操作，但是有的时候又不得不进行对dom的操作。我们可以直接在组件中进行…

hello~亲爱的看官老爷们大家好~最近沉迷于学习其他语言，有一段时间没写文章了。时间一晃就到了4月，再不写就怕彻底懒下去了。这次给大家分享 toLocaleString 的一点技巧，如果需要初始化数字或日期时，不妨考虑一下，会有偷懒奇效哦！ 注意！一般而言，数字与日期的显示是…

如果你想后台接口也自己开发的话。可以阅读我这篇博客 Vue + Node + Mongodb 开发一个完整博客流程 components: 常用组件。例如 弹窗 等等。。。 1. 路由懒加载 2. 登陆拦截 3. 动画切换 4. 视频播放：因为在IOS上 无法隐藏video的c…

hello~亲爱的看官老爷们大家好~ 最近一直在学习 webpack 的相关知识，当清晰地领悟到 webpack 就是不同 loader 和 plugin 组合起来打包之后，只作为工具使用而言，算是入门了。当然，在过程中碰到数之不尽的坑，也产生了想要深入一点了解 webpack…

无论你是要看小姐姐/小哥哥，还是关注国家大事，想要第一时间掌握新鲜资讯和最新动态，网络都会成为你的第一选择。而网络协议中的http和https是我们最见到的。 这些隐患可不只是说说而已，你遇到过运营商劫持吗？三天两头给你插一段广告还有其他很恶心的操作，防不胜防。正是因为这些隐患…