web前端开发杂记
暮色岚光
fighting!!!
展开
-
移动端H5项目开发遇到的问题
第一类:架构问题(1)移动端H5项目可能涉及到微应用等的项目上传的大小限制,视情而定选择较小的依赖包,做好代码压缩混淆,图片处理,用打包工具处理掉依赖包中不需要的代码等。第二类:兼容性问题(1)不同手机屏幕的px值可能会出现小数,我们在需要用到相关数据时可以进行取整处理。(2)要考虑手机顶部的不同刘海进行设计。------------------------------------------ 持续更新 --------------------------------------原创 2021-10-20 11:45:15 · 315 阅读 · 0 评论 -
iframe中的@media使用注意事项
iframe中@media设置max-width和min-width时,获取的宽度不是实际浏览器窗口的宽度,而是iframe标签内的文档宽度;且@media一次设置的min-width和max-width只能是一个连续的范围:正确的分界:(1) 0 — 1200;(2) 1201 — 1400;(3) 1401 — 无穷;错误的分界:(1) 0 — 1200 和 1401 — 无穷;(2) 1201 — 1400;如下正确:...原创 2020-05-21 13:56:09 · 1510 阅读 · 0 评论 -
jquery使用记录(随手记录)
1、trigger() 不能触发hover事件 ——但可以触发mouseenter/mouseleave/mouseover/mouseout事件来代替猜想:使用trigger()来触发hover事件,没有办法判断是鼠标的移入还是移出的,所以jq没有触发hover事件的写法。...原创 2020-05-19 14:09:36 · 141 阅读 · 0 评论 -
input去除默认值和下拉提示框
一、去input除默认值:<input type="text" id="inputId" name="inputName" onfocus="if (value==defaultValue)value=''" onblur="if(!value)value=defaultValue" />二、去除input下拉提示框<form autocomplete="...原创 2020-01-13 15:14:11 · 2456 阅读 · 1 评论 -
iframe页面中获取父页面元素的办法
var parentWin = window.parent;var $parentDoc = $(parentWin.document);$parentDoc.find('.classname');以上:记录。。。原创 2019-10-29 09:47:45 · 1163 阅读 · 0 评论 -
chrome浏览器调试js,结果Sources里面找不到js文件解决办法
页面出现问题,就debug,这是前端开发工程师最常见的做法,但是有时候,我们打开开发者工具,在sources查找js文件,却发现怎么也找不到,无法设置断点。但是文件在network选项卡里确实load过了。解决办法:第一种办法:给需要调试的js文件头部加上这么一句://# sourceURL=dynamicScript.js这一句像一个注释,但是确实能起到作用。我们在开发者...转载 2019-03-14 15:28:22 · 5812 阅读 · 0 评论 -
chrome 新特性 —— 不允许视频或音频在页面加载完成时自动播放
问题描述:为避免用户在打开页面时突然出现视频自动播放而出现声音吓到用户,chrome浏览器从2018年开始不再支持单独autoplay实现加载页面视频自动播放,解决办法:同时使用muted静音视频,以此实现静音情况下加载页面,视频自动播放。<video src="XXX.mp4" muted autoplay></video>...原创 2018-09-04 14:43:50 · 4041 阅读 · 0 评论 -
console.log引发的360浏览器兼容模式的冲突问题
最近的工作项目中,出现了js不执行的问题,但是打开控制台后js就执行了。。。真的是个很奇葩的问题,经过一步一步的排查发现,竟然是因为ie内核对console.log的不兼容问题。。。于是添加一下代码。。。window.console = window.console || (function () { var c ={}; c.log = c.warn = c.debug = c.i...原创 2018-06-04 16:48:05 · 1476 阅读 · 1 评论 -
elementUI使用中遇到的坑
1、通过el-upload获取到的文件file是封装后的,其中与普通input type=file 中获取到的文件是elementUI中的file.raw;如果在读取文件时直接使用elementUI的file会报错:Failed to execute 'readAsBinaryString' on 'FileReader': parameter 1 is not of ‘Blob’...原创 2018-05-15 11:08:19 · 10994 阅读 · 2 评论 -
npm安装vue-cli遇到报错error errno -4067
今天想用用vue.js,于是打算用vue-cli搭个项目,忘记了自己之前安没安装vue-cli,于是打开git bash稳稳敲下:npm install --global vue-cli然后,悲剧发生了,先是出现一个警告:问了问度娘:她说harmless。。。紧接着,不再是warn,而是error。。。伤心的看了看错误日志(我的日志地址是C:\Users\DELL\AppData\Roaming\...原创 2018-04-08 17:03:34 · 2072 阅读 · 0 评论 -
css中遇到的技巧和坑儿——background-size使用transition失效
如图使用transition时背景图片放大没有过渡效果,,于是在stack Overflow上找到了对应答案:于是改为:运行成功。。。原创 2018-01-18 14:42:17 · 6625 阅读 · 0 评论 -
我的前端常范错误集锦和部分易混淆点
前端犯错集锦!易混淆注意点!原创 2017-02-14 15:30:55 · 414 阅读 · 0 评论 -
Js放到HTML文件中的哪个位置有什么区别
先明白js能放在HTML的那个位置,分别是head和body中。大部分人都是放到head里面的。下面为大家介绍下放到这两个地方的区别这个问题一直是初学者的困惑。先明白js能放在HTML的那个位置,分别是head和body中。大部分人都是放到head里面的。我学的时候也是稀里糊涂的跟着放到head的里面,也不知道为什么?今天看说说,放到这两个地方的区别: 先看一段html代码:转载 2016-06-18 09:50:32 · 4136 阅读 · 0 评论 -
html中frameset的详细使用方法
框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。 是用以划分框窗,每一框窗由一个 标 记所标示,必须在 范围中使用。如下例: 此例中 把画面分成左右转载 2015-07-11 18:50:23 · 834 阅读 · 0 评论