摘要: 很多时候我们在做开发的时候并不会主要考虑安全问题,但是现在从事的行业不同,前端安全也会相应的受到更多的重视,下面通过几个个方面具体了解和分析一下前端的安全相关问题: 熟悉的CSRF(跨站请求伪造) 老生常谈的XSS(跨站脚本攻击) iframe带来的风险 打开新页面也可能有风险 1、CSRF(跨站请 阅读全文
posted @ 2021-11-12 14:17 虫牙抱抱 阅读(597) 评论(0) 推荐(0) 编辑
摘要: 在前段展示中,一个很常见的问题 就是多行文本溢出显示“...”,再是对兼容性要求不算太高的时候 使用box布局是一种非常实用的方法 但是 在vue项目中使用webpack打包之后,-webkit-box-orient vertical 这行代码就自动消失了, 这个时候,使用下面这种方式注释 一下就可 阅读全文
posted @ 2018-11-26 16:38 虫牙抱抱 阅读(1723) 评论(1) 推荐(0) 编辑
摘要: 一:使用scope 定义私有样式 当我们写组件时,一般会使用<style scoped></style>这个标签,加scoped是为了使得样式只在当前页面有效,防止出现重名污染其他组件 编译前: 编译后: 这其实就是在组件的样式上添加了一个唯一的属性,这样就实现了私有作用域。 但是这么做也会有弊端, 阅读全文
posted @ 2018-11-26 15:32 虫牙抱抱 阅读(2094) 评论(0) 推荐(2) 编辑
摘要: 在vue中 列表渲染算是最常用的功能之一,但是在列表渲染中有个一比较明显的问题: 在列表渲染中,经常发生数据变化,但是视图层并未改变的状况,根据官方: 由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 还有一个注意点是 :不论是当前循环的数组数据,还是在循环列表中用到的数组数据, 阅读全文
posted @ 2018-06-21 10:49 虫牙抱抱 阅读(7074) 评论(0) 推荐(0) 编辑
摘要: 我是在vue项目中应用的,要是不在vue项目中直接 引用函数本身就好。 创建js文件 format.js 代码: 在需要的页面引用: @符号是在webpack.base.conf配置的别名,指向路径src 代码: 调用时,直接在所用到的vue实例中创建过滤器: 大功告成,dom部分直接使用就可以了 阅读全文
posted @ 2018-06-06 14:23 虫牙抱抱 阅读(1446) 评论(0) 推荐(0) 编辑
摘要: 应用场景:一个页面的内容不够长的话,页脚内容会自动固定在页面底部,当页面内容够长的话,页脚内容自己向下推动。 这个时候如果运用fixed布局的话 ,页脚内容会一直固定在底部,所以这个时候会应用到Sticky footer 布局。 下面是一种我常用的方式: 效果图: 内容不够固定底部内容: 内容够多自 阅读全文
posted @ 2017-12-27 17:14 虫牙抱抱 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个移动端的项目 ,使用到了一个时间选择的插件,显示时间方式 2017-11-05 08:00, 但是向后台传递时间时需要为new Date()格式。 代码: 本来没有什么关系 ,在Android端也显示也很好 。但是在一台ios机上突然不能使用了 ,后台总是收不到数据。 在测试时发现 io 阅读全文
posted @ 2017-12-11 16:05 虫牙抱抱 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 自从有了sort之后 数组的排序就变得简单多了,不仅可以比较纯数字的数组,给sort(compareFunction)可以添加一个比较函数,可以有更广泛的用途: 比较函数应该用两个参数进行比较。给定元素 x 和 y,若: 若 x < y,在排序后的数组中 x 应该出现在 y 之前,则返回一个小于 0 阅读全文
posted @ 2017-10-20 18:05 虫牙抱抱 阅读(456) 评论(0) 推荐(0) 编辑
摘要: 不太擅长总结,挺早的东西了,突然觉得都记录下来,小demo也比较简单,欢迎讨论指正。 之前 ui的设计稿选择框不想要默认样式,默认样式改起来也是太心塞,有的还改不了,所以干脆自己写了一个div模拟的选择框 先看效果吧: 代码实现不多,也都很简单,js部分是纯原声的所以不需要引用其他框架就可以用: 先 阅读全文
posted @ 2017-09-13 17:42 虫牙抱抱 阅读(1304) 评论(0) 推荐(0) 编辑
摘要: 代码不多,就当是记录自己的成长吧,欢迎讨论和指导! 主要功能:全部删除及全选功能,当全部选择是 ,全选框自动勾选,当不足 阅读全文
posted @ 2017-03-08 14:52 虫牙抱抱 阅读(191) 评论(0) 推荐(0) 编辑