07 2019 档案

九宫格表格样式
摘要：业务中真是各种需求都有，例如如何使用CSS绘制一个九宫格表格，不要外边框。 运行效果： 阅读全文
posted @ 2019-07-25 10:12 viewts 阅读(896) 评论(0) 推荐(0)
简单模拟算法2
摘要：PAT B1036 和奥巴马一起学算法，非常非常简单的一道题：用指定的字符打印边长为n的矩形，下面是我看别人写的解答，常规思路就是分第一行和最后一行，以及2~n-1行，不过由于在控制台中的行列比例为了使它显示得更像矩形，只打印n/2行。 常规解答： 运行效果： 虽然是一道非常简单得题，但是我有另一种 阅读全文
posted @ 2019-07-24 14:43 viewts 阅读(389) 评论(0) 推荐(0)
Vue Render函数用法示例
摘要：虽然在render里使用createElement函数创建DOM节点不是很直观，但是在部分独立组件的设计中还是可以满足一些特殊需求的。一个简单的render示例如下： 另外，由于v-if，v-else，v-show等指令都无法在render里使用，需要自己手动实现，拿常用的v-model举个栗子： 阅读全文
posted @ 2019-07-18 16:57 viewts 阅读(5334) 评论(0) 推荐(0)
Vue自定义滚动条盒子
摘要：应用开发过程中当web页面的内容过多时则会出现滚动条，而原生的滚动条的样式除了谷歌浏览器外其他的浏览器都不好修改，于是打算自己写一个容器组件，当内容过多时隐藏默认的滚动条显示自定义滚动条（只做了垂直滚动条，懒~） 先来看看如何引用这个滚动盒子（hd-scroll，注："hd"是与我相关某个名字的简称 阅读全文
posted @ 2019-07-11 19:27 viewts 阅读(9142) 评论(0) 推荐(1)
Vue文本模糊匹配功能
摘要：模糊匹配功能在下拉菜单的组件中用的非常多，于是打算写几个demo看看细节上是如何实现的。 一、最简单的模糊匹配：计算属性 在上面的例子中，计算属性matchedOptions会在文本框内容message变化时筛选options里的数据，效果图如下所示： 二、使用作用域插槽实现 使用插槽主要是为了使该 阅读全文
posted @ 2019-07-11 15:15 viewts 阅读(3587) 评论(0) 推荐(0)
Vue作用域插槽
摘要：默认插槽和具名插槽的概念比较好理解，这里主要以官方文档的案例来讲解一下作用域插槽。 首先是有一个currentUser的组件： 然而该页面无法正常工作，因为只有currentUser可以访问到user，出错的地方在这里： 然后，引入一个插槽prop： 接着，需要给v-slot带一个值来定义我们提供的 阅读全文
posted @ 2019-07-04 18:09 viewts 阅读(3883) 评论(0) 推荐(0)