前端问题集
收集一些关于工作上的前端问题
smile radiantly
Smile to life can influence the damp mood, erase unhappy colors。
展开
-
页面点击锚点后不改变URL的方法
前端简单地锚点实现方法无非就是在把 a 标签的 href 写成想要跳到的元素的id ,比如点击<a href="#box"></a>页面就会自动滚动到 <div id="box"></div> 元素的位置。这样会导致url会改变,浏览器默认的行为会将 id 放在 url 后面。比如:http://www.xxx.com#box当存在多个锚点的时候...转载 2020-02-23 18:52:15 · 3560 阅读 · 2 评论 -
Uncaught SyntaxError: missing ) after argument list
js onclick 函数中参数带空格解决办法参数带空格后,会解析成两个属性,空格后是另一个标签属性,所以缺失 “ ) ”。解决:在参数前加上:\'' + 参数 + '\' ,将整个转义成字符串$tr.append('<td align="center"><span style="color:#6BCBC4;" class="glyphicon glyphicon-eye-...原创 2020-01-08 16:30:32 · 432 阅读 · 0 评论 -
bootstrap实现垂直滚动监听
在工作中,需要将导航条放在右侧,并实现垂直滚动监听效果,在实现时遇到的一个坑在此记录一下,以便后续查看。坑:实现后,发现点击导航条中a按钮可以定位到页面相关内容(类似锚点效果),但高亮效果不能随之跟着变化。之后写了个小demo,发现效果都是好的,但是引入到项目中,高亮效果始终不能跟着随之变化,花了一下午时间,最后发现自己代码和demo只差“”这条语句,添加之后果然好了。html:<%-...原创 2019-10-29 19:05:35 · 1292 阅读 · 0 评论 -
jquery实现遮罩层效果
在工作中前端页面有时需要点击按钮弹框显示某些信息,会用到遮罩层效果样式,在这里记录一下,以后备用。css代码: /*遮罩层*/ div#mask{ position: absolute; top: 0px; left: 0px; z-index: 100; filter: alpha(opacity=30)...原创 2019-10-28 15:29:40 · 1068 阅读 · 0 评论 -
javascript实现回到顶部按钮特效
有时由于页面内容过多,每次回到顶部比较麻烦,所以记录一下JavaScript实现回到顶部按钮特效的代码,便于以后备用。css代码: /*实现回到顶部按钮特效*/ .box { position: fixed; right: 10px; bottom: 10px; height: 5...原创 2019-10-28 15:43:36 · 406 阅读 · 0 评论 -
Element el-table-column宽度设置百分比无效
问题:使用Element table组件时,给列设置百分比宽度无效(width=“30%”)解决:用属性min-width="3"代替属性width=“30%”,且每一列都必须设置原因:el-table 组件会被 vue 解析成 html, width 设置百分比的值直接被解析去掉百分号变成 px 了。设置成 min-width 之后,width 的值就被计算成 (当前值 / 所有列值和)的百...原创 2019-11-19 19:23:41 · 6050 阅读 · 1 评论 -
ls-remote -h -t git://github.com/adobe-webplatform/eve.git
npm WARN deprecated bfj-node4@5.3.1: Switch to the bfj package for fixes and new features! npm WARN deprecated nomnom@1.8.1: Package no longer supported. Contact support@npmjs.com for more info. npm W...原创 2019-11-13 15:19:54 · 5106 阅读 · 3 评论