`
xiaotongeye
  • 浏览: 19734 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

总结一些每次写都要百度的样式 and so on

阅读更多
本次总结无关乎顺序,想到什么查什么总结什么(希望这次总结都能记住记住记住)
1.css溢出显示...
{
   overflow:hidden;
   text-overflow:ellipsis;
}

2.table边框合并,显示单线框
table{
   border-collapse: collapse;
}
table tr td,table tr th{
   border:1px solid #e2e2e2;
}

3.ajax获取后台数据(引入jQuery)
   $.ajax({
	   type: "get",
	   data:{
	         act:"getcount",
                 ...
	         },
	    async: false,
	    url: "http://xxx.com/xxx",
	    cache: false,
	    dataType: "jsonp",
	    success: function (result) {
	         alert("获取成功")
	            },
	    error: function (e) {
	         alert("数据获取错误,请刷新");
	          }
	    });

4.循环和闭包
前两天有个需求,要依次显示一个tab列表,必然想到循环和定时器,然而事实和结果却不是我想要的,一开始是这样实现的
for(var i=0;i<7;i++){
    setTimeout(function(){
        $(".aboutUs_lists ul li a:eq("+i+")").animate({"paddingTop":0,"opacity":1},500);
        },100*(i+1));
}

结果是列表一起出现了,后来各种搜索,各种百度,终于实现想要的效果了
var count = 0;
var anonymous = function() {
    count++;
    $(".aboutUs_lists ul li a:eq("+(count-1)+")").animate({"paddingTop":0,"opacity":1},500);
    };
for(var i=0;i<7;i++){
    setTimeout(anonymous, 100*(i+1));
}

今天深入研究闭包,发现书中详细解释了这个问题,延迟函数的回调会在循环结束时才执行。一开始的缺陷是我们试图假设循环中的每个迭代在运行时都会给自己“捕获”一个i的副本,但是根据作用域的工作原理,实际情况是尽管循环中的7个函数是在各个迭代中分别定义的,但是他们都被封闭在一个共享的全局作用域中,因此实际上只有一个i。解决这个问题,我们需要更多的闭包作用域,特别是在循环的过程中每个迭代都需要一个闭包作用域。最后代码是这样的
for(var i=0;i<7;i++){
    (function(j){
         setTimeout(function(){
         $(".aboutUs_lists ul li a:eq("+j+")").animate({"paddingTop":0,"opacity":1},500);
         },100*(j+1));
     })(i);
}

5.字符串转数值
parseInt()和parseFloat()
单目加法运算符
"1.1" + "1.1" = "1.11.1"
(+"1.1") + (+"1.1") = 2.2 
分享到:
评论

相关推荐

    炫酷的淡蓝色百度地图自定义样式

    具体样式效果可参考本人文章中百度地图自定义信息框的文章 https://blog.csdn.net/qq_26991807/article/details/80764647

    百度地图lib包和so文件

    开发者可以通过导入这个库,调用百度地图的各种接口,如显示地图、设置地图样式、添加标注、获取用户位置等。在Android Studio项目中,通常会将此JAR包放入项目的`libs`目录,并在`build.gradle`文件中进行配置,...

    百度地图好看的样式json文件

    适合暗色背景

    c# winform 窗体样式风格 多种漂亮好看的样式风格 下拉框选择

    总结来说,C# WinForm窗体样式的定制涉及多个层面,包括基本属性设置、第三方库的应用以及自定义控件的绘制。下拉框选择的美化可以通过调整控件样式、创建自定义控件以及处理交互事件来实现。通过这些技术,我们可以...

    企业主页模板国外的商业网站,包含主页,样式,及其他内容

    国外的商业网站,包含主页,样式,及其他内容Cascading Style Sheets (CSS) are a collection of ... you can assign custom list bullets and specify different font sizes and units (pixels, points, and so on). .

    qss样式表模板,包括了17种样式表。

    - 使用内联样式表和外部样式表,外部样式表可以方便地全局应用和管理样式。 7. **优化与最佳实践** - 分离样式和逻辑,避免在代码中混杂样式信息。 - 保持样式表简洁,避免过度复杂的设计。 - 使用命名约定,使...

    好看的WPF自定义按钮样式(绝对不亏)

    首先,我们要理解WPF中的样式和模板。样式(Style)定义了控件的视觉外观,包括颜色、字体等属性。模板(Template)则进一步定义了控件的结构和行为,如按钮的边框、背景、鼠标悬停效果等。在WPF中,我们可以使用`...

    QT精美样式表,超级好看

    本资源聚焦于QT中的一个重要特性——样式表(QSS,Qt Style Sheets),这是一种类似于CSS的样式语言,用于定制QT界面的外观和感觉。 QSS允许开发者通过简单的文本文件定义控件的样式,包括颜色、字体、边框、阴影、...

    ArcGIS地图边框样式

    9. **兼容性和导出**:设计好的边框样式不仅能在ArcGIS Desktop中使用,也可以在ArcGIS Online和移动应用中无缝对接。同时,支持导出为多种格式,确保在不同平台和设备上保持一致的视觉效果。 通过熟练掌握并运用...

    Qt样式表使用大全(中文整理资料)

    而样式规则则包含了要设置的属性和其值,比如背景颜色、字体大小等。 在Qt中,可以通过多种方式应用样式表: 1. 通过代码设置样式。在Qt的C++代码中,可以使用QWidget的setStyleSheet方法为特定的控件设置样式。...

    常用QSS样式收集

    Qt样式QSS,常用QSS样式收集,网上收集而来。Qt样式QSS,常用QSS样式收集,网上收集而来。

    纯CSS流程步骤箭头样式

    在"阿里云-流程步骤样式_files"目录下,可能包含了一些辅助的CSS文件或图片资源,这些文件可能是为了实现更复杂的样式或者兼容性问题而准备的。例如,可能有一个全局的CSS样式表(如`style.css`),包含了通用的样式...

    Swing样式大全 主题 皮肤包(全56种经典)LookAndFeel

    Swing样式大全 主题 皮肤包(全56种经典)LookAndFeel 本样式合集共有56种样式,包括使用说明和实例,即装即用 5种经典的Alloy和liquidlnf包 7种另类风格和实例包 20种样式风格包 24种样式合集包

    WPF 窗体样式重写 界面优美

    样式可以通过`x:Key`属性指定键,然后在控件上通过`Style`属性引用它,或者设置`BasedOn`属性使其继承现有样式。 **二、重写控件模板** 要更改窗体的布局或控件外观,我们需要重写控件模板。例如,修改`Window`的...

    经典PS水晶样式

    1. **新建图层**:首先,你需要在Photoshop中创建一个新的图层,将你要应用样式的对象放在该图层上。 2. **设置图层样式**:选中图层后,点击右侧的“fx”按钮,从下拉菜单中选择“图层样式”。在弹出的对话框中,...

    QSS样式表素材合集.rar

    它可能提供了一些高级功能,如颜色选择器、字体选择器,甚至预览功能,使得创建复杂的QSS样式变得更加便捷。 QSS的强大之处在于它允许开发者通过简单的文本文件改变整个应用的视觉风格,而无需重新编译代码。从按钮...

    WPF漂亮的TabControl样式

    最后,要实现一个美观的TabControl样式,还需要考虑各种交互状态,如鼠标按下、焦点变化、禁用状态等,并进行相应的样式调整。同时,为了保持良好的可访问性,确保样式对辅助技术友好也很重要。 综上所述,自定义...

    WPF ListView 漂亮样式

    本主题将深入探讨如何为WPF ListView创建漂亮的样式,以及如何根据自身需求进行样式修改。 首先,我们要理解ListView的基本结构。ListView由多个视图模式支持,如List、Grid、Details等。默认情况下,ListView采用...

    自定义CheckBox样式

    如何自定义CheckBox的样式 1:首先在布局文件中添加CheckBox的控件配置,如: android:id="@+id/button1" style="@style/CheckBoxStyles"//这里就是用户可以自定CheckBox的样式 android:layout_width="match_...

    wpf菜单MenuItem样式经典

    在本文中,我们将深入探讨WPF(Windows Presentation Foundation)中的`MenuItem`控件,以及如何创建经典的`MenuItem`样式。`MenuItem`是WPF UI设计中的一个重要元素,它用于构建应用程序的菜单栏,提供用户交互的...

Global site tag (gtag.js) - Google Analytics