Vue——组件上使用v-model

摘要： 一、最近在工作过程中要实现一个搜索模糊匹配功能，考虑到组件的复用，就单独把搜索框抽出来作为一个子组件。在以往的开发中，我一般会在input框中的值变化时向父组件emit一个事件，并带上一些父组件中需要的参数（比如搜索的关键词，或者搜索之后返回的结果） 大概的实现方式如下： 二、这次在实现的时候，我隐 阅读全文
posted @ 2019-08-08 18:50 天株 阅读(14434) 评论(0) 推荐(2)

css布局-瀑布流的实现

摘要： 一、基本思路 1、先看最终的效果图： 2、实现原理：通过position：absolute（绝对定位）来定位每一个元素的位置，并且将当前列的高度记录下来方便下一个dom位置的计算 二、代码实现 1、版本一：根据思路实现基础版 2、版本二：对版本一进行封装，方便重复使用 三、总结：瀑布流的实现并不复杂 阅读全文
posted @ 2019-06-18 18:31 天株 阅读(3302) 评论(0) 推荐(1)

前端安全-常见的攻击以及防御

摘要： 一、基础知识 1、XSS（Cross Site Scripting）跨站脚本攻击 （1）原理：页面渲染的数据中包含可运行的脚本 （2）攻击的基本类型：反射型（url参数直接注入）和存储型（存储到DB后读取时注入） （3）注入点：HTML节点内的内容（text）；HTML中DOM元素的属性；Javas 阅读全文
posted @ 2019-06-14 10:55 天株 阅读(19053) 评论(1) 推荐(4)

设计模式前端应用——策略模式

摘要： 一、基础知识 1、定义：定义一系列算法，把它们一个个封装起来，并且它们可以相互替换 2、实际应用：减少if else的使用，在每种情况执行不同代码的情况下，我们通常使用if else语句来进行操作，使得当前函数代码量庞大，修改麻烦，不灵活。 二、举例 1、旅行采用的不同的交通工具，飞机，高铁，动车， 阅读全文
posted @ 2018-09-18 18:33 天株 阅读(1689) 评论(0) 推荐(0)

数字展示变化滚动效果

摘要： 一、背景 最近在工作开发中需要用到一个数字滚动的效果，首先定位有个效果就好，滚动速度不需要严格的把控。最后的成品效果就是以下酱紫： 再放一个demo版的图，你萌感受一下： 总之，就是这样了。 二、技术储备 1、jquery animate方法的使用 2、js的数组操作 parseInt charAt 阅读全文
posted @ 2017-12-22 14:21 天株 阅读(11766) 评论(3) 推荐(0)

css元素垂直居中

摘要： 一、碎碎念：啊啊啊，原谅我只能起一个酱紫微大众微俗气的标题，因为实在没有什么能比这样表达的更清楚直观了呢！ 二、没有知识储备，直接上示例： 1、思路：给父元素添加display: table属性；给子元素添加display: table-cell,并且需要设置vertical-align: midd 阅读全文
posted @ 2017-01-23 15:07 天株 阅读(202) 评论(0) 推荐(0)

javascript 用函数实现“继承”

摘要： 一、知识储备： 1、枚举属性名称的函数： （1）for...in：可以在循环体中遍历对象中所有可枚举的属性（包括自有属性和继承属性） （2）Object.keys()：返回数组（可枚举的自有属性） （3）Object.getOwnPropertyNames()：所有的自有属性 3、属性的特性：数据属 阅读全文
posted @ 2016-05-27 17:05 天株 阅读(446) 评论(0) 推荐(0)

关于c:\fakepath\的解决办法

摘要： （2014.11.25 最后更新） 一、碎碎念：关于访问本地图片的路径的问题，比较典型的例子就是上传头像。在以往的解决办法中，我们大多是先将图片上传到服务器然后从服务器返回图片，显示在页面上以达到预览的效果。那到底有没有办法从前端解决这个问题呢？网上也有一些从前端解决的文章，大家的办法都差不多，但是 阅读全文
posted @ 2014-11-18 19:57 天株 阅读(5073) 评论(0) 推荐(0)