代码改变世界

随笔档案-2016年09月

js数组去重

2016-09-25 21:17 by 平凡故事, 193 阅读, 收藏,
摘要: 四种算法来实现这个目的: 其中第1种和第3种方法都用到了数组的indexOf方法。此方法的目的是寻找存入参数在数组中第一次出现的位置。很显然,js引擎在实现这个方法的时候会遍历数组直到找到目标为止。所以此函数会浪费掉很多时间。 而第2中方法用的是hash表。把已经出现过的通过下标的形式存入一个obj 阅读全文

常见的字符串隐式转换

2016-09-24 11:38 by 平凡故事, 1106 阅读, 收藏,
摘要: 32+32 //64 "32"+32 //"3232" "32"-32 //0 "32"-0 //32 (将字符串转换为数字) 7-"a" //NaN "a"-"b" //NaN +{}[true] //NaN !{}[true] //true +!{}[true] // 1 +[1] //1 +[ 阅读全文

js中this的用法

2016-09-22 13:31 by 平凡故事, 200 阅读, 收藏,
摘要: this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分 阅读全文

学习资料

2016-09-18 22:13 by 平凡故事, 856 阅读, 收藏,
摘要: 前面分享了前端入门资源汇总,今天分享下前端所有的知识体系。 个人站长对个人综合素质要求还是比较高的,要想打造多拉斯自媒体网站,不花点心血是很难成功的,学习前端是必不可少的一个环节,当然你不一定要成为前端专家,但是你至少要懂前端才行,这样等网站做大之后你招人才能找到合适的人才,有一双慧眼很重要。 综合 阅读全文

js字符串截取函数slice()、substring()、substr()

2016-09-16 14:04 by 平凡故事, 826895 阅读, 收藏,
摘要: 摘要 在js中字符截取函数有常用的三个slice()、substring()、substr()了,下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(start,[end]),substring(start, 阅读全文

常用链接

2016-09-16 01:08 by 平凡故事, 193 阅读, 收藏,
摘要: CSS3中的3D效果:http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ 阅读全文

基本知识

2016-09-13 23:42 by 平凡故事, 147 阅读, 收藏,
摘要: DOM事件流:DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播,路径所经过的节点都会收到该事件,这个传播的过程可称为DOM事件流。 HTML DOM:HTML DOM是HTML Document Object Model(文档对象模 阅读全文

为何你那么努力,却看不到成绩?

2016-09-11 15:41 by 平凡故事, 332 阅读, 收藏,
摘要: 有读者问我,她很内向,很羡慕那些社交达人,该怎么办? 我想说说我的经历。 以前,我也是一个内向的人,不爱说话,喜欢独处。 在“热爱集体”这件事上,我向来做得不好。高中的时候,我翘掉集体活动,班主任找我谈话,指责我是一个“没有集体荣誉感”的人。被强制参加活动,别人欢声笑语,我却总觉得融不进去。 没错, 阅读全文

移动端audio自动播放问题

2016-09-10 23:20 by 平凡故事, 2869 阅读, 收藏,
摘要: 中秋临近,心血来潮想做个手机端贺卡,以前接触的移动端较少,虽然是个简单的贺卡,其实也蛮多坑的,简略说一下在制作贺卡的过程遇到的坑: 一:移动端的屏幕大小不能算作body的大小,因为手机浏览器头部都有网址导航等等,底部也有留白,应该出去这一部分; 二:audio背景音乐是不能自动播放的,不管怎么调试j 阅读全文

日常总结

2016-09-10 00:15 by 平凡故事, 160 阅读, 收藏,
摘要: 一、outline属性: outline属性在表单中用的比较多,表单一般都有默认样式,我们可以在样式重置中设置为outline:none; outline的语法: 定义和用法 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 注释:轮廓线不会占据空间,也不 阅读全文

条件注释判断浏览器版本<!--[if lt IE 9]>

2016-09-08 23:43 by 平凡故事, 2643 阅读, 收藏,
摘要: <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![ 阅读全文

如何让自己写的网站上线

2016-09-08 21:39 by 平凡故事, 7560 阅读, 收藏,
摘要: 要使自己的网站发布上线,如果不知道步骤,仅靠自己摸索也是挺折磨人的,这里,我介绍一种简单方便且实惠的方法: 简单来说,四个步骤: 一:获取域名(获取域名的方法,可以在淘宝、阿里云,万网,goddady上购买,或者可以在凡客上注册免费的域名,但要联系域名商,给你发送域名证书。) 二:获取远程服务器(可 阅读全文

HTTP基础知识

2016-09-05 23:21 by 平凡故事, 238 阅读, 收藏,
摘要: HTTP是计算机通过网络进行通信的规则,是一种无状态的协议,不建立持久的连接(客户端向服务器发送请求,web服务器返回响应,接着连接就被关闭了); 一个完整的HTTP请求连接,通常有下面7个步骤: 1、建立TCP连接(一般走的都是TCP连接) 2、web浏览器向web服务器发送请求命令 3、web浏 阅读全文

通过实例来理解ajax

2016-09-03 01:12 by 平凡故事, 153 阅读, 收藏,
摘要: 点击一个按钮,然后将信息显示到指定的div内。 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>FirstTest.html</title> 5 <script 阅读全文

浅谈vertical-align

2016-09-02 20:49 by 平凡故事, 331 阅读, 收藏,
摘要: vertical-align的有效值为:baseline;sub;super;top;text-top;middle;bottom;text-bottom;length或者百分比值; 对块级元素使用无效,只能对例如img;input;button等行内元素使用; Baseline vertical- 阅读全文

css3属性box-sizing

2016-09-02 19:47 by 平凡故事, 546 阅读, 收藏,
摘要: box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。包括border-box|content-box(默认)|padding-box 先来看下代码,比较一下它们之间的区别: css部分: 实现效果如下: 现在我们来看下区别: 上面的三张图,第一张width=150px;第二张为1 阅读全文

常见的块级元素和行级元素

2016-09-02 18:49 by 平凡故事, 2686 阅读, 收藏,
摘要: 常见的块级元素有:div;p;form;ul;li;ol;dl;hr;table;h1~h6; 常见的行内元素有:a;span;strong;em;br;img;input;label;button;select;textarea;i; 注意点: 1)块级元素会独占一行,其宽度自动填满其父元素宽度 阅读全文

移动端屏幕适配问题

2016-09-01 15:03 by 平凡故事, 277 阅读, 收藏,
摘要: 为了做移动适配,css3出了一个新单位rem,rem就是相对于根元素<html>的font-size来做计算,根目录一般用20px(一是方便计算,二是谷歌浏览器不支持12px以下的字体); html{font-size:20px},默认为20px; @media only screen and (m 阅读全文

CSS居中方法

2016-09-01 12:02 by 平凡故事, 223 阅读, 收藏,
摘要: css居中方法非常多,根据工作的实际情况采用恰当方法,可取到事半功倍的效果。 就常见的一些居中方法整理如下: 代码如下: <div class="con"> <div class="con1"> <img src="01.jpg" /> <span>前端开发</span> </div></div> 阅读全文