随笔分类 -  Js and css系列

上一页 1 2 3 4 5 6 7 下一页
脚本 样式
防止 iframe 的链接重定向父级页面
摘要：项目中发现，多系统通过iframe嵌套时，如果iframe的请求是重定向会导致父级页面重定向，怎么破？ 查找MDN(https://developer.mozilla.org/zh-CN/docs)，找到sandbox 属性是用来限制安全沙箱的. 最终的设置 (不包含allow-top-naviga 阅读全文
posted @ 2019-05-09 10:49 【云】风过无痕 阅读(4747) 评论(1) 推荐(1)
获取Vue的实例方法
摘要：我们知道在new Vue({...})后，如果没有赋值给一个变量存储，我们很难拿到这个实例，Vue官方也没有提供Vue.getInstance方法，那我们就自己扩展个吧 Code： 就是这么简单，Vue把实例化的对象绑到el的DOM上了。 阅读全文
posted @ 2019-04-23 11:02 【云】风过无痕 阅读(2254) 评论(0) 推荐(0)
js 全局拦截所以http请求（src等）
该文被密码保护。
posted @ 2019-02-02 13:56 【云】风过无痕 阅读(1) 评论(0) 推荐(0)
vue版 文件下载
摘要：标签的download： 是HTML5标准新增的属性，作用是指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。 这种是定义的接口不是下载文件的路径，而是通过API可以获得文件的内容，由前端把内容写入到文件中，这种方法是通过获取文件信息，在网页上利用click事件，创建一个文 阅读全文
posted @ 2019-01-24 10:36 【云】风过无痕 阅读(369) 评论(0) 推荐(0)
node vue 项目部署问题汇总
摘要：场景：vue-router为history模式，不带项目名访问的部署，如果资源是用相对路径加载，则资源匹配路径不对 一、带项目名称访问，如部署到tomcat服务上 webpack： build/utils.js -- publickPath改成相对路径： '../../' config/index. 阅读全文
posted @ 2019-01-23 16:40 【云】风过无痕 阅读(520) 评论(0) 推荐(0)
http 自定义信息头（header）设置与获取
摘要：一、后端设置（如：java） 二、ajax获取response头信息 $(document).ajaxError(function(ev,xhr,status,err){ // 获取header中存放的custom-key var info = xhr.getResponseHeader('cust 阅读全文
posted @ 2019-01-22 11:38 【云】风过无痕 阅读(6119) 评论(0) 推荐(0)
字符串实现变量映射
摘要：方案一： 字符串变量格式要求： ‘some text {$0}’，{$n}为变量 扩展数组方法：evaluate 使用： arr.evaluate(str) 测试： 方案二： 字符串变量格式要求： ‘some text { name}’，{name}为变量 扩展字符串方法： evaluate 使用： 阅读全文
posted @ 2019-01-08 10:25 【云】风过无痕 阅读(850) 评论(0) 推荐(0)
密码校验正则 -- 数字、字符、特殊符号
摘要：密码要求输入：必须包含数字、字符和特殊符号 语法： 1、断言： (?=.*[a-z_]) 2、负值字符集合。匹配未包含的任意字符： [^a-z0-9_] 测试： 阅读全文
posted @ 2018-12-15 14:24 【云】风过无痕 阅读(994) 评论(0) 推荐(0)
弹出层位置动态调整
摘要：场景：点击操作按钮，让弹出层悬浮到点击的位置 阅读全文
posted @ 2018-12-11 15:00 【云】风过无痕 阅读(371) 评论(0) 推荐(0)
flex布局之flex-basis采坑
摘要：场景： 容器设置为display: flex，容器里的子项目部分设置 flex: auto，子项目的宽高自适应正常，但如果再往子项目里嵌套一个（如：div），并设置高度（如：height: 100%），发现该元素高度不符合预期。 源码： 不符预期图： 预期效果图： 为达到预期其实只对样式略微做了调整 阅读全文
posted @ 2018-12-07 10:24 【云】风过无痕 阅读(1333) 评论(0) 推荐(0)
Object.defineProperty之observe实现
摘要：对数据对象的属性批量劫持设置： 后续... ... 阅读全文
posted @ 2018-11-28 14:45 【云】风过无痕 阅读(198) 评论(0) 推荐(0)
深拷贝 deepAssign
摘要：实现代码： 测验结果： 阅读全文
posted @ 2018-11-08 11:11 【云】风过无痕 阅读(741) 评论(0) 推荐(0)
node + nginx + pm2 服务部署整理
该文被密码保护。
posted @ 2018-10-22 18:00 【云】风过无痕 阅读(1) 评论(0) 推荐(0)
提交操作自动遮蔽实现之ajax
摘要：有时候，我们期望一些提交操作自动增加遮蔽效果，提交成功时自动去除遮蔽。 方案： 1、 提交前增加遮蔽逻辑，成功后增加去除遮蔽逻辑，但是不够智能 2、通过ajax拦截，实现自动添加\去除遮蔽效果 ajax拦截实现 阅读全文
posted @ 2018-08-06 16:40 【云】风过无痕 阅读(127) 评论(0) 推荐(0)
js检测输入域的值是否变化
摘要：场景： 用户在新建或编辑表单数据时，操作关闭按钮，如果有输入项已经变动时，提示用户存在信息变更，是否放弃当前操作。 初始值情景： 1、通过原生的value指定，如： <input value='26'/> 2、通过js脚本设置（如前端框架组件初始化），如： document.querySelecto 阅读全文
posted @ 2018-07-30 15:27 【云】风过无痕 阅读(323) 评论(0) 推荐(0)
json字符转对象之new Function('return ' + str)
摘要：两种方法均可，效率差不多（eval略快于new Function()），但在firefox3下，发现eval远慢于new Function() -- 禁用firebug后，eval的速度大幅提升。 通常，我们不建议使用eval()，所以，请使用new Function()的方式将json字符串转成对 阅读全文
posted @ 2018-07-14 16:09 【云】风过无痕 阅读(433) 评论(0) 推荐(0)
javascript 事件流的应用之 addEventListener
摘要：原始需求：防止按钮短时间内高频率触发点击事件，由于重复提交导致的业务异常。 图： demo： addEventListener事件拦截参考：https://www.cnblogs.com/Andyudd/p/5583563.html 阅读全文
posted @ 2018-07-11 17:51 【云】风过无痕 阅读(182) 评论(0) 推荐(0)
原生js 监听全部Ajax请求事件实现
该文被密码保护。
posted @ 2018-06-05 18:33 【云】风过无痕 阅读(2) 评论(0) 推荐(0)
chrome、firefox表单自动提交诱因 -- 非type=hidden的单输入域（input）
摘要：开发任务中遇到很费解的一个form自动提交问题，form中只有一个input时回车会触发自动提交表单，当在多一个非type=hidden的input时，又不会出现表单自动提交。 代码示例： 会出现自动提交的 不会出现自动提交 防止自动提交的处理方式只好加一个 <input style="displa 阅读全文
posted @ 2018-05-22 11:22 【云】风过无痕 阅读(174) 评论(0) 推荐(0)
easyui下拉框过滤优化
摘要：项目中有个需求：编辑combobox的输入域会自动检索匹配项，当没有任何匹配项时，将combobox重置为初始状态。 处理方式：重写输入域的blur事件，判断当前值是否为加载的数据集的子集，如果不是则重置。 脚本如下： 阅读全文
posted @ 2018-04-27 11:43 【云】风过无痕 阅读(421) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 下一页