TimyChen-CSDN博客

转载项目中必须知道有关css和html的常识

项目中必须知道有关css和html的常识根据模块化的思想，将目录划分为html，css，image三大部分。css部分：（base.css、globa.css和mod文件夹）1、base.css放置的是reset，clearfix等基础类和工具类；2、globa.css放置的是布局样式，包括header，footer等样式；3、mod文件夹下面放置的模块

2016-03-02 17:38:23 664

原创 css优化text输入框代码的解析

输入框特效 body{ margin: 0; padding: 0; background: #fafafa; } .shuru{ margin: 300px auto; width: 300px; height: 40px; border-radius: 20px; font-size: 20px; }

2016-03-02 17:28:49 566

转载每天学习一点点：如何转到其他界面；

注册账号 var regButton=doc.getElementById("autoLogin");//通过id获取注册账号 regButton.addEventListener('tap', function(event) {//打开其他界面的函数 $.openWindow({ url: 'reg.html',//其他界面地址 id: 'reg', show: {

2016-01-21 15:27:50 369

转载每天进步一点点：$为什么会出现在js里呢

一直不懂$是什么意思，今天在论坛上，终于看到高手对$的解释，豁然开朗。function $(id){return getElementById("id");//返回ID名为"ID"的对象}$('#id') 等于 document.getElementById('id')由于页面大量用到getElementById,写起来很麻烦,所以聪明的人们把它简化了

2016-01-18 09:18:59 295

原创每天进步一点点：有无逗号的区别

有逗号的代码：ctx.font="100px,sans-serif";ctx.fillText("hello",10,100);ctx.strokeText("hello",10,100);结果：无逗号的代码：ctx.font="100px sans-serif";ctx.fillText("hello",10,100);ctx.strokeText("hello",1

2016-01-16 08:41:21 411

转载 Web前端开发知识结构

初学者学习步骤：【1】能用html+css把页面做出来，能用js实现动态效果。【2】在1的基础上保证浏览器兼容性。【3】在2的基础上开始出现代码洁癖，代码会逐渐趋向于简洁高效【4】在3的基础上开始关注语义性、可用性和可重用性【5】在4的基础上开始关注页面性能及用户体验【6】在5的基础上开始费劲脑汁的去寻思怎么能把开发效率也提升上来【7】在6的基础

2016-01-14 18:06:14 374

原创每日进步一点点：用CanPlayType方法测试google、IE、火狐浏览器对video的兼容性

example video cannot be displayed propertyvalue var mediaelem=document.getElementById("media"); var tableelem=document.getElementById("info"); var mediaFile

2016-01-13 21:32:28 670

原创 *addEventListener(" ", ,true(or false))中第三个元素选择true和false的区别

div { background-color: coral; border: 1px solid; padding: 50px;}该实例演示了在添加事件监听时选择true和false的不同。选择false，程序由里到外进行选择true，程序由外到里进行document.getElementById("p").addEventListene

2016-01-12 20:28:06 959

原创获取document对象除了getElement方法，居然还可以使用css选择器方法！！！

例子：examplepre{border: thin solid black;}There are lots of different kinds of fruit.There are over 500 varieties of banana alone.By the time we add the countless types o

2016-01-10 17:28:28 2001

转载第一次看到html的动画效果，好神奇

examplep{padding: 4px;border: thin solid black;margin: 2px;background-color: lightgray;font-family: sans-serif;}#banana{font-size: large;border: medium solid black;}#banana:h

2016-01-09 10:51:28 428

原创 position属性值static、relative、absolute、fixed作用

代码实例： example img{ width: 40px; height: 40px; top: 5px; left: 150px;

2016-01-07 20:38:03 1156 1

转载 JavaScript 开发的45个经典技巧

最近看到一篇很有用的博客，转载一下！1、首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。2、使用===取代====和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。[10] === 10 // is false[10] ==

2016-01-06 18:36:03 299

原创 ==与===的含义和区别

==的含义是相等，===的含义是完全相同。实例代码如下： var firstVal=10; var secondVal="10"; if(firstVal==secondVal

2016-01-06 18:31:38 683

原创有value时，li元素序列号就是value值，没有value，则会递增

例子：exampleI like reading book and watching TV.I also like:seeing moviessleepingplaying gamesplaying basketballplaying the piano结果如下：I like reading book and wa

2016-01-05 19:21:09 578

原创 html5创建对象的三种方式

创建对象有很多种方法，最常用的有直接创建对象、使用对象字面量、为对象添加方法等。直接创建对象：examplevar myData=new Object();myData.name="Marry";myData.feel="love";document.writeln("hello "+myData.name+".");document.w

2016-01-04 08:50:11 1574

转载 css继承

如果浏览器在直接相关的样式中找不到某个属性的值，就会求助于继承机制，使用父元素的样式属性值。例如：Examplep{color:white;background:grey;border:medium solid black;}visit the apress site i like apples and oranges.visit w3c sit

2016-01-04 08:05:30 209

原创 css中的长度

半路出家，一直以为css的长度单位标识符只有px、%两种，直到今天新买的书才知道，长度单位标识符有绝对长度和相对长度两种：css中绝对单位：单位标识符说明in

2016-01-02 11:01:26 559

TA关注的人

TimyChen的博客