03 2020 档案

摘要:移动端父元素绑定touch事件,子元素绑定click事件 一、问题描述 碰到一个非常头疼的问题,为了做一个滑动效果,给li标签绑定了touch事件。滑动之后,li标签的末尾会出现一个删除按钮,然后点击该删除按钮,删除整个li标签。 看起来没什么问题吧,实际上暗藏杀机啊。给删除按钮绑定点击事件的时候, 阅读全文
posted @ 2020-03-29 17:37 琥珀君 阅读(921) 评论(0) 推荐(0)
摘要://动态加载js文件并执行js中的方法 //$.getScript("http://webapi.amap.com/maps?v=1.3&key=fc1cc89768a5da46f78aaed607835069", function () { initMap() }); 阅读全文
posted @ 2020-03-28 20:27 琥珀君 阅读(768) 评论(0) 推荐(0)
摘要:<div class="str4 str_wrap"> <a href="#"><img src="img/1c0ae2205709722b62e843abc0471a55_S.jpg"></a> <a href="#"><img src="img/01f1a05053c6242fcfa23075e 阅读全文
posted @ 2020-03-24 11:24 琥珀君 阅读(418) 评论(0) 推荐(0)
摘要:this.checkBound = function () { if (element.hasAttribute("data-bound")) { return element.dataset.bound "true"; } } 阅读全文
posted @ 2020-03-23 11:06 琥珀君 阅读(147) 评论(0) 推荐(0)
摘要:开门见山的说,transition、transform和translate这三者经常有人搞混,先把这三者做一个简单解释: transform是 转换,指的是改变所在元素的外观,它有很多种手段(转换函数)来改变外观,例如 位移、缩放、旋转 等,而其中的位移的函数名就叫translate,所以说,tra 阅读全文
posted @ 2020-03-20 14:19 琥珀君 阅读(356) 评论(0) 推荐(0)
摘要:在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了<label>标签实现。 一、点击文字,对应选择上控件 - TOP 点击<label>标签文字时,实现对应控件被选择,需要对应表单控件i 阅读全文
posted @ 2020-03-20 12:23 琥珀君 阅读(2325) 评论(0) 推荐(0)
摘要:HTML CSS 特殊字符表 HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的 阅读全文
posted @ 2020-03-20 10:41 琥珀君 阅读(556) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-17 12:09 琥珀君 阅读(115) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-16 17:49 琥珀君 阅读(124) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-16 16:38 琥珀君 阅读(167) 评论(0) 推荐(0)
摘要:html文件: PHP文件: 页面测试: 阅读全文
posted @ 2020-03-16 11:22 琥珀君 阅读(84) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2020-03-15 18:26 琥珀君 阅读(0) 评论(0) 推荐(0)
摘要:html: <button id="showToast">此按钮是测试toast的例子</button> CSS: /*手机*/ @media screen and (max-width:600px) { /* toast start */ @-webkit-keyframes toastAnima 阅读全文
posted @ 2020-03-15 18:23 琥珀君 阅读(425) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2020-03-15 18:19 琥珀君 阅读(2) 评论(0) 推荐(0)
摘要:客户希望我们开发的不是一个B/S系统,而是一个客户端应用。 还有在一些需要全屏的需求的B/S系统的时候,需要隐藏所有浏览器的相关的内容。 按F11的全屏不能满足要求。 只需做如下操作: "C:\Program Files (x86)\Google\Chrome\Application\chrome. 阅读全文
posted @ 2020-03-15 18:10 琥珀君 阅读(732) 评论(0) 推荐(0)
摘要:window.open ('testDefalut.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no,titlebar=no,resizable=no,loc 阅读全文
posted @ 2020-03-15 18:00 琥珀君 阅读(198) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-12 15:20 琥珀君 阅读(90) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-12 10:47 琥珀君 阅读(95) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-11 11:23 琥珀君 阅读(115) 评论(0) 推荐(0)
摘要:事件触发与解除: $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); $ 阅读全文
posted @ 2020-03-10 17:06 琥珀君 阅读(220) 评论(0) 推荐(0)
摘要:<style> /*手机*/ @media screen and (max-width:600px){ .box_2 { padding-top: 45px; padding-bottom: 50px; /* background: #fff; */ /* 添加背景图片 */ background- 阅读全文
posted @ 2020-03-10 15:10 琥珀君 阅读(3198) 评论(0) 推荐(0)
摘要:工作中的项目使用了前后端分离得方式去开发,前端存储在OSS上套了一层CDN做加速分发(也因为CDN的价格比OSS更低)。但是最近老是遇到前端部署页面后客户端显示炸了的问题。 搜索之后,发现OSS支持 对象更新后刷新CDN缓存的功能。 操作步骤 1.点击进入「对象存储OSS」2.左侧列表选择指定的bu 阅读全文
posted @ 2020-03-10 14:49 琥珀君 阅读(3933) 评论(0) 推荐(0)
摘要:var i = document.getElementById("popup"); if (this.link) { g_currentHot = this, i.style.display = "block", i.classList.add("wait"); var n = document.c 阅读全文
posted @ 2020-03-07 23:13 琥珀君 阅读(452) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2020-03-06 17:15 琥珀君 阅读(0) 评论(0) 推荐(0)
摘要:打开需要保存为图片的网页 然后按F12,接着按Ctrl+Shift+P 在红框内输入full 阅读全文
posted @ 2020-03-06 16:47 琥珀君 阅读(116) 评论(0) 推荐(0)
摘要:1,打开方式 // window.open('', '_self'); // window.open(url); 2,关闭方式 window.close(); 阅读全文
posted @ 2020-03-05 21:28 琥珀君 阅读(379) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2020-03-05 11:46 琥珀君 阅读(178) 评论(0) 推荐(0)
摘要:1,自定义事件并自己触发事件 // 定义事件方法 function MyMousedown( event ) { if ( _this.enabled false ) return; event.preventDefault(); event.stopPropagation(); if ( _sta 阅读全文
posted @ 2020-03-04 19:43 琥珀君 阅读(386) 评论(0) 推荐(0)
摘要:1,让body中所有元素 上下左右居中 body { display: flex; justify-content: center; align-items: center; background: #F8FFAE; background: -webkit-linear-gradient(-65de 阅读全文
posted @ 2020-03-02 15:01 琥珀君 阅读(386) 评论(0) 推荐(0)