每周总结②

7-4

1:bootstrap①无序列表②按钮组

2:模态框事件绑定失效 原因:放在<body>中的模态框内可以显示但是无法触发时间,但和触发按钮一同放在template中就可以了



7-5

1:bootstrap的 .dropdown-menu{}字数过多会超出

  解决方法:.dropdown-menu{

          min-width:100px;

          left:0;

          right:auto; 

}

2:backbone中event绑定事件用的是Jquery的 click这种,而不是onclick

3:通过隐藏,显示元素来代替删除,添加元素完成功能



7-6

1:一个按钮绑定多个事件---直接写



7-7

1:Metro风格

2:underscore.js 函数式编程

3:  stick up 单页导航

4:  sass,less

5:  gulp,grunt

6:  bootstrap编码规范

7:  html5{data-*属性---见本博客园网摘

      aria-*,role---辅助工具识别

     }

8.  元素定位 position---当不为static时可用top/left/right/bottom

9.  box-sizing ①content-box ②border-box --- 元素设定宽高决定的内容

10: a[href^="javascript:"] javascript:表示执行段代码 javascript:;表示什么都不做

11: outline属性  在边框外侧加轮廓(不占空间)

12: outline-offset 偏移量

13:border-radius

14: 各种灰色在#eee #333在bootstrap中使用

15:clip:react(……)剪裁绝对定位的元素

16: sr-only 保证屏幕阅读器正确读取不会影响UI的视觉呈现

17:display:inline-block



7-9  阅读bootstrap CSS部分源码

1:white-space

2: overflow:scroll 滚动条

3:(转)

电话面试,被问到行内元素和块级元素的区别。

我回答说,块级元素独占一行,可设置宽高。行内元素不会独占一行,且不能设置宽高。

然后面试官问我,img和input是行内元素么,他们能设置宽高吗?

我一想,是啊,这两个也是行内元素,不过却能设置宽高啊。于是当场被问住了,说不出所以然。。。

