- 博客(30)
- 收藏
- 关注
原创 PPT的印象和学习
回忆第一次用到ppt的时候大概是在大二吧,还是帮临校的一个妹子,这个是舍友的妹子,现在想想当时做的真是汗颜,图片+文字,再多几个旋转动画,一切默认,(⊙﹏⊙)。but当时貌似还是很嘚瑟的。目前对于ppt的表现力的把握简直‘不堪入目'。哈哈,不过我估计好多人跟我差不多,我还是不太自责了。我觉得ppt首先还是服务于自己的presentation,不能本末倒置。明白自己的主体后,要设置自己的演讲思路
2016-05-11 10:29:28 348
原创 onhashchange和history
html5中提供2个事件供前端工程师给客户提供好的用户体验。具体作用: 在同一个页面,去查看之前的历史。栗子:彩票的小栗子 (不采用该事件,无法查看之前产生的数据结果)
2016-05-10 10:51:11 434
原创 走走停停的日子,不要忘了努力,也不要忘了方向
生活中你觉得偶然的事件,背后存在着它必然发生的原因。很多事情跟我们的性格是一一相关的,不过这也并非不可改变,思考则是改变的第一步。三年多的工作后,又回来学习,其实在现代人看来还是挺奇怪的,这人--不靠谱。其实我自己也觉得,只不过 我别无选择吧。不过到了这一步就该好好享受当下的日子吧,同时也要抬眼看看前方,思考下接下来的口粮在哪里。最近确实有点懒惰了,很久没有写东西了,没有看书了,那就先从栗
2016-05-10 10:05:06 371
原创 《精通CSS:高级Web标准解决方案》学习过程--V
第九章:bug在这个行当,bug,这个人见人爱的东西,人人都见过,那么你有没有系统的学过,不是记下所有的bug以及相应的处理方法(我是记不住),那么追究产生bug的原因就显得很重要了。其实css不复杂,只不过是不同浏览器的不同表现带给了大家的噩梦。在正确理解css规范的基础上,熟悉不同浏览器的表现机制,离解开这个问题的目标就不远了。1.很多时候bug不是bug;
2016-04-26 15:02:41 1491
原创 《精通CSS:高级Web标准解决方案》学习过程--IV
第八章:布局css的出现出于是为了实现表现和内容的分离,布局是其中的重中之重,抛弃table来控制布局,让你的页面简洁,灵活,飞起来~1.css布局的核心概念;定位、浮动和外边距操作。
2016-04-22 09:50:47 395
原创 《精通CSS:高级Web标准解决方案》学习过程--III
第五章:锚链接样式俗话说人靠衣裳马靠鞍,默认的锚链接样式几乎没有人会觉得赞,因此需要对其进行梳妆打扮一番1.锚链接的四中样式;伪链接的设置顺序它 link visited hover active 否则会出现设置不起作用的问题。Tips: 可记忆为love hate 貌似是一堆反义词。嘿嘿。
2016-04-18 16:29:01 826
原创 《精通CSS:高级Web标准解决方案》学习过程--II
第三章:盒模型早期的网页为增加表现力,导致代码臃肿混乱,布局极其容易被破坏。那就是个nightmare。典型的问题:标记语言成为表现标签,最为突出的就是table作为表现数据的标签变成布局的工具。 好处有许多,列举几条自己深有体会的 1,显著减少工作量 2 增加SEO的友好型 3 跨平台的友好性。具体我们应该怎么做,以下是几条提示:1.使用Class和ID命名时,要根据其具体的
2016-04-12 16:19:27 1644
原创 记录《精通CSS:高级Web标准解决方案》学习过程
学习css也有些时日了,对之并没有一个宏观的概念,只是知道是写样式、要做到层次的分离,遇到具体问题停留在能解决但却不知道效率等更高层面的东西,今天记于此,开始学习此书,陆续更新笔记和心得~第一章:
2016-04-07 18:41:56 950
转载 一些面试的问题
1.知道什么是微格式吗?谈谈理解。在前端构建中应该考虑微格式吗?答案:微格式(Microformats)是一种让机器可读的语义化XHTML词汇的集合,是结构化数据的开放标准。是为特殊应用而制定的特殊格式。优点:将智能数据添加到网页上,让网站内容在搜索引擎结果界面可以显示额外的提示。(应用范例:豆瓣,有兴趣自行google)2 .一个页面上有大量的图片(大型电商网站),加载很
2016-04-02 23:17:50 507
原创 web sql database 的例子
test gelocation APIvar db=window.openDatabase('teacher','1.0','我们的老师数据',20000);db.transaction(function (tx){tx.executeSql("SELECT * FROM TT ",[],function(tx,rs){alert(rs.rows.length
2016-04-01 11:50:08 310
原创 html5视频问题
全屏的写法video[0].webkitEnterFullscreen();video[0].mozRequestFullscreen();开始与暂停play() pause()音量的加减volume+=0.1muted=true;快进currentTime+=0.1;video[0].webkitEnterFullscreen();video[0
2016-03-28 18:49:29 354
原创 css有用的选择符
css3提供了丰富的选择元素的方式*通配符 用处不多属性选择p[name=""] name里面可以是空,也可是是具体的值,还可以是正则表达式;元素的选择p:nth-child(odd) 选择了奇数行的元素非选择符:not(.aaa) 选择非aaa类的元素儿子元素的选择div>p兄弟元素的选择p+pp~p
2016-03-23 08:40:18 212
原创 正则表达式的基础概念和基础用法
正则表达式 就是regular expression,直译其本意即为规则表达式。但我国总是习惯于将一些东西的名字起得高大上,而不是更有利于理解。所以叫正则表达式,而不是规则表达式,姑且记下吧。这个东西干嘛那?就是用来处理字符串的,通过一系列规则方便于大家对字符串的处理。写法有2种, 1为JavaScript法:new RegExp('',''); 2为perl写法
2016-03-19 12:39:49 441
原创 cookie扫盲
cookie 是饼干吗,恩 在吃货的眼里必然是!哈哈。。cookie是存储用户访问相关网站的一些个人信息,如登录名,访问的物品等全网公用一套cookie ,cookie有数量、大小限制。可设置过期时间。
2016-03-17 17:49:27 261
原创 BOM
打开窗口 window.open(); IE和FF不支持直接关闭用户打开的窗口。window.close();检测浏览器window.navigator.userAgent() 浏览器具体的信息网页位置wndow.location() 可获取当前地址 也可赋值用于打开窗口等目的;
2016-03-17 09:28:18 216
原创 js面向对象
面向对象是相对于面向过程而提出的编程思想核心在于通过这种方法的设计出来的程序不再是机械的按照设定的步骤去执行,而是按照需要的步骤去执行。举个例子:一个人要吃饭,如果用的面向过程的话就必须执行吃饭前的一切行为,而面向对象则可以跳过之前的环节!构造函数 用来构造抽象对象,通过调用构造函数 实例化对象。
2016-03-15 14:42:55 262
原创 ajax相关的小知识
ajax作为异步数据交换的技术,有重要用途,在使用过程中有其固定的格式。其中 url , success,fail 3个参数必须要有重要的转变函数 eval 否则便都是字符串。
2016-03-15 09:28:12 224
原创 绑定事件
attachEvent(事件,函数) //IEaddEventLister(事件 ,函数 ,false); //FF Chrome 事件不用ON栗子:onclicks事件:oBtn.addEventListerner(click,function(){alert("a");},false);基本等于 oBtn.attachEvent(onclick,functio
2016-03-11 13:33:31 217
原创 网页元素的一些属性
body 作为网页的容器,里面如果没有元素,则它的宽高都为0 如果加点击事件的话,不会起任何作用。document 为整个页面,即使网页为空,加点击事件,可以实现
2016-03-09 15:58:20 499
原创 HTML中非常有用的但容易被忽略的属性
1 。 在利用js是我们不想再行间距中加入样式,但是必须用到style 怎么办?解决方案登场 currentStyle 和computedStyle(为了兼容性)var style = window.getComputedStyle("元素", "伪类");var dom = document.getElementById("test"), style
2016-03-02 15:40:02 259
原创 js中的小问题
操作元素属性的3中方式1.Div.style.display="block";2.Div.style["display"]="block";3.Dom方式 获取:getAttribute("display") 设置:setAttribute("display","block") 删除:removeAttribute("display"); dom中节点问题
2016-02-20 16:12:33 313
原创 区块的边距中offsetLeft 和style.left 的区别
在网页布局中经常需要获取一个元素的边距,js中提供了2种属性:offsetLeft 和style.left offsetLeft 是获取子元素相对于父元素的左边距 style.left 则是设置或获取具有定位属性的父元素的子元素距其父元素的距离其对应的数值是相同的,主要不同点在于对于操作者的权限上根据其定义可知其不同点在于: 1.offsetLeft是只读的,是人为无法修改的
2016-02-19 15:42:33 354
原创 关于js中定时器
1 js中提供的2种定时器 分别为 1. setInterval() 2.setTimeout() 区别在于执行次数 其相应的关闭定时器的函数为 1.clearInterval() 2.clearTimeout() 2 在书写js代码中注意整合,简化函数,注意备
2016-02-19 15:18:27 233
原创 div 沉入网页底部问题!
对于这个trick ,我一直是迷迷糊糊的,前几天一个小项目又让我抓耳挠腮,所以还是记录下来! 作用如下: 页面不够长是,在整个屏幕的底部。页面太长时,位于网页的最底端! 1.结构分层 设置一个总的div 姑且命名为类container,由它包裹所有内容;设置一个还有内容的div,命名section;设置一个沉底div,名字footer吧!2,cs
2015-12-14 08:29:16 677
原创 点击返回头部
当向下滚动时,出现返回头部字样,点击即可返回头部附诗一首,enjoy youself! 滚动测试 .jump-top-box{ width: 80px;height:80px; position: fixed; z-index: 99
2015-06-04 13:06:23 595
转载 关于鼠标滚轴事件的检测问题
网页端很多情况下需要监测鼠标滚轴事件,这里栗子吃起来是皮薄肉足,贴这里,想吃就吃~哈哈~ var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件
2015-06-04 10:18:55 407
原创 关于移动web开发的重要语句
一、网页适应屏幕宽度<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>注释: viewport:窗口 initial-scale:初始比例 user-scalable:用户是否可拉伸二、根据设备屏
2015-05-25 16:13:45 182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人