web前端开发
文章平均质量分 52
hlinghoney
IT界小小码农一个
展开
-
【读书笔记】CSS3学习(三)
7.文本效果CSS3文本效果主要包含多个新的文本特性,用来在正常的文本中实现一些额外的特性。主要是两个属性的CSS3文本效果 1)text-shadow 文本阴影,指定了水平阴影,垂直阴影,模糊的距离,以及阴影的颜色。h1{text-shadow: 5px 5px 5px #FF0000;}2)word-wrap 换行,CSS3中自动换行属性允许强制文本换行, 即使这意味着会对单词进行拆分转载 2016-03-14 10:25:47 · 428 阅读 · 0 评论 -
js数据类型判断和数组判断
写在开篇: 昨天面试发现一个十分非常简单的问题竟然没有回答上来,可能也确实是因为太紧张了,感觉被自己蠢哭了。后来想想还是应该认真记录一下,这样才能印象深刻。革命尚未成功,壮实仍需努力!1. js六大数据类型number:数字,整数、浮点数等等,string:单引号或者双引号来说明,Boolean:返回true和false,这两个值不一定对应1和0object:对象,可以执行new操作符后跟要原创 2016-03-29 11:14:04 · 4717 阅读 · 0 评论 -
js中去除空格
// str为要去除空格的字符串:// 去除所有空格: str = str.replace(/\s+/g,""); // 去除两头空格: str = str.replace(/^\s+|\s+$/g,"");// 去除左空格:str=str.replace( /^\s*/, '');// 去除右空格:str=str.replace(/(\原创 2016-05-10 21:36:19 · 371 阅读 · 0 评论 -
字符串反转
题目:Write a function that takes a string as input and returns the string reversed.Example: Given s = “hello”, return “olleh”.源码:/** * @param {string} s * @return {string} */var reverseString = func原创 2016-04-28 16:15:09 · 498 阅读 · 0 评论 -
字符与ascii码的相互转换以及字符串和字符数组的相互转换
字符与ascii码的相互转换 1.字符转ascii码:用charCodeAt();var str="a";String.charCodeAt(str);2.ascii码转字符:用fromCharCode();var str="a";String.fromCharCode(str);字符串和字符数组的相互转换 1.字符串转字符数组: split()函数var str="abc";var a原创 2016-05-13 00:34:12 · 8402 阅读 · 0 评论 -
document.compatMode属性
document.compatMode是用来判断当前浏览器采用的渲染方式。 有两个模式: BackCompat:标准兼容模式关闭,当document.compatMode等于BackCompat时,浏览器客户区宽度为document.body.clientWidth; CSS1Compat:标准兼容模式开启,当document.compatMode等于CSS1Compat时浏览器原创 2016-05-30 19:01:48 · 3691 阅读 · 0 评论 -
控制div属性
坚持每天写demo系列控制div属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>lesson1-index1控制div属性</title> <style> #outer{ width: 500px; margin: 0原创 2016-04-23 21:11:39 · 754 阅读 · 0 评论 -
使用JavaScript进行进制转换将字符串转换为十进制
1.将数字转换成十进制 parseInt(res,x); 将任意进制字符串转换为十进制,x为如二进制,八进制,十六进制, 第二数数不写即为最常用的转换为整型十进制;var res=10001;parseInt(res,2);//res为二进制,将res转换成十进制进制parseInr(res,16)//res为十六进制,将res转换成十进制进制2.将字符反转 arr.split(原创 2016-05-23 16:04:13 · 5629 阅读 · 0 评论 -
简易倒计时
<!doctype html><html><head><meta charset="utf-8"><title>简单易用的倒计时js代码</title><style>*{ margin:0; padding:0; list-style:none;}body{ font-size:18px; text-align:center;}.time{ height:30px; padding:原创 2016-07-22 11:52:03 · 908 阅读 · 0 评论 -
js代码片段【数制转换】【判断回文】
数制之间的相互转换(适用于以2~9为基数的情况) 可以利用栈将一个数字从一种数制转换成另一种转换算法如下: 1.最高位为n%b,将此位压入栈; 2.使用n/b代替n; 3.重复步骤1和2,直到n=0且没有余数; 4.持续将栈内元素弹出,直到栈为空,以此将这些元素排列,得到转换后数字的字符串形式。源码:function mulBase(num,base){ var s=new Sta原创 2016-03-17 17:48:51 · 1324 阅读 · 0 评论 -
微软面试--数组去重方法
题目: 实现数组去重 输入: arr数组,即需要去重的数组 输出: 返回去重后数组的长度/* 数组去重1: 重新建立一个临时数组,遍历原数组中的元素,并判断每个元素是否在新数组中出现过。若没出现过则加入,出现过,则不加入。 时间复杂度n^2,空间复杂度n @param arr 输入需要去重的数组 @return 返回去重后数组的长度 *原创 2016-07-27 22:58:35 · 782 阅读 · 0 评论 -
HTML5拖放(drag和drop)
1. 说说“拖放事件” 拖放事件,即抓取对象以后拖动到另一个位置 有些事件在被拖放的元素上触发,有些在放置目标上触发。在拖动元素时,依次触发dragstart事件、drag事件、dragend事件;当某个元素被拖动到一个有效的放置目标上时,依次触发dragenter事件、dragover事件dragleave或者drop事件。2. 实现过程设置元素为可拖放<img draggab原创 2016-06-21 17:11:12 · 3219 阅读 · 0 评论 -
css让footer始终位于页面的最底部
html代码结构为:<div class="container"><div cass="header"></div><div class="body"></div><div class="footer"></div></div>第一种情况:footer随着进度条的滚动而滚动.container{width:100%;min-height:100%;position:relative;}.b原创 2016-03-23 22:17:39 · 29358 阅读 · 0 评论 -
flexbox学习
一、概述:flex是flexbox的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定flex布局。注意flex布局以后,子元素的float、clear和vertical-align属性将失效。flex布局的主要思想是给容器控制项目(flex项目)的宽度、高度的能力,使得flex项目可以自动填满容器的可用空间(主要是适应所有类型的显示设备和屏幕大小)。flex容器使得flex原创 2016-08-05 23:14:37 · 354 阅读 · 0 评论 -
CSS实现居中对齐
Part1 水平居中的方案:1.行内元素,可以设置text-align属性text-align:center;2.固定宽度块状元素,可以设置左右margin值为auto来使用margin:0 auto;3.不定宽度块状元素a:在元素外加入 table 标签(完整的,包括 table、tbody、tr、td),该元素写在 td 内,然后设置 margin 的值为 autob:给该元素设置原创 2016-09-10 16:40:24 · 22152 阅读 · 0 评论 -
获取URL参数
获取 url 中的参数 1. 指定参数名称,返回该参数的值 或者 空字符串 2. 不指定参数名称,返回全部的参数对象 或者 {} 3. 如果存在多个同名参数,则返回数组 输入例子: getUrlParam(‘http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe‘, ‘key’)输出例子: [1, 2, 3]源码:function get原创 2016-08-25 15:40:51 · 1461 阅读 · 0 评论 -
创建ajax过程
AJAX=异步JavaScript+XML; ajax是一种无需重新加载整个网页情况下能够更新部分网页的技术。简单描述: Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。创建ajax详细过程:step1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象; step2.原创 2016-09-22 17:01:14 · 8887 阅读 · 0 评论 -
【读书笔记】CSS3学习(一)
本文转自: https://github.com/waylau/css3-tutorial/blob/master/SUMMARY.mdCSS介绍CSS是层叠样式表(cascading style sheet)的缩写,用于争抢控制页样式并允许将样式信息和网页内容分离的一种标记性语言。 语法:selector{property:value;}//selector:选择器,表明花括号中的属性设置将转载 2016-03-11 18:19:43 · 656 阅读 · 0 评论 -
【读书笔记】CSS3学习(二)
3.CSS3背景CSS3 background中包含几个新的背景属性,提供更大背景元素控制。 主要有两个背景属性: 1) background-size: background-size规定背景图片的尺寸(以像素或者百分比规定尺寸),如果以百分比规定尺寸,尺寸相对于父元素的宽度和高度。.background-size{ background:url(bg_hling.png);转载 2016-03-11 22:51:27 · 376 阅读 · 0 评论 -
58. Length of Last Word
题目Given a string s consists of upper/lower-case alphabets and empty space characters ’ ‘, return the length of last word in the string. If the last word does not exist, return 0.Note: A word is define原创 2016-03-11 13:04:42 · 295 阅读 · 0 评论 -
一个简单的用户注册页面
功能:实现显示当前的时间、设置静态的用户注册界面代码如下:a list by hling //显示今天日期<!--var today = new Date();var day = today.getDate(); var month = today.getMonth() + 1; var year = today.getFullYear(); var w原创 2013-05-24 21:04:35 · 2346 阅读 · 5 评论 -
网页游戏--贪吃蛇游戏
还有一些问题没有解决,能简单的实现。但是没有实现升级的问题以及一些设置和背景画面等,最大的问题是在IE下运行成功,但是google和360浏览器都不能实现,其他的浏览器还没有测试。先贴在这里,具体的分析过程和总结等解决此问题后全部给出,具体解决方案还没想好。希望大神提供问题的解决方案! Untitled Document #t{ width:450px; he原创 2013-06-16 19:45:57 · 1092 阅读 · 0 评论 -
js中内建对象
JavaScript charAt() 函数string.charAt(n) -- 返回指定位置(n)的字符char是character的缩写,中文"符号,字符"引用网址:http://www.dreamdu.com/javascript/string.charAt/charAt函数语法string.charAt(n);charAt函数参数原创 2014-10-16 16:44:35 · 1620 阅读 · 1 评论 -
JS中的Math对象
1.abs()方法abs()方法返回所传入参数的绝对值。例:var myNumber=-101;document.write(Math.abs(myNumber));2.ceil()方法ceil()方法用于向上取整。例:var myNumber=-101;document.write(Math.ceil(myNumber)+“”);document.write(par原创 2014-10-16 17:34:42 · 750 阅读 · 0 评论 -
html乱码怎问题
lang=lang> - 指定语言种类lang 属性可以指定标签范围内的元素的语言种类。英语lang="en",中文lang="zh",日文lang="ja"。一般都会选择指定英文,乱码原因:1、不同编码内容混杂:HTML乱码是由于html编码问题照成(常见gb2312与utf-8两种编码内容同时存在照成)2、未设置HTML编码:<meta ht原创 2015-07-04 13:23:38 · 3108 阅读 · 0 评论 -
【读书笔记】javascript之数组操作
一、使用数组1.1 创建数组通过[ ]操作符声明一个数组变量:var numbers=[];在生命数组变量时,直接在[]操作符内放入一组元素:var numbers=[1,2,3,4,5];调用Array的构造函数创建数组,在调用Array的构造函数时,可以只传入一个参数,用来指定数组的长度:var numbers=new Array(); //创建一个数组var numbers= n原创 2016-02-26 22:46:15 · 567 阅读 · 0 评论 -
【读书笔记】JavaScript图片库
利用JavaScript来创建图片库的最佳选择:把整个图片库的浏览链接集中安排在图片库主页里,只要用户点击主页的某个图片链接时才把相应的图片传送给他。源码: images.html<!DOCtype html><html lang="en"> <head> <meta charset="uft-8"> <title>image gallery</title原创 2016-03-02 16:50:49 · 496 阅读 · 0 评论 -
js中apply()和call()的区别
PS:阿里面试还是跪掉了,跪就跪吧,心情有点小郁闷,不过还是要好好总结和思考,多努力!主要考虑一下几个问题:1. apply和call的区别在哪里?相同点:两个方法产生的作用完全一样 不同点:方法传递的参数不同 call, apply方法区别是,从第二个参数起, call方法参数将依次传递给借用的方法作参数, 而apply直接将这些参数放到一个数组中再传递, 最后借用方法的参数列表是一样的.ap原创 2016-03-29 21:28:13 · 616 阅读 · 0 评论 -
JavaScript之链表操作
单链表//Node类和LList类function Node(element){ this.element=element; this.next=null;}function LList(){ this.head=new Node("head"); this.find=find; this.insert=insert; this.display=di原创 2016-03-21 10:23:59 · 3039 阅读 · 1 评论 -
JavaScript中栈和队列相关操作和实现
栈的介绍栈就是和列表类似的一种数据结构,数据只能在栈顶添加或者删除。栈是一种特殊的列表,栈内的元素只能通过列表的一端访问,成为栈顶。栈具有后进先出的特点,所以任何不在栈顶的元素都无法访问。后进先出(LIFO,last-in-first-out)的数据结构。对栈的操作1.对栈的两种主要操作为将一个元素压入栈和将一个元素弹出栈。 入栈:push(); 出栈:pop(); 2.预览栈顶的元素peek原创 2016-03-15 17:11:30 · 574 阅读 · 0 评论 -
CSS中!important的使用
语法CSS的原理: 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。语法:Selector{sRule !important;}说明: 提升指定样式规则的应用优先权。例子:转自:http://www.cnblogs.com/yudy/archive/2013/05/27/3102825原创 2016-03-07 11:00:52 · 2360 阅读 · 0 评论 -
HTML5学习(一)
HTML5是什么?html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。HTML5新特性HTML5 中的一些有趣的新特性: ps: 1.在文档类型声明上,html5比较方便简洁。html:<!DOCTYPE ht原创 2016-03-07 23:52:08 · 2120 阅读 · 1 评论 -
【读书笔记】javascript语言精粹--第8章 方法
Arrayarray.concat(item…) //产生一个新数组var a=['a','b','c'];var b=['x','y','z'];var c=a.concat(b,true);//c变成['a','b','c','x','y','z',true]array.join(separator) //join方法把一个array构造成一个字符串array.pop() //原创 2016-02-23 21:32:40 · 718 阅读 · 0 评论 -
HTML5学习(二)
6.表单html5带来了新的表单元素、新输入控件类型和新的属性,新的输入控件类型包括:email:用于输入电子邮件地址;url:用于输入URL;date:用于输入日期和时间;number:用于输入数值;range:用于生成滑动条;search:用于搜索框;Data Pickers:日期选择器;tel:用于输入电话号码;color:用于选择颜色;input类型-email email原创 2016-03-10 22:53:07 · 579 阅读 · 0 评论 -
tx面试微信红包随机
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <script type="text/javascript"> //考虑两位小数的情况,考虑随机的情况,考虑所有人领的红包不能为0原创 2016-09-21 21:48:35 · 766 阅读 · 0 评论