然后自己查阅资料,发现了这篇博文,为何img、input等内联元素可以设置宽、高(http://blog.csdn.net/jlds123/article/details/8647448)

豁然开朗,原来img和input是替换元素,他们是有内在尺寸的。如果不设定宽高,会以默认宽高显示。需要注意的是,几乎所有的可替换元素都是行内元素。

而行内元素中的非替换元素,如<a> <span> <em> <i>等元素是不可设定宽高的。

4:<div>1</div><div style="float:left">2</div>依旧在第二行

5:鼠标悬停CSS选择变色 tr:hover{background:[email protected]#}

6: class*="col-"选择所有没有这个字符的元素

7:form-control box-shadow和box-color使用CSS3动画进出

8:  disabled 效果 ①cursor:not-allowed ②background-color:#eee

9:  label包裹的范围均是其input的效果区

10: .btn ①type-submit会触发默认事件提交表单 ②background-color会扩展到内边距 ③vertical-aligh-middle ④text-align - center



7-10

1: opacity和rgba

2: pointer-events:none可以禁用点击事件

3:bootstrap插件应用方式 ①data属性API直接使用(优先)

             ②JS方式

             ③第一种方式一个元素只能绑定一个插件,如果需要触发两个插件,使用一个元素包裹它

4:随着滚动栏的变化改变CSS样式(https://tradetrendy.com/)---它上面的$(window)写成$window却可以用,但是我不可以,估计用了什么别的框架吧

<script>
var toggleHeaderFloating = function() {
// Floating Header
if ( $(window).scrollTop() > 80 ) {
$("div").addClass( ‘floating‘ );
} else {
$("div").removeClass( ‘floating‘ );
};
};

$(window).on( ‘scroll‘, toggleHeaderFloating );
</script>

如果可以的话,希望下个星期可以看完bootstrap的CSS和JS部分,把疑问也解决,再下个星期仔细学习一下backbone和underscore

时间: 2024-08-07 17:00:15

每周总结②的相关文章

OSChina 技术周刊第二十八期 —— 每周技术精粹

每周技术抢先看,总有你想要的! 移动开发 [软件]RichEditor for Android [软件]用 React 编写移动应用 React Native [软件]iOS 图表控件 ios-charts [博客][iOS越狱开发]如何将应用打包成 .ipa 文件 前端开发 [翻译]加载 CSS 时不影响页面渲染 服务端开发/管理 [翻译]在 Linux 内核中诊断网络问题 [翻译]HTTPS-Only 标准 [翻译]Google 为 Chrome 加入新的数据压缩扩展功能 -- 你信任它?

每周例行报告

第二部分,每周例行报告

每周总结

大二已经过去两星期了.在大二开始的这段时间里,这一段时间,我的压力很大,一方面我在复习之前落下的数学知识,另一方面坚持ACM的学习.也因此我的生活轨迹变得特别规律,宿舍→ 教室→ 图书馆→ 教室→ 实验室→ 宿舍.压力很大,很忙碌.但有种说不出来的充实感.这才是我心目中的理想的大学生活. 从暑假的ACM集训开始,我一直在反思自己的大一生活.那时候每天除了上课就是宅在宿舍里.数学因为很枯燥,根本就不愿意看.愿意看的计算机也只是浅尝辄止,最终导致的结果是,什么都接触过,什么都稀里糊涂.唯一说出来挣点

ORACLE/SQL用函数进行每年,每月,每周,每日的数据汇总

15/03/21  用函数进行每年,每月,每周,每日的数据汇总 假设一个销售明细表 sale_detail 含有 国家(country),销售时间(sale_time),销售额(sale_money)..等等 需要用到求和函数 SUM()和分组子句 GROUP BY   按国家和年份分组进行求和汇总(对每一个国家的每一年进行求和) 有两种语句形式: 每年汇总 1.表格形式例如: 国家 年份 销售额 巴西 2014 500000000000 方式一: SELECT  S.country  as 国

共享MFC每周时间选择控件代码

自己写的周时间选择控件,原理就是在Static上用GDI画图. 支持选择每周内每一天内的任意时间段,可以任意拖动修改时间段,任意合并时间段 效果如下图: VS2012代码下载:https://github.com/yinkaisheng/MFCWeekTimePicker

移动支付:暗礁险滩之地?——为《每周质量报告》挑挑刺

移动支付:暗礁险滩之地? --为<每周质量报告>挑挑刺 本文为<移动信息>约稿,版权所有,发行权归<移动信息>.严禁除<移动信息>及本文作者博客之外的任何网站转载!2014年6月23日声明. 6月15日,央视<每周质量报告>播放了一集节目<移动支付的隐忧>.这集节目一经播出,在读者们中立即引起了热烈的讨论. 该节目声称,Android智能手机存在漏洞,如果黑客设置一个公共钓鱼wifi,就有可能通过此漏洞盗取蹭网者的支付宝及银行卡账户,

北洋五霸小组每周例会(微信群)记录

3.组长组织每周例会(可以使用群微信群试验一下每天沟通项目开发进度的方法)需要有证据能够在博客上公布: (1)小组成立例会记录: (2)第一周例会记录:

《极客头条》精选:每天每周每月每年程序员该做的事情

程序员每天该做的事 1.总结自己一天任务的完成情况 最好的方式是写工作日志,把自己今天完成了什么事情,遇见了什么问题都记录下来,日后翻看好处多多 2.考虑自己明天应该做的主要工作 把明天要做的事情列出来,并按照优先级排列,第二天应该把自己效率最高的时间分配给最重要的工作 3.考虑自己一天工作中失误的地方,并想出避免下一次再犯的方法出错不要紧,最重要的是不要重复犯相同的错误,那是愚蠢的 4.考虑自己一天工作完成的质量和效率能否还能提高 一天只提高1%,365天你的效率就能提高多少倍你知道吗?(1+

OSChina 技术周刊第二十三期 —— 每周技术精粹

每周技术抢先看,总有你想要的! 移动开发 [软件]Android 调试工具 Stetho 前端开发 [翻译]25 个超棒的 HTML5 & JavaScript 游戏引擎开发库 [翻译]什么时候 AngularJS 会超越 jQuery [软件]JavaScript 的 HTML 解析器 jsdom 服务端开发/管理 [翻译]通过 AngularJS 和 ASP.NET MVC5 实现文件上传 [软件]RPC 框架 GRPC [软件]Node.js 开发框架 Sails.js [软件]C++ 的

PHP获取一年有几周以及每周开始日期和结束日期

最近接了一个项目,其中有一需求是用php获取一年有几周以及每周开始日期和接触日期.在网上找些资料没有合适的,于是自己做了一份,下面通过两种方式实现PHP获取一年有几周以及每周开始日期和结束日期 代码一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <?php header("Content-type:text/html;charset=utf-8"); date_default_timezone_set(&