原创 js簡易選項卡製作

今天使用JavaScript寫一個簡易的選項卡,性能不優化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Js簡易選項卡</title

原创 使用SVG畫小貓咪

</pre>SVG畫簡易小貓咪:<p>第一幅圖是別人的,圖2是自己畫的</p><p><img src="https://img-blog.csdn.net/20150321204228584?watermark/2/text/aHR0cD

原创 使用JS製作簡易圖片輪播效果

使用JS製作簡易圖片輪播效果: 製作比較粗糙,使用的圖片是width:660ppx,height:550px; 效果圖: --------------------------------------------------華麗麗的分界線

原创 使用SVG畫貓咪

SVG畫簡易小貓咪:第一幅圖是別人的,圖2是自己畫的 -----------------------------分割線--------------

原创 js正則表達式:密碼由數字,大寫字母,小寫字母,特殊符,至少其中三種組成

正則表達式驗證由數字,大寫字母,小寫字母,特殊符,至少其中三種組成密碼 今天對接的項目要求:登錄密碼長度至少8位,必須符合由數字,大寫字母,小寫字母,特殊符,至少其中三種組成密碼。 俗話說:好記性不如爛筆頭。故,記錄下方便以後查閱。 匹

原创 IE11下sort函數不起作用

今天做項目調試關於日期渲染時,IE11遇到了一個比較隱蔽的bug,排查一晚上,發現是sort在IE11不起作用導致,是比較容易忽略的問題,已成功踩坑,希望看到的童鞋不踩。 //背景:需要把帶格式的日期轉化爲年月日,如 日月年-->年月日

原创 自定義彈出框alert

有時候由於某種需求,我們需要改變彈出框的樣式。 例子一: js代碼如下: function alert(txt) { document.write ('<table width=

原创 CSS清除浮動

轉自:http://www.cnblogs.com/ForEvErNoME/p/3385153.html CSS技巧:清除浮動 什麼是CSS清除浮動? 在非IE瀏覽器(如Firefox)下,當容器的高度爲auto,且容器的內容

原创 各大瀏覽器內核(Rendering Engine)

各大瀏覽器內核(Rendering Engine) 記得剛開始寫網頁的時候,聽童鞋們說各大瀏覽器的內核,也是懵懵懂懂的,知一不知其二,今天特地查一下: 內核只是一個通俗的說法,其英文名稱爲“Layout engine”,翻譯過來

原创 寫一個函數將傳入的字符串轉換成駝峯表示法

/* *已知有字符foo="get-element-by-id",寫一個function將其轉換成駝峯表示法"getElementById" */ var o = { trans:function (msg)

原创 JS寫一個函數輸出今天的日期

練習:輸出今天的日期,以YYYY-MM-DD的方式,比如今天是2015年8月11日,則輸出2015-08-11 var o = { /* *輸出今天的日期,以YYYY-MM-DD的方式,比如今天是2015年8月11日,則

原创 寫一個函數,將字符串首尾空格去除,並且字符串之間的多個空格合併成一個。

//寫一個函數,將字符串首尾空格去除,並且字符串之間的多個空格合併成一個。 String.prototype.trim2  =  function(){    return this.replace(/(^\s*)|(\s*$)/g,'

原创 LeetCode - Valid Palindrome (判斷“迴文”)

最近在刷LeetCode,本博文題目連接: 題目如下: 解答:在提交了N多次之後,終於被Accepted。 總結:發現自己考慮的太不周全了。 1、最初時傳進來的str是一個靜態變量,不能進行大小寫轉換,後來加進了str1,str2暫存。

原创 輸出所有對象的屬性名,並放入一個數組

function f(){   //請編寫一段程序,將一個對象和它直接、間接引用的所有對象的屬性字符串放入一個數組。如   //var o = {a:1,{b:2,c:{d:1}}}這裏o經過處理後,應該得到["a","

原创 js隨機生成十六進制顏色

var hexRandomColor = function (){ return '#'+('00000'+Math.random()*0x1000000<<0).toString(16).slice(-6); };