七度丢失的梦

摘要： 直接看代码 ~~false 0 ~~true 1 ~~undefined 0 ~~!undefined 1 ~~null 0 ~~!null 1 ~~"" 0 ~~!"" 1 ~是按位取反的意思，计算机里面处理二进制数据时候的非，~~就是再转回来，利用两个按位取反的符号，进行类型的转换，转换成数字符 阅读全文

摘要： Vue中内置了很多的指令，如v-model、v-show、v-html等，但是有时候这些指令并不能满足我们，或者说我们想为元素附加一些特别的功能，这时候，我们就需要用到vue中一个很强大的功能了—自定义指令。 自定义指令里的钩子函数 options = { bind:function(el,bind 阅读全文

摘要： 国内的 PC端常用的 1.element-ui 官网地址：http://element-cn.eleme.io/#/zh-CNGitHub地址：https://github.com/ElemeFE/element 2.iView 官网地址：http://v1.iviewui.com/GitHub地址 阅读全文

摘要： 1.根据鼠标移动随机生成颜色，单击鼠标锁定 https://colourco.de/ 2.Adobe出品工具很强大，拖动圆盘上面的任意一个点，系统都会自动计算出一个最优化的配色组合 https://color.adobe.com/zh/create/color-wheel 3.一共有四个功能可以使用 阅读全文

摘要： 最终效果图 直接看TheTimeLine.vue文件代码 <template> <div class="timeline-main"> <!--年月标题--> <div class="timeline-title"> {{ timeData.yearData }} <i :class="showCa 阅读全文

摘要： ui设计图大概长这样↓ 因为这是在表格里展示的对应的样式的，我直接写成了一个组件 下面是一个.vue文件，可以直接使用 <template> <div class="column-row"> <!--#409eff--> <div class="one">{{ column[0] || '' }}< 阅读全文

摘要： 重写数组中的sort()方法 下面先以distance排序，如果相同以name排序 let arr = [ {distance: 3, name: 'jack'}, {distance: 1, name: 'tom'}, {distance: 5, name: 'abole'}, {distance 阅读全文

摘要： <div id="body"> <div id="left"></div> <div id="right"></div> </div> 如上结构 如果#left的样式加上了min-height/max-height当里面内容超出对应高度时，滚动条会出现在#body上 阅读全文

摘要： 当我们对vue的用法较为熟练的时候，但有时候在排查bug的时候还是会有点迷惑。主要是因为对vue各种用法和各种api使用都是只知其然而不知其所以然。这时候我们想到可以去看看源码，但是源码太长，其实我们只要把大概实现流程实现一遍，很多开发中想不明白的地方就会豁然开朗。下面我们就来实现一个简单的vue. 阅读全文

摘要： 有的人把发布 订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 其实他们还是有差别的，在发布订阅模式中，组件是松散耦合的，正好和观察者模式相反 发布订阅模式中，发布者和订阅者不知道对方的存在。它们只有通过消息代理进行通信。 在观 阅读全文