前端那些年遇到的坑

1、透明度opacity属性会被子元素继承,而且子元素重新设置opacity属性会不起作用;

若不想子元素继承父元素的透明度可通过backgroud-colorl来设置背景颜色的透明度,如background-color: rgba(0,0,0,0.5);

2、ng-repeat里面的ng-module的作用域是ng-repeat这个子作用域的$scope,不属于ng-controller中的$scope,所以ng-module绑定数据时要在变量前面加上$parent才能在ng-controller中的$scope中获取;

如在html代码中的ng-module设置为:ng-module="$parent.hello",在controller中就可以用$scope.hello来改变和获取hello变量的值。

时间: 2024-11-03 23:00:48

前端那些年遇到的坑的相关文章

移动前端系列——移动端页面坑与排坑技巧

移动前端系列——移动端页面坑与排坑技巧 In 网页重构 on 2014-12-08 20:21:19 by lyushine 对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧. 移动端页面在不同设备.不同操作系统 .不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了.下面先介绍一下4类具体常见的坑: 1.外观 A.页面高度渲染错误 在各移动端浏览器中经

Ajax 请求时后台跳转 前端页面不更新踩坑记录

踩坑环境:前端:Ajax post请求,json类型数据:后端 C#+MVC,前后端正常通信,但是当后台验证权限不通过时会RedirectToAction跳转到登录页,结果现象是后台正常执行登录页的渲染,渲染完成之后前端ajax进入error,页面不刷新. 经检查页面不跳转是因为后台渲染页面后以字符串形式返回,被ajax接收,有因为前端设置json格式所以进入error,看来需要后台返回状态和url,前端js来进行页面跳转,但总感觉这样不太方便,继续研究一下能否实现后台跳转,有方案再来更新内容.

移动前端系列–移动端页面坑与排坑技巧

## video标签脱离文档流 问题描述:标签的父元素(祖辈元素)设置transform样式后,标签会脱离文档流 测试环境:部分android机型 解决办法:不使用transform属性.translate用top.margin等属性替代 ## ::after在手机中使用animation无效 问题描述:::after在手机不支持animation 解决办法:不用伪元素改为普通元素 ## 页面高度渲染错误 问题描述:页面100%高度包含地址栏高度,当地址栏存在时,会部分内容被隐藏 环境与频率:经

[Web 前端] React Router v4 入坑指南

cp from : https://www.jianshu.com/p/6a45e2dfc9d9 万恶的根源 距离React Router v4 正式发布也已经过去三个月了,这周把一个React的架子做了升级,之前的路由用的还是v2.7.0版的,所以决定把路由也升级下,正好“尝尝鲜”... 江湖传言,目前官方同时维护 2.x 和 4.x 两个版本.(ヾ(??﹏?)??咦,此刻相信机智如我的你也会发现,ReactRouter v3 去哪儿了?整丢了??巴拉出锅了???敢不敢给我个完美的解释!?)事

ssm+shiro权限框架+eleme前端框架(上传图片的坑)

在之前做一个4s店维修管理系统时,登录权限用到了shiro框架, 在前后端分离的情况下,登录成功后,后台会向前台传个token回来, 前端的session会记录登录用户的所有信息, 每当前端向后台发送axios请求时都会携带个token传向后台, //发送请求之前拦截下来,在请求头里面 添加上 X-Token:sfasdfasdf111111 axios.interceptors.request.use(config => { if (sessionStorage.getItem('token'

我的前端

我从php程序员转入前端一年半,谈谈自己的一些看法吧. 从php和jquery开发大概多半年,这期间都是从网上抠代码来实现网页效果.也就是身兼前端和后端两种职责,有一天总算是明悟了,发现自己还是比较喜欢前端.下份工作依然转入前端. 在转入前端前我深知以此时的水平是完全达不到一个前端从业的要求的,所以在家呆了两个月,疯狂恶补各种前端知识,看了javascirpt的高级设计和jquery的书籍,看了下css的书籍,只是看了下,但是自己也不是很精通,没有切过图. 两月后进入了疯狂了面试期,深受打击,面

如果坑请深坑之ionic微信开发

第一个是网上很多网友提出的问题:就是安卓机上微信里面无法播放视频的问题,而ios里面却不存在: 这个就要责怪一下傻逼微信了,微信里面调用的浏览器内核是QQ浏览器X5内核,我们在点击自己的视频的时候实际上没有真正点击到视频,所以你必须给视频的controls添加一个监听事件,所以我给视频添加了一个封面,监听点击封面事件 image.addEventListener("click",function(){     var video=document.getElementById(&quo

2014年12月-前端开发月刊

一. JS: https://github.com/hacke2/hacke2.github.io/issues/11 霸天 月刊 1.基础知识: http://www.zhihu.com/question/20979831 有哪些经常被误用的 HTML.JavaScript.CSS 的元素.方法和属性 http://www.zhihu.com/question/19713563 如何循序渐进有效学习 JavaScript? http://www.zhihu.com/question/26920

前端深入之css篇|link和@import到底有什么区别?

写在前面 在真正的前端开发中,我们很少去写行内样式和内嵌样式,通常都是去引用外部样式. 而在我们学习之初的外部样式表都是用link引入的,但是当后来我们学习的逐渐深入,发现@import也可以引入样式.那么同样是引入外部样式,这两者有什么区别呢,下面请跟随我来详细了解一下link和@import的区别吧! 区别 <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet&