js程序调试技巧
1.No "Access-Control-Allow-origin"
解决方案:这是API参数没有穿对的跨域错误,修改API(ajax请求路径)以保证其参数传递正确即可;
2.loadMainPage~~从缓存中读取数据注意事项
由于从缓存中读取的数据是字符串,而加载数据时应该使用的是json对象,此时我们应该把字符串强制
转换成json对象,而且还要用try 和catch来防止异常情况出现
try(localstorageData) {
localstorageData = Json.parse(localstorageData);
}catch {
localstorageData = null;
}
3.事件代理
事件代理的编写风格为:
父级元素.on("发生事件所在的类或者id等等","事件click等等",function() { ....... }) ;
4.如果点击一块区域时使用最外面的父级元素时点击效果不是很理想,我们可以用一种absolute元素优先覆盖法
即如果我们需要点击的是左(最外层的类为.left)块矩形区域,矩形区域里面还有很多其他的内容,在sass环
环境下,我们可以定义一个与left区域相同大小的absolute绝对定位元素覆盖于整个left区域之上
.left {
position:relative;
width:200px;
height:200px;
.......
.click {
width:200px;
height:200px;
position:absolute;
}
}
5.为不同语言的页面切换不同的样式
在sass环境下,我们可以将各种不同的语言的不同样式这样定于
.zh(中文) {
.index{
.......
}
}
.en(英文) {
.index{
.......
}
}
然后我们在定义一个变量为lc,不同的语言的页面我们可以将lc变量赋予不同的类值,如en,zh等等,
再把lc类加在body父元素上即可实现不同国家不同语言进行显示
6.如果显示的一行文字超出所在的区域,我们把超出区域的文字用...来显示的css技巧如下
{
.....
line-height:40px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
最新文章
- JVM之上的语言小集
- static
- OneProxy安全策略
- CentOS 6.5升级Python和安装IPython
- HDU4003Find Metal Mineral[树形DP 分组背包]
- Python脚本模拟登录网页之GitHub篇
- Int16, Int32, Int64 范围
- 自定义WPF ListBox的选中项样式
- 【转】Cookie和Session的区别详解
- UVa 11361 (计数 递推) Investigating Div-Sum Property
- C#.net winform 控件和皮肤大全
- C#代码设置窗体和Panel的位置大小
- HDU 3916 Sequence Decomposition 【贪心】
- NOIP2017SummerTraining0714
- java~gradle构建公用包并上传到仓库~使用私有仓库的包
- Windows10下Docker监控管理工具:Hyper-V管理器
- springboot整合mybatis的两种方式
- 复利计算器4.0JUnit
- 20155330 2016-2017-2《Java程序设计》课程总结
- HTML5文件上传前本地预览
热门文章
- 【带权并查集】【HDU3038】【How Many Answers Are Wrong】d s
- VM 443端口冲突解决办法
- oracle误删除数据的恢复方法
- [RabbitMQ]Error: unable to connect to node rabbit@compute1: nodedown(CentOS7.0)
- boost json生成和解析用法
- HttpServletRequest 各种方法总结(转自百度经验)
- jQuery简单前端表单验证
- Yaf-Plus 我们只谈框架这件事
- vb mid 函数使用说明
- 看IT牛人博客的哲理