Vue——组件上使用v-model

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

css布局-瀑布流的实现

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

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

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

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

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

数字展示变化滚动效果

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

css元素垂直居中

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

javascript 用函数实现“继承”

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

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

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