项目笔记
乐橙Web
不断上进,积极进取;努力赚钱,做好家中顶梁柱!
展开
-
iframe知识小结之老项目中嵌套Vue单页应用实践
最近公司因结构变动,将重构的一些新项目放到来老系统中,用到了iframe通信知识,故总结此篇。同域名下父子页面通信父页面<html><head> <script type="text/javascript"> function say() { alert("parent.html"); ...原创 2019-04-01 23:43:40 · 3796 阅读 · 3 评论 -
前端中单引号和双引号的谁是谁非结论
Conclusion单引号双引号字符串没有本质区别 个人习惯 HTML中随大流,用双引号js 中字符串变量用单引号,拼接字符串用单引号注意的地方 注意单双引号的结合和转义字符的使用 ...原创 2018-07-25 19:03:22 · 1812 阅读 · 0 评论 -
面试精选之http缓存
面试精选之http缓存前端面试常问第二大问题是关于http缓存这块。说真的,http缓存相关的细节比较多,并且 http 常用协议版本有1.0、1.1,(本文暂不讨论http2.0)。缓存相关 header我们先罗列一下和缓存相关的请求响应头。 Expires 响应头,代表该资源的过期时间。Cache-Control 请求/响应头,缓存控制字段,精确控制缓存...转载 2018-07-06 14:22:40 · 1358 阅读 · 0 评论 -
jquery中一个点击事件累计触发问题详解。
最近维护老的公司项目,jquery中事件累计触发的bug是一个老生长谈的问题,因此想要弄清楚就必须先弄清楚addEventListener和onclick系列方法的区别W3C上原文如下 addEventListener is the way to register an event listener as specified in W3C DOM. Its benefits a...原创 2018-07-02 11:46:26 · 1418 阅读 · 0 评论 -
原生JS封装实现金额逗号效果
代码如下,注释已经写的很详细,不在分析&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&am原创 2018-06-25 22:04:28 · 818 阅读 · 0 评论 -
content-type疑惑解答也没解答
setRequestHeader请求头必须写在send前面设置数据格式发送json格式数据xhr.setRequestHeader("Content-type","application/json; charset=utf-8");发送表单数据xhr.setRequestHeader("Content-type", "application/x-www-form-url...原创 2018-06-10 18:56:24 · 373 阅读 · 0 评论 -
混合开发应用中所遇到的坑
2018-5-20 场景:使子元素内容垂直居中使用。父元素:display:table;子元素:display:table-cell;vertical-align:middle。table有marin,无padding;td有padding无margin,所以只能使用border来设置。但设置之后每个块之间有一道这样蓝色细线,大概代码如下&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;...原创 2018-06-10 14:53:54 · 1147 阅读 · 0 评论 -
chrome 设置安卓微信和IOS微信UA方法
由于微信方面限制,不能下载第三方的任何文件,所以得提示用户使用浏览器打开,这里不再赘述使用浏览打开方法。 最近公司的需求是在企业公众号中添加一个微信下载app的选项,然后跳到相应的页面,点击下载按钮候,判断若是微信就弹出一个层,提示用浏览器打开。 个人觉得其实里面关键是调试的问题,在这里我们使用在chrome中更改UA的方法来进行调试1.chorme调试–Edit 2...原创 2018-06-10 13:39:36 · 13765 阅读 · 2 评论 -
表单EncType中表单数据提交格式浅析
表单在Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 例如: application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分,这个一般文件上传时用。 tex...转载 2018-06-06 10:00:52 · 288 阅读 · 0 评论 -
mark小程序思维图
思维图原创 2018-06-12 10:05:05 · 387 阅读 · 0 评论 -
JS阻止浏览器滚动事件
在前几天的项目中,场景值如下: 1.动态生成列表,列表高度不固定 2.外面父元素的属性设置为overflow:auto; 3.鼠标移动到列—li中的a上,出现选择列表,鼠标在列表上,列表不消失 4.当鼠标放置到出现的列表上时,再滚动滑轮,因为出现的列表为是根据标签a的位置来进行定位的,所以滚动的时a页面在滚动,但列表位置虽然没变,但与原来a标签相符合的位置却变了 因为父元素ov...原创 2018-05-28 21:28:38 · 12596 阅读 · 2 评论 -
2018-05-28最新兼容ios和andorid的复制粘贴方法
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-05-28 20:40:22 · 1085 阅读 · 0 评论 -
JS之replaceState与pushState的妙用
场景text前几天做web站的账单重构,原有的支付路径为www.xxx.com/a/b/c,进入我的账单之后,即www.xxx.com/a后台经过auth2.0认证后,会重定向到www.xxx.com/yy/a/,并且这个yy是一个变量值,微信支付只能设置5个支付路径,如果这样走到支付页面去支付的时候,会出现支付页面路径为注册,所以错误。解决办法 非本场景解决办法:修改支付路径 ...原创 2019-04-24 23:30:00 · 5759 阅读 · 0 评论