hlinghoney-CSDN博客

原创创建ajax过程

AJAX=异步JavaScript+XML； ajax是一种无需重新加载整个网页情况下能够更新部分网页的技术。简单描述： Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。创建ajax详细过程：step1. 创建XMLHttpRequest对象，也就是创建一个异步调用对象； step2.

2016-09-22 17:01:14 8907

原创 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 790

原创 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 22195

原创获取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 1496

一、概述：flex是flexbox的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定flex布局。注意flex布局以后，子元素的float、clear和vertical-align属性将失效。flex布局的主要思想是给容器控制项目（flex项目）的宽度、高度的能力，使得flex项目可以自动填满容器的可用空间（主要是适应所有类型的显示设备和屏幕大小）。flex容器使得flex

2016-08-05 23:14:37 370

原创微软面试--数组去重方法

题目：实现数组去重输入： arr数组，即需要去重的数组输出：返回去重后数组的长度/* 数组去重1：重新建立一个临时数组，遍历原数组中的元素，并判断每个元素是否在新数组中出现过。若没出现过则加入，出现过，则不加入。时间复杂度n^2,空间复杂度n @param arr 输入需要去重的数组 @return 返回去重后数组的长度 *

2016-07-27 22:58:35 796

原创简易倒计时

<!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 948

原创华为机试--最高分是多少

老师想知道从某某同学当中，分数最高的是多少，现在请你编程模拟老师的询问。当然，老师有时候需要更新某位同学的成绩. 输入描述: 输入包括多组测试数据。每组输入第一行是两个正整数N和M（0 < N <= 30000,0 < M < 5000）,分别代表学生的数目和操作的数目。学生ID编号从1编到N。第二行包含N个整数，代表这N个学生的初始成绩，其中第i个数代表ID为i

2016-07-09 22:02:52 1957

原创【leetcode】53. Maximum Subarray

题目Find the contiguous subarray within an array (containing at least one number) which has the largest sum.求一个数组的连续子序列的最大值。For example, given the array [−2,1,−3,4,−1,2,1,−5,4], the contiguous subarray

2016-07-03 11:41:20 366

原创 HTML5拖放（drag和drop）

1. 说说“拖放事件” 拖放事件，即抓取对象以后拖动到另一个位置有些事件在被拖放的元素上触发，有些在放置目标上触发。在拖动元素时，依次触发dragstart事件、drag事件、dragend事件；当某个元素被拖动到一个有效的放置目标上时，依次触发dragenter事件、dragover事件dragleave或者drop事件。2. 实现过程设置元素为可拖放<img draggab

2016-06-21 17:11:12 3243

原创 document.compatMode属性

document.compatMode是用来判断当前浏览器采用的渲染方式。有两个模式： BackCompat：标准兼容模式关闭，当document.compatMode等于BackCompat时，浏览器客户区宽度为document.body.clientWidth; CSS1Compat：标准兼容模式开启,当document.compatMode等于CSS1Compat时浏览器

2016-05-30 19:01:48 3711

原创使用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 5674

原创字符与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 8439

原创 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 390

原创字符串反转

题目：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 521

原创控制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 771

原创 js中apply()和call()的区别

PS:阿里面试还是跪掉了，跪就跪吧，心情有点小郁闷，不过还是要好好总结和思考，多努力！主要考虑一下几个问题：1. apply和call的区别在哪里？相同点：两个方法产生的作用完全一样不同点：方法传递的参数不同 call, apply方法区别是,从第二个参数起, call方法参数将依次传递给借用的方法作参数, 而apply直接将这些参数放到一个数组中再传递, 最后借用方法的参数列表是一样的.ap

2016-03-29 21:28:13 633

原创 js数据类型判断和数组判断

写在开篇：昨天面试发现一个十分非常简单的问题竟然没有回答上来，可能也确实是因为太紧张了，感觉被自己蠢哭了。后来想想还是应该认真记录一下，这样才能印象深刻。革命尚未成功，壮实仍需努力！1. js六大数据类型number：数字，整数、浮点数等等，string：单引号或者双引号来说明，Boolean：返回true和false，这两个值不一定对应1和0object：对象，可以执行new操作符后跟要

2016-03-29 11:14:04 4744

原创 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 29415

原创 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 3066 1

原创 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 1334

原创 JavaScript中栈和队列相关操作和实现

栈的介绍栈就是和列表类似的一种数据结构，数据只能在栈顶添加或者删除。栈是一种特殊的列表，栈内的元素只能通过列表的一端访问，成为栈顶。栈具有后进先出的特点，所以任何不在栈顶的元素都无法访问。后进先出（LIFO,last-in-first-out）的数据结构。对栈的操作1.对栈的两种主要操作为将一个元素压入栈和将一个元素弹出栈。入栈：push()；出栈：pop()； 2.预览栈顶的元素peek

2016-03-15 17:11:30 597

原创 232. Implement Queue using Stacks&225. Implement Stack using Queues

题目Implement the following operations of a queue using stacks.push(x) – Push element x to the back of queue. pop() – Removes the element from in front of queue. peek() – Get the front element. empty(

2016-03-14 21:45:06 353

转载【读书笔记】CSS3学习（三）

7.文本效果CSS3文本效果主要包含多个新的文本特性，用来在正常的文本中实现一些额外的特性。主要是两个属性的CSS3文本效果 1）text-shadow 文本阴影，指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色。h1{text-shadow: 5px 5px 5px #FF0000;}2）word-wrap 换行，CSS3中自动换行属性允许强制文本换行，即使这意味着会对单词进行拆分

2016-03-14 10:25:47 441

转载【读书笔记】CSS3学习（二）

3.CSS3背景CSS3 background中包含几个新的背景属性，提供更大背景元素控制。主要有两个背景属性： 1) background-size: background-size规定背景图片的尺寸（以像素或者百分比规定尺寸），如果以百分比规定尺寸，尺寸相对于父元素的宽度和高度。.background-size{ background:url(bg_hling.png);

2016-03-11 22:51:27 393

转载【读书笔记】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 669

原创 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 306

原创 HTML5学习（二）

6.表单html5带来了新的表单元素、新输入控件类型和新的属性，新的输入控件类型包括：email：用于输入电子邮件地址；url:用于输入URL；date:用于输入日期和时间；number:用于输入数值；range:用于生成滑动条；search：用于搜索框；Data Pickers：日期选择器；tel:用于输入电话号码；color:用于选择颜色；input类型-email email

2016-03-10 22:53:07 598

原创 328. Odd Even Linked List

题目Given a singly linked list, group all odd nodes together followed by the even nodes. Please note here we are talking about the node number and not the value in the nodes. You should try to do it in

2016-03-08 22:49:42 407

原创 191. Number of 1 Bits

题目Write a function that takes an unsigned integer and returns the number of ’1’ bits it has (also known as the Hamming weight).For example, the 32-bit integer ’11’ has binary representation 00000000000

2016-03-08 11:08:20 350

原创 206. Reverse Linked List

题目Reverse a singly linked list.click to show more hints.Subscribe to see which companies asked this question源码JavaScript/** * Definition for singly-linked list. * function ListNode(val) { * this

2016-03-08 10:49:01 353

原创 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 2137 1

原创 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 2381

原创 235. Lowest Common Ancestor of a Binary Search Tree

题目Given a binary search tree (BST), find the lowest common ancestor (LCA) of two given nodes in the BST.According to the definition of LCA on Wikipedia: “The lowest common ancestor is defined between t

2016-03-03 20:24:35 380

原创 13. Roman to Integer

题目Given a roman numeral, convert it to an integer.Input is guaranteed to be within the range from 1 to 3999.Subscribe to see which companies asked this question翻译给定一个罗马数字，将它转换成整数。思路罗马数字的含义：I->1;V->5;

2016-03-03 16:19:38 328

原创 144. Binary Tree Preorder Traversal &&94. Binary Tree Inorder Traversal

题目Given a binary tree, return the preorder traversal of its nodes’ values.For example: Given binary tree {1,#,2,3}, 1 \ 2 / 3 return [1,2,3]. Note: Recursive solution is trivia

2016-03-02 23:20:02 306

原创 260. Single Number III

题目iven an array of numbers nums, in which exactly two elements appear only once and all the other elements appear exactly twice. Find the two elements that appear only once.For example:Given nums = [1,

2016-03-02 17:37:19 304

原创【读书笔记】JavaScript图片库

利用JavaScript来创建图片库的最佳选择：把整个图片库的浏览链接集中安排在图片库主页里，只要用户点击主页的某个图片链接时才把相应的图片传送给他。源码： images.html<!DOCtype html><html lang="en"> <head> <meta charset="uft-8"> <title>image gallery</title

2016-03-02 16:50:49 513

原创 319. Bulb Switcher

题目There are n bulbs that are initially off. You first turn on all the bulbs. Then, you turn off every second bulb. On the third round, you toggle every third bulb (turning on if it’s off or turning off

2016-03-01 17:41:10 336

原创 171. Excel Sheet Column Number

题目Related to question Excel Sheet Column TitleGiven a column title as appear in an Excel sheet, return its corresponding column number. A -> 1 B -> 2 C -> 3 ... Z -> 26 AA -> 27

2016-03-01 13:20:16 298